@charset 'UTF-8';
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
  body {
font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'Osaka', 'MS PGothic', -apple-system, BlinkMacSystemFont, arial, helvetica, sans-serif;
color: #2E2A25;
font-size: 1.6rem;
letter-spacing: 0px;
line-height: 1.9;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: normal;
background: #f6f1ea;
}
body#body_frontpage {
background: #F6F1EA;
}
.frontpage>.news_dl_wrap {
display:none;
}
a {
text-decoration: underline;
color: #2E2A25;
}
@media screen and (max-width: 767px) {
html {
font-size: 2.4vw;
}
}
.blog_con_in .post-content h3 {
background: #EBE9E7;
font-size: 2rem;
padding: 30px;
border-top: 5px solid #AA9966;
margin-bottom: 30px;
margin-top: 30px;
line-height: 1.5;
}
.blog_con_in .post-content h4 {
font-size: 1.8rem;
border-bottom: 5px solid #AA9966;
padding-bottom: 20px;
line-height: 1.4;
margin-bottom: 30px;
margin-top: 30px;
}
@media screen and (max-width: 767px) {
.blog_con_in .post-content h3 {
font-size: 1.8rem !important;
margin-bottom: 5vw;
margin-top: 5vw;
padding: 3vw;
}
.blog_con_in .post-content h4 {
font-size: 1.8rem !important;
margin-bottom: 5vw;
margin-top: 5vw;
padding-bottom: 3vw;
}
}
.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
display: block !important;
}
.elementor-widget-wrap {
flex-wrap: inherit !important;
-ms-flex-line-pack: inherit !important;
align-content: inherit !important;
}
.elementor-element .elementor-icon-list-icon i:before {
color: #EF7A00 !important;
}
.kome {
padding-left: 1em;
text-indent: -1em
}
.hosoku {
font-size: 1.3rem !important;
}
::-webkit-input-placeholder { color: #ccc;
}
:-ms-input-placeholder { color: #ccc;
}
::placeholder { color: #ccc
}  #header {
background: #ffffff;
}
#header .wrap,
#header .gnav,
#header .menu > li {
height: 100px;
}
.post-header {
margin-top: 100px;
}
@media screen and (max-width: 960px) {
.post-header,
.mainimage_wrap {
margin-top: 0;
}
} #header .logo {
width: 30.7%;
float: left;
font-size: 1.2em;
font-weight: bold;
margin-left: 15px;
display: flex;
flex-wrap: wrap;
align-items: center;
text-align: center;
justify-content: space-between;
}
#header .logo img {
width: 100%;
max-width: 313px;
} #header .right .right_left,
#header .right .right_right {
width: 180px;
}
#header .right .right_right p + p {
margin-top: 1px;
}
#header .right img {
width: 180px;
max-width: 100%;
display: block;
}
#header .right .right_left {
float: left;
} #header .gnav { margin-right: 10px; }
#header .menu {
font-size: .8em;
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
#header .menu > li {
position: relative;
z-index: 2;
float: left;
text-align: center;
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
letter-spacing: 0.1em;
}
#header .menu > li > a {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
flex-direction: column;
font-size: 1.6rem;
text-decoration: none;
padding: 0px 20px;
transition: 0.5s ease;
cursor: pointer;
line-height: 1.2;
letter-spacing: 0.1em;
position: relative;
font-family: "Sawarabi Mincho",serif;
font-weight: 400;
font-style: normal;
color: #2E2A25;
position: relative;
}
#header .menu > li > a > span {
color: #D5BCA1;
line-height: 1.4;
font-size: 1rem;
padding-top: 3px;   width: 100%;
letter-spacing: 1px;
}
#menu-g_nav .sub-menu li {
width: 100%;
border-top: none;
text-align: left;
padding-bottom: 14px;
}
.menu .sub-menu li a {
padding: 5px 5px 5px 22px;
text-decoration: none;  }
#menu-g_nav .sub-menu li:first-child {
border: none; overflow: hidden;
}
#menu-g_nav .sub-menu li:last-child { overflow: hidden;
}
.gnav .in_logo {
width: 100%;
padding: 0 70px 0 3vw;
background: #ffffff;
height: 70px;
box-sizing: border-box;
position: relative;
}
.gnav .in_logo img {
display: block;
max-width: 210px;
}
.gnav_bottom {
background: #66CC99;
padding: 6vw 6vw 8vw 5vw;
color: #fff;
letter-spacing: 0.1em;
text-align: center;
font-size: 2rem;
position: relative;
box-sizing: border-box;
}
.gnav_bottom:before {
background: url(//akala-clinic.jp/wp-content/uploads/fix_bg.jpg) center top no-repeat;
width: 100%;
height: 22vw;
background-size: cover;
position: absolute;
content: "";
left: 0;
top: 0;
}
.gnav_bottom * {
position: relative;
}
.gnav_bottom .btn {
margin-top: 11vw;
}
.gnav_bottom .btn img {
width: 100%;
}
.menu .sub-menu li a {
position: relative;
font-size: 16px;
line-height: 1.5;
transition: 0.5s ease;
letter-spacing: 0.08em;
font-family: "Sawarabi Mincho",serif;
font-weight: 400;
font-style: normal;
color: #54442E;
}
.menu .sub-menu li a:before {
position: absolute;
top: 9px;
left: 0;
content: "";
width: 16px;
height: 16px;
background: url(//akala-clinic.jp/wp-content/uploads/header_icon.png) no-repeat;
background-size: cover;
}
@media screen and (min-width: 961px) {
.gnav_bottom .txt {
font-family: "秀英明朝 L", Shuei Mincho L, serif;
}
.gnav_bottom .txt02 {
font-size: 1.6rem;
}
.gnav_bottom ul {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
}
.gnav_bottom li {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
width: 33%;
}
.gnav_bottom img {
width: 100%;
}
#header .menu > li:first-child > a {         }
#header .menu > li:first-child > a:before {         }
#header .menu > li > a:hover:after {
position: absolute;
bottom: 0;
width: 50px;
background: #EF7A00;
height: 4px;
content: "";
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
left: 50%;
}
#menu-g_nav .sub-menu {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
z-index: 1;
width: 200px;
background: #F6F1EA;
list-style: none;
-webkit-transition-duration: .7s;
-ms-transition-duration: .7s;
-o-transition-duration: .7s;
transition-duration: .7s;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "alpha( opacity=0 )";
border-radius: 0;
top: 100%;
padding: 40px;
}
body:not(#body_frontpage) #menu-g_nav .sub-menu {
top: 100%;
}
#menu-g_nav li:nth-child(3) .sub-menu,
#menu-g_nav li:nth-child(4) .sub-menu,
#menu-g_nav li:nth-child(5) .sub-menu {
width: 308px;
} .menu .sub-menu li a:hover {
background: #cccccc24 !important;
transition: 0.5s ease;
}
.menu .sub-menu:before {
display: none;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #f3f9ed transparent;
position: absolute;
content: "";
top: -10px;
left: 50%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
z-index: 99;
}
.sub_menu_block {
max-height: 0;
opacity: 0;
transition: all 0.5s;
background: #F6F1EA;
position: absolute;
left: 0;
top: 100px;
width: 100%;
display: block;
overflow: hidden;
font-family: "解ミン 宙 M", serif;
box-sizing: border-box;
}
.has_child:hover > .sub_menu_block {
max-height: 9999px;
opacity: 1;
cursor: auto;
padding-left: 20px;
padding-right: 20px;
}
p.sub_menu_block_ttl {
width: 100%;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
padding-top: 40px;
font-size: 2.8rem;
line-height: 1.3;
margin-bottom: 21px;
color: #54442E;
text-align: left;
}
p.sub_menu_block_ttl br {
display: none;
}
#header .sub_menu {
width: 100%;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
padding-bottom: 50px;
text-align: left;
}
#header .sub_menu > li {
position: relative;
display: inline-block;
padding-left: 15px;
margin-right: 70px;
font-size: 1.7rem;
}
#header .sub_menu > li a {
text-decoration: none;
color: #2E2A25;
}
#header .sub_menu > li a[href]:before {
content: "";
position: absolute;
top: 13px;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #54442e;
transition: 0.7s;
}
p.sub_menu_block_ttl span {
color: #D5BCA1;
font-size: 1.1rem;
padding-left: 10px;
vertical-align: middle;
}
#header .wrap + .gnav {
display: none !important;
}
}
@media screen and (max-width: 960px) {
#header .toggleMenu.active:before { }
}
.toggleMenu {
width: 34px;
height: 26px;
background: #ffffff;
text-align: center;
color: #fff;
margin-right: 6vw;
}
.menu-trigger {
position: relative;
width: 33px;
height: 25px;
margin: 0 auto 0 auto;
}
.menu-trigger span {
position: absolute;
left: 0;
width: 100%;
height: 3px;
background-color: #54442E;
border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
top: 0;
}
.menu-trigger span:nth-of-type(2) {
top: 11px;
}
.menu-trigger span:nth-of-type(3) {
bottom: 0;
}
.toggleMenu.active .menu-trigger span:nth-of-type(1) {
top: 2px;
}
.toggleMenu.active .menu-trigger span:nth-of-type(3) {
bottom: 2px;
}
@media screen and (max-width: 767px) {
#header {
background: #ffffff;
z-index: 9999;
width: 100%;
position: relative;
}
#header .logo {
min-width: inherit;
width: 100%;
margin-left: 3vw;
float: none;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
#header .logo img {
max-width: 210px;
}
#header .toggleMenu:before {
margin-top: 17px;
}
#header .menu {
margin: 9vw 6vw;
}
.gnav_bottom .txt {
font-size: 2.6rem;
}
.gnav_bottom .txt02 {
font-size: 1.6rem;
margin-top: 2vw;
}
.h_contact_box {
margin-top: 5vw;
}
.h_contact_box {}
}
@media screen and (max-width: 960px) {
#header .gnav {
background: #F6F1EA;
}
#header .toggleMenu:before {        }
#header .wrap {
margin: 0 auto;
height: 70px;
}
#header .menu > li:first-child > a {
background: no-repeat; line-height: 1.4;
}
#header .menu {
height: inherit;
background: #ffffff;
margin: auto;
margin: 5vw 5vw 10vw;
overflow: hidden; }
#header .menu > li.menu-item-has-children > a:after {
width: 2vw;
height: 2vw;
border-right: 1px solid #2e2a25;
border-bottom: 1px solid #2e2a25;
position: absolute;
content: "";
right: 4vw;
top: 50%;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
transition: 0.5s;
}
#header .menu > li > a {
display: block;
font-size: 4.3vw;
padding: 2vw 10vw 5vw 4vw !important;
width: 100%;
text-align: left;
line-height: 1.4;
min-height: inherit;
background: none !important;
}
#header .menu > li > a br {
display: none;
}
#header .menu > li > a > span {
display: none;
}
#header .menu > li:first-child > a em {
display: block;
}
#header .menu > li:not(:last-child) {
border-bottom: 2px solid #f6f1ea;
}
.menu > li .sub-menu {
position: relative;
left: inherit;
width: 95%;
top: 0;
opacity: 1;
transition: none;
margin-left: auto;
}
.menu .sub-menu {
width: 100%;
position: relative;
top: inherit;
left: inherit;
font-size: 1.7rem;
}
.menu .sub-menu li {
text-align: left;
}
.menu .sub-menu li a {
padding: 6px 6px 6px 30px;
text-align: left; font-size: 16px;
position: relative; letter-spacing: 0.1em;
} .h_contact_box img {
display: block;
}
.h_contact_box {
margin-top: 5vw;
}
.h_contact_box img {
margin-left: auto;
margin-right: auto;
}
.post-header {
margin-top: 0 !important;
}
}
@media screen and (max-width: 960px) and (min-width: 768px) {
#header { position: relative;
left: 0;
z-index: 9999;
width: 100%;
height: 80px;
}
#header .logo {
min-width: inherit;
width: 70%;
width: -webkit-calc(100% - 90px);
width: calc(100% - 90px);
margin-left: 5vw;
float: none;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
#header .wrap {
height: 80px;
}
#header .menu > li > a {
padding: 10px 40px 14px 20px !important;
font-size: 2rem !important;
}
#header .menu > li.menu-item-has-children > a:after {
width: 10px;
height: 10px;
right: 6px;
margin-top: -3px;
}
.gnav_bottom {
padding: 40px 20px 10px 20px;
}
.gnav_bottom:before {
height: 110px;
}
.gnav .in_logo {
height: 80px;
padding: 0;
position: relative;
}
.gnav .in_logo a {
top: 50%;
left: 20px;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
display: block;
position: absolute;
}
.gnav_in {
margin: 0;
}
.gnav .in_logo img,
#header .logo img {
width: 280px;
max-width: inherit;
}
.menu .sub-menu li a {
font-size: 1.6rem;
padding: 10px 40px;
}
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
#menu-g_nav .sub-menu li a:before {
left: 0px;
}
}
@media screen and (max-width: 1210px) and (min-width: 768px) {
#header .logo {
margin-left: 20px;
width: 18%;
}
#header .menu > li > a {
font-size: 1.5rem;
padding: 0px 12px;
} } #mainimage {
margin-top: 100px; margin-bottom: -1px;
}
#mainimage:before {             }
#mainimage .bx-pager-item a {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: inline-block;
height: 8px;
width: 8px;
background: #fff;
border-radius: 50%;
line-height: 1;
}
#mainimage .bx-pager.bx-default-pager {
z-index: 100;
position: absolute;
bottom: 30px;
left: 50%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
width: 90%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
line-height: 1;
}
#mainimage .bx-pager-item {
padding: 0 4px;
}
#mainimage a.bx-pager-link.active {
background: #000;
}
@media screen and (max-width: 767px) {
#mainimage {
margin-top: 0;
padding-left: 0;
margin-bottom: 0vw !important;
padding-bottom: 0 !important;
}
#mainimage:before {
width: 87vw;
}
#mainimage .bx-pager.bx-default-pager {
bottom: 74vw;
}
}
@media screen and (max-width: 960px) and (min-width: 768px) {
#mainimage {
margin-top: 0;
}
} #breadcrumb {
padding: 15px 10px; }
#breadcrumb .breadcrumb_list .breadcrumb_item span,
#breadcrumb .breadcrumb_list .breadcrumb_item a {
color: #4E4944;
text-decoration: none;
}
#breadcrumb .breadcrumb_list .breadcrumb_item a,
#breadcrumb .breadcrumb_list .breadcrumb_item a span {
color: #EF7A00 !important;
}
#breadcrumb .breadcrumb_list .breadcrumb_item a { }  .navigation .prev a,
.navigation .next a {
display: block;
width: 100px;
height: 40px;
font-size: 16px;
background: #BFBEBD;
color: #373431;
line-height: 40px;
letter-spacing: 0;
border-radius: 5px;
position: relative;
text-align: center;
box-sizing: border-box;
text-decoration: none !important;
padding-left: 8px;
font-weight: bold;
}
.navigation .prev a span:before {
display: block;
position: absolute;
left: 8px;
top: 50%;
margin-top: -5px;
font-size: 10px;
}
.navigation .next a {
padding-left: inherit;
padding-right: 8px;
}
.navigation .next a span:before {
display: block;
position: absolute;
right: 8px;
top: 50%;
margin-top: -5px;
font-size: 10px;
} #footer {  }
#wpfront-scroll-top-container img {    }
@media screen and (max-width: 767px) {
#wpfront-scroll-top-container {
display: none !important;
}
}  .column2_table {
width: 100%;
}
.column2_table th,
.column2_table td {
line-height: 1.6;
vertical-align: top;
}
.column2_table tr:first-child th { }
.column2_table tr:first-child td { }
.column2_table th {
width: 30%;
padding: 13px 14px 10px 0;
box-sizing: border-box;
border-bottom: 1px solid #D5BCA1;
}
.column2_table thead th {
background: #ffedee;
padding-left: 20px;
padding-right: 20px;
}
.column2_table td {
padding: 13px 0px 10px 20px;
box-sizing: border-box;
border-bottom: 1px solid #CBCAC9;
}
@media screen and (max-width: 767px) {
.column2_table th,
.column2_table td {
font-size: 14px;
}
.column2_table th {
padding: 13px 0px 10px 0;
}
} #main .check_list .elementor-icon-list-items li {
position: relative;
padding: 2px 0 2px 30px;
}
#main .check_list .elementor-icon-list-items li:before {
content: "";
display: block;
border: 2px solid #ccc;
height: 19px;
width: 19px;
position: absolute;
left: 0;
top: 12px;
box-sizing: border-box;  }
#main .check_list .elementor-icon-list-items li:after {
content: "";
display: block;
width: 8px;
height: 14px;
border: solid #ef7a00;
border-width: 0 3px 3px 0;
position: absolute;
left: 8px;
top: 11px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
#main .check_list .elementor-icon-list-items li {
padding-left: 9vw;
}
#main .check_list .elementor-icon-list-items li:before {
top: 1.6vw;
width: 6vw;
height: 6vw;
}
#main .check_list .elementor-icon-list-items li:after {
top: 1.4vw;
width: 3vw;
height: 4vw;
left: 2.7vw;
}
} .num_list .elementor-icon-list-items li {
margin-bottom: 15px;
padding-left: 35px;
}
.num_list .elementor-icon-list-items li:before {
background: #D5BCA1;
color: #fff;
font-size: 1.6rem;
width: 24px;
height: 24px;
line-height: 24px;
top: 6px;
letter-spacing: 0;
border-radius: 6px;
}
@media screen and (max-width: 767px) {
.num_list .elementor-icon-list-items li:before {
top: 2.2vw;
width: 5vw;
height: 5vw;
line-height: 5vw;
}
.num_list .elementor-icon-list-items li {
padding-left: 8vw;
}
} .anchorlinks {
background: #F5F0E8;
padding: 30px 70px;
list-style: none;
font-size: 1.8rem; border-radius: 10px;
}
.anchorlinks .elementor-icon-list-items li {
position: relative;
width: auto;
display: inline-block;
padding-left: 16px;
margin: 5px 30px 5px 0;
line-height: 1.6;
}
.anchorlinks .elementor-icon-list-items li a:before {}
.anchorlinks .elementor-icon-list-items li a:hover:before {
margin-top: -6px;
}
.anchorlinks .elementor-icon-list-items li a:hover {
color: #534541;
}
@media screen and (max-width: 767px) {
.anchorlinks {
padding: 3vw 5vw;
}
} .before_after:before {
display: block;
content: "";
border-left: 14px solid #6fba2c;
border-bottom: 20px solid transparent;
border-top: 20px solid transparent;
margin-top: -20px;
margin-left: -7px;
}
@media screen and (max-width: 767px) {
.before_after:before {
border-left: 20px solid transparent;
border-top: 14px solid #6fba2c;
border-right: 20px solid transparent;
border-bottom: none;
margin-top: -6px;
margin-left: -20px;
}
.before_after .elementor-icon-list-items li {
margin-top: 50px;
}
} .border_box,
.beta_box,
.border_box_in > div > div,
.beta_box_in > div > div {
border: 2px solid #D5BCA1;
padding: 40px 55px 40px 55px; background: #fff;
}
.border_box_in > div > div,
.beta_box_in > div > div {
padding-bottom: 10px;
}
.post-content.upage .border_box h2,
.post-content.upage .border_box h3,
.post-content.upage .border_box h4,
.post-content.upage .border_box h5,
.post-content.upage .border_box h6,
.post-content.upage .beta_box h2,
.post-content.upage .beta_box h3,
.post-content.upage .beta_box h4,
.post-content.upage .beta_box h5,
.post-content.upage .beta_box h6,
.post-content.upage .border_box_in h2,
.post-content.upage .border_box_in h3,
.post-content.upage .border_box_in h4,
.post-content.upage .border_box_in h5,
.post-content.upage .border_box_in h6,
.post-content.upage .beta_box_in h2,
.post-content.upage .beta_box_in h3,
.post-content.upage .beta_box_in h4,
.post-content.upage .beta_box_in h5,
.post-content.upage .beta_box_in h6 {
text-align: left !important;
padding: 0 !important;
font-size: 2.1rem !important;
letter-spacing: 0.1em !important;
margin-bottom: 20px !important;
padding-left: 31px !important;
color: #222222 !important;
border: none !important;
margin-top: 0;
font-family: "解ミン 宙 B", serif;
background: none;
border-bottom: 2px solid #f5f0e8 !important;
padding-bottom: 20px !important;
line-height: 1.4 !important;
}
.post-content.upage .beta_box h2,
.post-content.upage .beta_box h3,
.post-content.upage .beta_box h4,
.post-content.upage .beta_box h5,
.post-content.upage .beta_box h6,
.post-content.upage .beta_box_in h2,
.post-content.upage .beta_box_in h3,
.post-content.upage .beta_box_in h4,
.post-content.upage .beta_box_in h5,
.post-content.upage .beta_box_in h6 {
border-bottom: 2px solid #E9E1D9 !important;
}
.post-content.upage .border_box h2:before,
.post-content.upage .border_box h3:before,
.post-content.upage .border_box h4:before,
.post-content.upage .border_box h5:before,
.post-content.upage .border_box h6:before,
.post-content.upage .beta_box h2:before,
.post-content.upage .beta_box h3:before,
.post-content.upage .beta_box h4:before,
.post-content.upage .beta_box h5:before,
.post-content.upage .beta_box h6:before,
.post-content.upage .border_box_in h2:before,
.post-content.upage .border_box_inr h3:before,
.post-content.upage .border_box_in h4:before,
.post-content.upage .border_box_in h5:before,
.post-content.upage .border_box_in h6:before,
.post-content.upage .beta_box_in h2:before,
.post-content.upage .beta_box_in h3:before,
.post-content.upage .beta_box_in h4:before,
.post-content.upage .beta_box_in h5:before,
.post-content.upage .beta_box_in h6:before {
position: absolute;
content: "";
background-image: none !important;
background: #ef7a00 !important;
width: 15px !important;
height: 15px !important;
border-radius: 0;
top: 7px !important;
left: 0 !important;
border: none;
}
.beta_box,
.beta_box_in > div > div {
border: none;
background: #F5F0E8;
}
.beta_box02 {
background: #FFF1F1;
}
@media screen and (max-width: 767px) {
.post-content.upage .border_box h2,
.post-content.upage .border_box h3,
.post-content.upage .border_box h4,
.post-content.upage .border_box h5,
.post-content.upage .border_box h6,
.post-content.upage .beta_box h2,
.post-content.upage .beta_box h3,
.post-content.upage .beta_box h4,
.post-content.upage .beta_box h5,
.post-content.upage .beta_box h6,
.post-content.upage .border_box_in h2,
.post-content.upage .border_box_in h3,
.post-content.upage .border_box_in h4,
.post-content.upage .border_box_in h5,
.post-content.upage .border_box_in h6,
.post-content.upage .beta_box_in h2,
.post-content.upage .beta_box_in h3,
.post-content.upage .beta_box_in h4,
.post-content.upage .beta_box_in h5,
.post-content.upage .beta_box_in h6 { margin-bottom: 3vw !important;
padding-left: 8vw !important;
}
.post-content.upage .border_box h2:before,
.post-content.upage .border_box h3:before,
.post-content.upage .border_box h4:before,
.post-content.upage .border_box h5:before,
.post-content.upage .border_box h6:before,
.post-content.upage .beta_box h2:before,
.post-content.upage .beta_box h3:before,
.post-content.upage .beta_box h4:before,
.post-content.upage .beta_box h5:before,
.post-content.upage .beta_box h6:before,
.post-content.upage .border_box_in h2:before,
.post-content.upage .border_box_in h3:before,
.post-content.upage .border_box_in h4:before,
.post-content.upage .border_box_in h5:before,
.post-content.upage .border_box_in h6:before,
.post-content.upage .beta_box_in h2:before,
.post-content.upage .beta_box_in h3:before,
.post-content.upage .beta_box_in h4:before,
.post-content.upage .beta_box_in h5:before,
.post-content.upage .beta_box_in h6:before {
width: 4vw !important;
height: 4vw !important;
top: 1.4vw !important;     }
} .qa_list dt,
.qa_list dd { display: table;
border-left: 4px solid #b99c7b;
width: 100%;
}
.qa_list > dd {
border-color: #72706E;
color: #72706E;
font-weight: normal;
margin-top: 30px;
}
.qa_list .num {
display: table-cell;
padding-right: 20px;
vertical-align: top;
}
.qa_list dt .num span {
display: block;
width: 40px;
height: 40px;
line-height: 37px;
border-radius: 50%;
text-align: right;
color: #B99C7B;
letter-spacing: 0;
font-size: 3.1rem;
font-weight: bold;
font-family: '解ミン 宙 H', serif;
}
.qa_list dd .num span {
display: block;
width: 40px;
height: 40px;
line-height: 35px;
border-radius: 50%;
text-align: right;
color: #72706E;
letter-spacing: 0;
font-size: 3.1rem;
font-weight: bold;
font-family: '解ミン 宙 H', serif;
}
.qa_list .txt {
display: table-cell;
width: 100%;
vertical-align: middle;
}
.qa_list dt .txt {
font-size: 2.4rem;
line-height: 1.7;
letter-spacing: 0.1em;
font-family: '解ミン 宙 B', serif;
color: #B99C7B;
}
.qa_with_img dd .txt {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.qa_with_img .img_box {
width: 38.6%;
border: none;
margin-left: 50px;
} .qa_list.qa_list02 .num {
width: 56px;
height: 56px;
position: absolute;
top: 0;
left: 0;
}
.qa_list.qa_list02 dt,
.qa_list.qa_list02 dd {
border: none;
position: relative;
padding-top: 10px;
}
.qa_list.qa_list02 dt .num span,
.qa_list.qa_list02 dd .num span {
display: block;
width: 56px;
height: 56px;
line-height: 51px;
text-align: center;
background: #070707;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
color: #fff;
}
.qa_list.qa_list02 dt .txt {
padding-left: 70px;
display: block;
}
.qa_list.qa_list02 .txt {
padding-left: 70px;
}
.qa_list.qa_list02 dd .num span {
background: #EBE9E7;
color: #070707;
}
@media screen and (max-width: 767px) {
.qa_list .num {
padding-right: 1em !important;
}
.qa_list dt .num span,
.qa_list dd .num span {
width: 1.5em !important;
height: 1.5em;
line-height: 1.3em;
}
.qa_list > dd .txt {
padding-top: 1.5vw;
}
} .flow_section {
background: #FAFAFA;
margin-top: 70px;
}
.post-content.upage h2 {
margin-top: 0;
}
.flowList > li {
position: relative;
margin-bottom: 40px;
padding: 40px;
background: #F5F0E8;
}
.flowList > li:after {  position: absolute;
bottom: -33px;
content: "";    box-sizing: border-box;
width: 40px;
height: 33px;
border-style: solid;
border-width: 25px 25px 0 25px;
border-color: #f5f0e8 transparent transparent transparent;
left: 50%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
display: block;       text-align: center;
color: #070707;
font-size: 20px;
}
.flowList .flow_title {
line-height: 1.4;
overflow: hidden;
font-size: 2rem;
letter-spacing: 0.1em;
padding-top: 4px;
padding-bottom: 4px;
position: relative;
padding-left: 50px; font-family: '解ミン 宙 B', serif;
}
.flowList .flow_title + p {
margin-top: 15px;
}
.flowList .flow_title.no_num {
padding-left: 0;
}
.flowList .flow_title span {
vertical-align: top;
background: #D5BCA1;
color: #fff;
display: inline-block;
width: 33px;
height: 33px;
text-align: center;
line-height: 31px;
font-size: 2rem;
margin-right: 10px;
letter-spacing: 0;
position: absolute;
left: 0;
border-radius: 50%;
top: 0;
font-family: '解ミン 宙 H', serif;
}
.flowList.flowList_step .flow_title span {
width: 100px;
}
.flowList.flowList_step .flow_title {
padding-left: 120px;
}
.flowList.no_num .flow_title {
padding-left: 0;
}
.flowList.step_img_mini figure {
width: 125px;
margin-left: 50px !important;
margin-right: -20px !important;
}
.flowList .img_wrap figure {
width: 32.2%;
margin-left: 50px !important; overflow: hidden;
float: right;
margin-bottom: 10px !important;
}
@media screen and (max-width: 767px) {
.flowList > li:after {
bottom: -11vw;
font-size: 2rem;
border-width: 8vw 8vw 0 8vw;
height: 11vw;
}
.flowList .flow_title span {
height: 2.9rem;
line-height: 2.9rem;    width: 2.9rem;
margin-right: 3vw;
margin-top: 0.2vw;
}
.flowList .flow_title {
padding-left: 11vw; margin-bottom: 0;
padding-bottom: 0;
padding-top: 0;
font-size: 2.3rem;
}
.flowList.flowList_step .flow_title span {
position: absolute;
top: 0;
left: 0;
}
.flowList.flowList_step .flow_title {
padding-left: 0;
padding-top: 10vw;
padding-bottom: 0;
}
} .flowList_tlver li .flow_title {
background: #AF9B89;
font-family: "秀英角ゴシック金 M", "Shuei KakuGo Kin M";
font-size: 2rem;
position: relative;
padding: 10px 10px 10px 70px;
}
.flowList_tlver li .flow_title span {
width: 33px;
height: 33px;
background: #FF8636;
color: #fff;
line-height: 33px;
display: block;
text-align: center;
border-radius: 50%;
position: absolute;
top: 16px;
left: 20px;
}
.flowList_tlver li + li {
margin-top: 60px;
}
.flowList_tlver li + li:before {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 25px 25px 0 25px;
border-color: #F8902E transparent transparent transparent;
top: -40px;
left: 50%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
@media screen and (max-width: 767px) {
.flowList_tlver li + li:before {
border-width: 5vw 5vw 0 5vw;
top: -9vw;
}
.flowList_tlver li .flow_title span {
top: 3vw;
}
} .upage .timetable {
margin-bottom: 16px;
}
.upage .timetable th,
.upage .timetable td {
text-align: center;
vertical-align: middle;
letter-spacing: 0;
font-size: 1.4rem;
}
.upage .timetable th,
.upage .timetable td {}
.upage .timetable thead th {
font-weight: normal;
border-bottom: 1px solid #20976D;
vertical-align: bottom;
font-size: 1.4rem;
padding: 10px 0;
}
.upage .timetable thead th:not(:first-child) {
width: 16%;
}
.upage .timetable thead th:first-child {
width: auto;
text-align: left; letter-spacing: 3px;
}
.upage .timetable thead th:first-child { }
.upage .timetable th:first-child {
padding-left: 20px;
}
.upage .timetable tbody tr:last-child > * {
border-bottom: none;
}
.upage .timetable tbody th {
word-break: keep-all;
white-space: nowrap;
text-align: left;
letter-spacing: 0.1em;
width: 34%;
}
.upage .timetable thead {
background: #D5BCA1;
}
.upage .timetable tbody {
background: #FCF8F2;
}
.upage .timetable tbody tr th,
.upage .timetable tbody tr td {
padding-top: 5px;
padding-bottom: 5px;
}
.upage .timetable tbody tr:first-child th,
.upage .timetable tbody tr:first-child td {
padding-top: 20px;
}
.upage .timetable tbody tr th,
.upage .timetable tbody tr td { }
.upage .timetable tbody tr:last-child th,
.upage .timetable tbody tr:last-child td { padding-bottom: 20px;
}
.comments {
font-size: 15px;
line-height: 2;
letter-spacing: 0.1em;
margin-bottom: 26px;
color: #333333;
}
.comments span {
color: #F9CFDD;
}
@media screen and (max-width: 1200px) and (min-width: 768px) {
.upage .timetable thead th:first-child {
width: 38%;
}
.upage .timetable tbody th {
letter-spacing: 0.1em;
width: 38%;
}
}
@media screen and (max-width: 480px) {
.upage .timetable th,
.upage .timetable td {
font-size: 12px;
letter-spacing: 0;
}
.upage .timetable thead th:first-child {
font-size: 2rem;
}
.upage .timetable tbody th {
letter-spacing: 0.05em;
}
.upage .comments {
font-size: 12px;
margin-bottom: 20px;
}
} .upage .timetable.timetable02 {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
margin-bottom: 15px;
}
.upage .timetable.timetable02 th,
.upage .timetable.timetable02 td {
text-align: center;
vertical-align: middle;
line-height: 1.2;
letter-spacing: 0;
padding: 11px 0 12px;
font-size: 1.5rem;
color: #333333;
}
.upage .timetable.timetable02 thead th {
background: #DAF1FF;
font-weight: normal; padding: 10px 0 10px;
vertical-align: middle;
}
.upage .timetable.timetable02 thead th:first-child {
width: 34%;
color: #154696;
font-weight: bold !important;
letter-spacing: 3px;
font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
text-align: center;
font-size: 2rem !important;
}
.upage .timetable.timetable02 thead th:last-child,
.upage .timetable.timetable02 tbody td:last-child {
width: 17%;
padding-right: 2%;
box-sizing: border-box;
}
.upage .timetable.timetable02 tbody th {
word-break: keep-all;
white-space: nowrap;
text-align: center;
letter-spacing: 0.1em;
width: 34%;
}
.upage .timetable.timetable02 tbody tr:first-child th,
.upage .timetable.timetable02 tbody tr:first-child td {
padding-top: 20px;
}
.upage .timetable.timetable02 tbody tr th,
.upage .timetable.timetable02 tbody tr td {
border-bottom: 1px solid #BFBEBD;
padding: 20px 10px 20px 10px !important;
}
.txt_color {
color: #54442E;
font-weight: bold;
}
.txt_color02 {
color: #ff7c00;
font-weight: bold;
}
.upage .txt_color {
color: #d5bca1;
}
.upage .timetable02 thead th,
.upage .timetable02 thead th:first-child {
background: #353662;
color: #fff !important;
vertical-align: middle;
padding: 20px;
}
.upage .timetable.timetable02 thead th:not(:first-child) {
width: 17%;
text-align: center;
}
.upage .timetable.timetable02 tbody tr > * {
border-bottom: 1px solid #BFBEBD !important;
vertical-align: middle;
padding: 20px !important;
}
.upage .timetable.timetable02 tbody th {
font-weight: bold;
}
.upage .timetable.timetable02 tbody td {
text-align: center;
}
.upage .timetable.timetable02 tbody td span {
color: #353662;
}
.upage .timetable thead th {
border: none;
color: #fff;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
font-weight: normal;
vertical-align: middle;
}
.upage .timetable thead th:not(:first-child) {
width: 10%;
}
.upage .timetable_8 thead th:not(:first-child),
.upage .timetable_8 thead th:last-child {
width: 10%;
}
.upage .timetable thead th:last-child,
.upage .timetable tbody td:last-child {
width: 12%;  }
.upage .timetable.u_timetable02 thead th {
border: none;
vertical-align: middle;
}
.upage .timetable.u_timetable02 thead th:first-child,
.upage .timetable.u_timetable02 tbody th {
padding-left: 20px !important;
}
.upage .timetable.u_timetable02 thead th {
font-family: 'Noto Serif JP', serif;
}
.upage .timetable.u_timetable02 tbody td span { }
.upage .timetable.u_timetable02 tbody th,
.upage .timetable.u_timetable02 tbody td {
border-bottom: 1px solid #bfbebd !important;
}
.upage .timetable.u_timetable02 tbody th,
.upage .timetable.u_timetable02 tbody td {
padding: 18px 5px 18px 20px !important;
}
@media screen and (max-width: 1120px) and (min-width: 768px) {
.upage .timetable thead th:first-child {
width: 38%;
}
.upage .timetable tbody th {
letter-spacing: 0.1em;
width: 38%;
}
.upage .timetable thead th:last-child,
.upage .timetable tbody td:last-child { }
}
@media screen and (max-width: 767px) {
.upage .timetable02 tr > * {
padding: 5px !important;
font-size: 1.3rem !important;
}
.upage .timetable02 thead th:not(:first-child) {
width: 9%;
}
.upage .timetable02 thead th:last-child {
width: 15%;
}
.upage .timetable02 tbody tr > * {
padding: 10px 0px !important;
}
.upage .timetable th,
.upage .timetable td {
font-size: 1.5rem !important;
letter-spacing: 0;
padding: 3px 3px 10px 3px !important;
}
.upage .timetable tbody tr:last-child th,
.upage .timetable tbody tr:last-child td {
padding-bottom: 5vw !important;
}
.upage .timetable thead th {
padding: 3vw 0.5vw !important;
}
.upage .timetable tbody th {
letter-spacing: 0.05em;
}
.upage .timetable tbody tr:first-child th,
.upage .timetable tbody tr:first-child td {
padding-top: 5vw !important;
}
.comments {
font-size: 12px;
margin-bottom: 20px;
}
.upage .timetable th,
.upage .timetable td {
font-size: 1.3rem !important;
}
.upage .timetable tbody tr:first-child th,
.upage .timetable tbody tr:first-child td {
padding-top: 5vw !important;
}
.upage .timetable tbody tr:last-child th,
.upage .timetable tbody tr:last-child td {
padding-bottom: 5vw !important;
}
.upage .timetable_8 thead th:not(:first-child) {
width: 8%;
}
.upage .timetable_8 thead th:not(:first-child),
.upage .timetable_8 thead th:last-child {
width: 8.4%;
}
.upage .timetable thead th {
padding-top: 3vw !important;
}
.upage .timetable tbody th,
.upage .timetable thead th:first-child {
padding-left: 10px !important;
padding-right: 10px !important;
}
.upage .timetable.u_timetable02 tbody th {
padding-left: 0 !important;
}
.upage .timetable.u_timetable02 tbody th,
.upage .timetable.u_timetable02 tbody td {
padding: 5vw 0 !important;
}
.upage .timetable.u_timetable02 thead th:first-child {
letter-spacing: 0;
padding-left: 2px !important;
padding-right: 2px !important;
text-align: center;
}
.upage .timetable thead th:not(:first-child) {
width: 8%;
}
.upage .timetable thead th:last-child,
.upage .timetable tbody td:last-child { }
.upage .timetable tbody tr th {
text-align: center;
}
}
@media screen and (max-width: 960px) and (min-width: 768px) {
.timetable th,
.timetable td {
font-size: 1.2rem !important;
}
.timetable + p {
font-size: 1.4rem;
}
} .post .category a,
.posts_list .category a,
.pagination a:hover,
.pagination ul li span.current {
background: #D5BCA1; }
.pagination a:hover,
.pagination ul li span.current {
background: #d5bca1; }
.post .date,
.posts_list .date,
.posts_list .date span a,
.post .date span:before,
.posts_list .date span:before,
.blogside .searchBox .icon-search:before,
.archiveBox ul li p.acv_open,
.archiveBox ul li p:hover,
.archiveBox ul li a:hover,
.archiveBox ul li a:active,
.date_tag .tag,
.date_tag .tag a {
color: #7b5e45 !important;
}
.posts_list .date span:before {
padding-right: 5px;
}
.blogside .searchBox .icon-search:before {
color: #7B5E45 !important;
}   .posts_list .txt_block a {
text-decoration: none !important;
color: #686868;
}
.posts_list li {
border-bottom: 1px solid #EBE9E7;
}
.posts_list h3 a {
color: #686868;
}
.posts_list .excerpt {
color: #72706E;
} #blogDetail .post {
color: #0F0E0E;
} .pagination {
border-top: 1px solid #72706E;
}
@media screen and (max-width: 767px) {
.upage {
padding-bottom: 15vw;
}
} .blogside h2 {
color: #22201E;
border-bottom: 2px solid #686868;
}
.blogside h2 span {
color: #22201E;
}
.blogside .searchBox #s {
background: #F5F0E8;
color: #000000 !important;
}
.blogside .searchBox #s::placeholder {
color: #bbbbbb !important;
}
.blogside .categoryBox ul li {
border-bottom: 1px solid #BFBEBD;
color: #000;
}
.blogside .categoryBox ul li a {
color: #22201E;
}
.blogside .categoryBox ul li a span {
color: #22201E;
}
.blogside .categoryBox ul li a:hover,
.blogside .categoryBox ul li a:hover span {
color: #686868;
}
.blogside .recentBox li {
border-bottom: 1px solid #BFBEBD;
}
.blogside .recentBox li h2 a {
color: #373431;
}
.blogside .recentBox li h2 a:hover {
color: #353662;
}
.blogside .recent_date {
color: #22201E;
}
.blogside .recentBox li a {
color: #22201E;
}
.blogside .tagBox a {
color: #72706E;
border: 1px solid #72706E;
}
.blogside .tagBox a:hover {
color: #fff;
background: #72706E;
}
.archiveBox ul li p:visited {
color: #F894A1;
}
.archiveBox ul li p:before {
border-right: 1px solid #7b5e45;
border-bottom: 1px solid #7b5e45;
}
@media screen and (max-width: 767px) {
.blogside {
border-top: 1px solid #000000;
}
} .top_news.container_in .elementor-container {
max-width: 840px !important;
}
.top_news {
padding-top: 50px;
padding-bottom: 50px;
}
.top_news .top_news_tl {
font-family: 'Noto Serif JP', serif;
font-size: 1.6rem;
letter-spacing: 0.1em;
border-bottom: 1px solid #84D8D0;
padding-bottom: 20px;
}
.top_news .top_news_tl span {
font-size: 1.4rem;
color: #84D8D0;
padding-left: 0.5em;
}
.top_news .neww_list_link {
position: absolute;
top: -9px;
right: 0;
}
.top_news .neww_list_link a {
color: #84D8D0;
font-size: 1.5rem;
}
.top_news .line_bnr a {
background: #fff;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.11);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.11);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.11);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
font-family: 'Noto Serif JP', serif;
text-decoration: none !important;
letter-spacing: 0.1em;
padding: 25px 10px;
}
.top_news .line_bnr a img {
width: 150px;
margin-left: 15px;
}
.top_news .line_bnr .tl {
position: relative;
padding-right: 115px;
}
.top_news .line_bnr .tl span {
color: #84D8D0;
padding-left: 10px;
}
.top_news .line_bnr .tl:after {
position: absolute;
content: "";
top: 50%;
right: 0%;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
width: 100px;
height: 1px;
background: #84D8D0;
}
.top_news .line_bnr .con {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-left: 20px;
}
.top_news .top_news.container_in .elementor-container {
max-width: 840px !important;
} .container,
.elementor-top-section.elementor-section-boxed > .elementor-container,
.container_in .elementor-container,
.post-header > *,
#footer .f_bottom .elementor-section-boxed {
max-width: 1120px !important;
}
.elementor-section .elementor-container .elementor-container {
padding: 0;
} .big_mark {
font-size: 700;
font-size: 160%;
}
.sent p + p,
.upage .elementor-text-editor p + p,
.upage .elementor-image-box-content p + p,
.upage .elementor-widget-container p + p {
margin-top: 2rem;
}
.txtf {
color: #EF7A00;
font-weight: bold;
}
.txtb {
font-size: 110%;
} .float_r figure {
width: 38.566% !important;
}
.elementor-image-box-wrapper {
display: block !important;
}
.elementor-image-box-wrapper:after {
content: "";
display: table;
clear: both;
}
.elementor-image-box-wrapper figure {
float: right;
margin-bottom: 10px !important;
}
@media screen and (max-width: 767px) {
.elementor-image-box-wrapper figure {
float: none;
}
} .top_tl {
text-align: center;
padding-top: 50px !important;
margin-bottom: 50px !important;
}
.top_tl .elementor-heading-title {
font-size: 3.6rem;
letter-spacing: 0.1em;
text-align: center;  font-family: "解ミン 宙 R", serif;
line-height: 1.8 !important;  position: relative;
color: #54442E;  padding: 0;
}
.top_tl .elementor-heading-title span {
font-size: 1.6rem;
color: #54442E;
display: block;
margin-bottom: auto;
letter-spacing: 0em;
padding-top: 3px;
line-height: 1.4 !important;     font-family: "秀英明朝 M", serif;
}
.top_tl .elementor-heading-title em {
display: block;
color: #94C726;
}
.post-header {
margin-bottom: 0;
background: url(//akala-clinic.jp/wp-content/uploads/h1_bg-scaled.jpg) right center no-repeat #d5bca1; background-size: cover;
text-align: center;
height: 240px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.post-header h1 {
color: #ffffff;
font-size: 3.6rem;
letter-spacing: 0.2em;
font-size: 40px;
letter-spacing: 0.16em;
font-family: "Sawarabi Mincho",serif;
font-weight: 400;
font-style: normal;
}
.post-header h1 span {
display: block;
font-size: 60%;
}
.post-content.upage h2 { background-size: 140px 129px;
color: #54442E;
font-size: 32px;
letter-spacing: 0.16em;
padding: 0px !important;
line-height: 1.4 !important;
margin-bottom: 40px !important;
text-align: left;
position: relative;
font-family: "Sawarabi Mincho", serif;
font-weight: 400;
font-style: normal;
margin-top: 50px;
border-radius: 5px; }
.post-content.upage h3 {
font-size: 24px;
letter-spacing: 0.16em;
line-height: 1.4!important; padding: 0px!important;
margin-bottom: 30px!important;
text-align: left;
position: relative;
font-family: "Sawarabi Mincho", serif;
font-weight: 400;
font-style: normal;
color: #54442E;
margin-top: 50px;
} @media screen and (max-width:767px) {
.post-content.upage h3 {
font-size: 2.4rem;
padding: 0 !important;
margin-top: 6vw;
}
.post-content.upage h3:after,
.post-content.upage h3:before {
width: 2vw
}
}
.post-content.upage h4 {
line-height: 2 !important;
font-size: 20px;
margin-bottom: 30px !important;
text-align: left;
position: relative;
color: #54442E;
margin-top: 50px;
font-family: "Sawarabi Mincho",serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0.16em;
} .post-content.upage h5 {
letter-spacing: 0.1em;
line-height: 1.4 !important;
color: #B99C7B;
font-size: 2rem;
margin-bottom: 30px !important;
text-align: left;
font-family: "解ミン 宙 B", serif;
margin-top: 30px;
}
.post-content.upage h6 {
letter-spacing: 0.1em;
line-height: 1.4 !important;
font-size: 1.9rem;
margin-bottom: 30px !important;
text-align: left;
margin-top: 30px;
font-family: "解ミン 宙 B", serif;
}
.post-content.upage .tl_li h3 {
font-size: 1.9rem;
padding: 0 0 0 29px !important;
border: none;
margin-bottom: -10px !important;
line-height: 1.8 !important;
font-weight: 700;
font-family: "秀英角ゴシック金 M", "Shuei KakuGo Kin M";
margin-top: 0 !important;
}
.post-content.upage .tl_li h3:before {
position: absolute;
background: #3188D1;
content: "";
width: 16px;
height: 16px;
border-radius: 50%;
left: 0;
top: 9px;
}
.post-content.upage .tl_li h3:after {
display: none;
}
p.elementor-heading-title,
p.elementor-image-box-title {
font-size: 2.6rem;
letter-spacing: 0.1em;
padding: 1em 0 !important;
line-height: 1.7 !important;
text-align: left;
padding-top: 0 !important;
font-family: "解ミン 宙 B", serif;
color: #B99C7B;
font-weight: 700;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.txt_pagecopy {
letter-spacing: 0.2em;
line-height: 1.8 !important;
color: #84D8D0;
font-size: 2.6rem;
margin-bottom: 50px !important;
text-align: left;
font-family: "秀英角ゴシック金 M", "Shuei KakuGo Kin M";
margin-top: 50px;
}
.txt_catchcopy {
align-items: center !important;
font-size: 2.6rem;
color: #9bcb69;
letter-spacing: 0.1em;
line-height: 1.7;
}
@media screen and (max-width: 767px) {
.top_tl {
margin-bottom: 7vw !important;
padding-top: 9vw !important;
}
.top_tl .elementor-heading-title {
font-size: 3.1rem;
line-height: 1.6 !important;
letter-spacing: 0.05em;
}
.top_tl .elementor-heading-title span {
letter-spacing: 0.2rem;
font-size: 1.2rem;
}
.txt_catchcopy {
font-size: 2.3rem;
}
.post-header {
height: 30vw;
}
.post-header h1 {
font-size: 1.9rem;
letter-spacing: 0.1em;
padding: 2vw 2vw 2vw 3vw;
}
.post-content.upage h2 {
padding: 6vw 0 0 0 !important;
margin-bottom: 5vw !important;
font-size: 2.4rem;
margin-top: 5vw;
font-size: 2.5rem;
background-size: 23vw;
}
.post-content.upage h4 {
padding: 0 !important;
margin-bottom: 6vw !important;
font-size: 2.4rem;
margin-top: 5vw;
} .post-content.upage h5 {
margin-bottom: 6vw !important;
font-size: 2.4rem;
margin-top: 5vw;
}
.post-content.upage h6 {
margin-bottom: 6vw !important;
font-size: 2.1rem;
margin-top: 5vw;
}
.post-content.upage .tl_li h3:before {
width: 4vw;
height: 4vw;
top: 1.9vw;
}
.post-content.upage .tl_li h3 {
padding-left: 7vw !important;
}
.txt_pagecopy {
font-size: 2.2rem;
margin-top: 5vw;
}
}
@media screen and (max-width: 960px) and (min-width: 768px) {
.post-header {
margin-top: 0px !important;
}
} .elementor-button {
border-radius: 0px !important;
font-size: 2.2rem !important;
padding: 20px 30px 21px 30px !important;
display: inline-block !important;
line-height: 1.4 !important;
text-align: left !important;
letter-spacing: 0.1em !important; font-family: "解ミン 宙 B", serif;
background: #54442e !important;
background-size: 100% !important;
color: #ffffff !important;
border-radius: 0 !important;
}
.elementor-button em {
color: #F99A7D;
display: block;
font-size: 1rem;
margin-top: 3px;
letter-spacing: 0.2em;
}
.elementor-button.elementor-size-sm {
min-width: 390px;
}
.elementor-button:after {
position: absolute !important;
right: 20px !important;
top: 50% !important;
display: block;
content: "";
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 6px;
border-color: transparent transparent transparent #ffffff;
} .elementor-button .elementor-button-text {
display: inline-block;
line-height: 1.4;
}
@media screen and (max-width: 767px) {
.elementor-button {
padding: 6vw 7vw 6vw 6vw !important;
width: 100% !important;
display: block !important;
margin: auto;
margin-right: auto;
font-size: 2.4rem !important; }
.upage .elementor-button {
width: 72vw !important;
}
.elementor-button:after {
right: 3vw !important;
}
} .table_color tr > * {
border: 1px solid #CBCAC9;
padding: 10px 11px;
line-height: 1.4;
}
.table_color tr > * p + p {
margin-top: 5px;
}
.table_color th {
background: #F5F0E8; }
.table_color thead th {
background: #EFE4D2; }
.table_color tbody th {
width: 30%;
}
.table_price tr > *,
.table_price.table_color tbody th {
width: 50%;
text-align: center;
padding: 10px 5px;
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
.table_price th {
width: 70%;
}
.table_price td {
width: 30%;
}
}
@media screen and (max-width: 767px) {
.table_price.table_price04 th,
.table_price.table_price04 td,
.table_price.table_price03 th,
.table_price.table_price03 td {
font-size: 1.2rem;
}
.table_col03 th,
.table_col03 td {
padding: 5px;
}
} .sitemappage_sitemap li a:before {
background: #D5BCA1;
} .step_list li {
color: #BFBEBD;
}
.step_list li span {
background: #BFBEBD;
color: #fff;
}
.step_list li span:after {
background: #BFBEBD;
}
.step_list li.current {
color: #373431;
}
.step_list li.current span {
background: #9BCB69;
}
.step_list li span.current:after {
background: #9BCB69;
}
.inquiryFormTable {
border-top: 1px solid #707070;
}
.inquiryFormTable dt {
color: #2C2F30;
}
.inquiryFormTable input,
.inquiryFormTable textarea,
.inquiryFormTable select {
border: 1px solid #BFBEBD;
}
.inquiryFormTable input.wpcf7-not-valid {
border: 1px solid #D93636 !important;
background: #FDD2D2 !important;
}
.inquiryFormTable .comment {
color: #63696A;
}
.inquiryFormTable .required {
background: #F48628;
color: #fff;
}
.inquiryFormTable .optional {
color: #fff;
background: #63696A;
}
.inquiryFormTable .btBox input[type="submit"] {
background-color: #F48628 !important;
}
.inquiryFormTable .btBox input[type="submit"].disabled {
background-color: #72706E !important;
color: #BFBEBD;
}
.inquiryFormTable .btBox input[type="submit"].abled {
background: #F89D10;
}
.inquiryFormTable .wpcf7-back {
color: #fff;
background-color: #72706E !important;
font-weight: bold;
}
.verified_table .wpcf7-validates-as-required:not(.wpcf7-not-valid) + .verify_icon:before {
color: #F48628;
}
.inquiryFormTable .wpcf7-not-valid-tip {
color: #DE5050;
}
.file_btn {
background: #807B7B;
color: #fff;
} .radio_style span:before {
border: 1px solid #dedede;
background: #fff;
}
.radio_style input:checked + .radio_txt:after {
background: #ce6f6f;
} .checkbox_style span:before {
border: 1px solid #dedede;
background: #fff;
}
.checkbox_style input:checked + .checkbox_txt:after {
border-bottom: 3px solid #353662;
border-right: 3px solid #353662;
} .step_narabi > li:not(:first-child):before {
border-left: 14px solid #353662;
} .atxt,
.atxt a,
a.atxt {
color: #ff0000;
} .contact_area {
background: #d3832e url(//akala-clinic.jp/wp-content/uploads/cantact_bg_pc.jpg) left top no-repeat;
background-size: cover;
color: #fff;
font-size: 1.4rem;
letter-spacing: 0.1em;
text-align: center;
padding: 90px 0;
}
.contact_area .container:after {
display: none;
}
.contact_area #front_con {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.contact_area .titleHome {
border-radius: 30px;
font-size: 3.2rem;
color: #FFFFFF;
line-height: 1.5;
letter-spacing: 0.2em;
position: relative;
font-family: "解ミン 宙 M", serif;
}
.contact_area .txt {
margin-top: 10px;
line-height: 2;
font-size: 1.6rem;
padding-bottom: 20px;
letter-spacing: 0.05em;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
margin-bottom: 26px;
}
.contact_area .txt02 {
line-height: 2;
font-size: 1.6rem;
letter-spacing: 0.05em;
}
.contact_area .txt span {
display: inline-block;
}
.contact_area .contact_box p {
display: block;
max-width: 533px;
}
.contact_area .contact_box img {
display: block;
}
.contact_area .contact_left {
width: 40.5%;
text-align: left;
}
.contact_area .contact_right {
max-width: 533px;
width: 49.4%;
box-sizing: border-box;
}
.contact_area .contact_right .contact_box img {
display: block;
width: 100%;
}
.contact_area .contact_box p + p {
margin-top: 2px;
}
.contact_area .contact_section > div {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.contact_area .contact_section .tl {
position: relative;
}
.contact_area .f_link a {
color: #fff;
text-decoration: none;
font-size: 1.2rem;
}
.contact_area .f_link {
width: 100%;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.contact_area {
padding: 9vw 0vw 10vw !important;
background-image: url(//akala-clinic.jp/wp-content/uploads/cantact_bg_sp.jpg);
}
.contact_area .contact_box p:first-child {
max-width: inherit;
}
.contact_area .contact_left {
width: 100%;
}
.contact_area .titleHome {
font-size: 3.3rem;
margin-bottom: 6vw;
width: 100%;
letter-spacing: 0.1em;
}
.contact_area .txt {
margin-top: 0;
font-size: 2rem;
line-height: 2.1;
width: 100%;
padding-bottom: 4vw;
margin-bottom: 5vw;
}
.contact_area .contact_right {
max-width: inherit;
width: 100%;
margin-top: 6vw;
}
.contact_area .contact_right .contact_box img {
display: block;
margin-left: auto;
margin-right: auto;
}
.contact_area .contact_box p {
max-width: inherit;
}
.contact_area .f_link {
text-align: center;
}
.contact_area small {
text-align: center;
width: 100%;
}
.gnav_bottom_simple .contact_area {
background: #EF7A00;
}
.gnav_bottom_simple .contact_area .titleHome {
margin-bottom: 0;
font-size: 2.2rem;
text-align: center;
}
.contact_area .txt02 {
font-size: 2rem;
}
}
@media screen and (max-width: 1120px) and (min-width: 768px) {
.contact_area .titleHome {
font-size: 4.1rem;
width: 100%;
}
.contact_area .txt {
font-size: 1.7rem;
width: 100%;
}
.contact_area .contact_right {
margin-left: auto;
margin-right: auto;
margin-top: 30px;
width: 100%;
}
.contact_area .contact_left {
width: 100%;
}
.contact_area .f_link {
text-align: center;
}
.contact_area small {
width: 100%;
text-align: center;
}
.gnav_bottom_simple .contact_area {
background: #EF7A00;
}
.gnav_bottom_simple .contact_area .titleHome {
font-size: 3.1rem;
text-align: center;
}
.contact_area {
padding: 50px 0;
}
} .info-footer {
padding: 70px 0 120px;
background: #ffffff;
position: relative;
}
.info-footer:after {
position: absolute;
content: "";
background: #54442E;
width: 100%;
height: 50px;
bottom: 0;
left: 0;
}
.info-footer > div {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.info-footer > div+div {
margin-top: 15px;
}
.info-footer > div:after {
display: none;
}
.info-footer .footer_left {
width: 66%;
}
.info-footer .fooger_logo {
width: 313px;
}
.info-footer .fooger_logo img {
width: 100%;
}
.info-footer .f_ad_box {
width: 36%;
padding-left: 10px;
font-size: 1rem;
box-sizing: border-box;
}
.info-footer .f_ad_box a {
text-decoration: none !important;
}
.info-footer .sitemap_box {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
width: 100%;
}
.info-footer .sitemap_box p {
font-size: 1rem;  }
.info-footer .sitemap_box p a {}
.info-footer .footer_right {
max-width: 346px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
width: 32.1%;
}
.info-footer .footer_right p + p {
margin-top: 2%;
}
.info-footer .footer_right p {
width: 100%;
max-width: 520px;
}
.info-footer .text-footer {
font-size: 1rem;
margin-top: 65px;
line-height: 1.5;
}
.info-footer .text-footer dl + dl {
margin-top: 10px;
}
.info-footer .text-footer dt {
font-family: "秀英明朝 L", Shuei Mincho L, serif;
color: #49A553;
font-size: 1.5rem;
letter-spacing: 0.2em;
margin-bottom: 5px;
}
.info-footer .f_bnr {
width: 38.5%;
max-width: 400px;
}
.info-footer .f_bnr a {
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
display: block;
}
small {
width: 100%;
text-align: right;
display: block;  font-size: 1rem;
}
@media screen and (max-width: 767px) {
.info-footer > div { }
.info-footer .sitemap_box {
align-items: flex-start;
text-align: left;
text-align: center;
}
.info-footer .footer_left {
width: 100%;
margin-bottom: 7vw;
}
.info-footer .fooger_logo {
margin-left: auto;
margin-right: auto;
max-width: 260px;
width: 80%;
}
.info-footer {
padding: 10vw 0 16vw 0;
}
.info-footer .text-footer {
margin-top: 8vw;
text-align: center;
}
.info-footer .sitemap_box p {
margin-top: 2vw;
width: 100%;
}
.info-footer .sitemap_box p + p {
text-align: center;
}
.info-footer .footer_right {
max-width: inherit;
width: 100%;
margin-bottom: 7vw;
}
small {
text-align: center;
}
.info-footer .footer_right p {
width: 100%;
max-width: inherit;
}
.info-footer .footer_right p + p {
margin-top: 2vw;
}
.info-footer .footer_right div + div {
margin-top: 2vw;
}
.info-footer:after {
display: none;
}
}
@media screen and (max-width: 1120px) and (min-width: 768px) {
.info-footer .fooger_logo {
width: 313px;
}
.info-footer .footer_left {
width: 40%;
}
.info-footer .footer_right {
width: 37%;
}
.info-footer .footer_left { }
.info-footer .footer_right div + div {
margin-top: 2%;
}
.info-footer {
padding-bottom: 100px;
}
} #footer .fixed_box {
position: fixed;
right: 0;
width: 498px;
z-index: 999;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
#footer .fixed_box ul li {
width: 269px;
position: relative;
}
#footer .fixed_box li img {
width: 100%;
margin: auto;
}
#page_top {
width: 50px;
background: #fff;
}
@media screen and (max-width: 767px) {
#footer .fixed_box {
right: 0;
width: 100vw;
box-sizing: border-box;
position: fixed;
z-index: 999;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;
display: flex !important;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
bottom: 0 !important;
}
#footer .fixed_box .pagetop {
width: 12.5vw;
height: 12.5vw;
background: #413320;
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
position: relative;
}
#footer .fixed_box .pagetop a {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
#footer .fixed_box .pagetop img {
width: 100%;
}
#footer .fixed_box ul:after {
display: none;
}
#footer .fixed_box ul {
width: 87.5vw;
background: #ef7a00;
display: flex;
flex-wrap: wrap;
align-items: center;
overflow: hidden;
justify-content: space-between;
}
#footer .fixed_box li {
width: 43.75vw !important;
position: relative;
}
#footer .fixed_box ul li:nth-child(2) {}
#footer .fixed_box ul li:nth-child(3) {
width: 12.5vw !important;
}
#footer .fixed_box ul li:nth-child(3) img {
width: 100%;
}
#footer .fixed_box li + li:before,
#footer .fixed_box .pagetop:before {
background: #fff;
position: absolute;
content: "";
height: 100%;
width: 1px;
top: 50%;
left: -1px;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
#footer .fixed_box li img {
width: 89%;
}
#footer .fixed_box li a {
height: 12.5vw;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
}
#footer .fixed_box li:last-child a {}
#footer .fixed_box li:nth-child(1) a {}
#footer .fixed_box li:nth-child(2) a {
padding-right: 2vw;
}
#footer .fixed_box li:nth-child(3) a {}
.f_bottom {
padding: 8vw 0 32vw;
}
#footer .fixed_box a:hover {
opacity: 1
}
}
@media screen and (min-width: 768px) {
#footer .fixed_box ul li {
line-height: 1;
}
#footer .fixed_box ul {
width: 440px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
background: #fff;
}
#footer .fixed_box ul li:nth-child(2) {
width: 169px;
}
#footer .fixed_box ul li:nth-child(3) {
width: 50px;
}
#footer .fixed_box ul li:nth-child(4) {
width: 50px;
}
#footer .fixed_box ul li a,
#footer .fixed_box ul li img:not(.sp) {
display: block;
}
} .news_list {
right: 0;
top: 3px;
position: absolute;
text-align: right;
}
.news_list a {
color: #837036;
font-size: 1.6rem;
text-decoration: none !important;
letter-spacing: 0;
}
.news_list .news_dl_wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
position: relative;
border-bottom: 1px dotted #A5A29F;
}
.news_list {
border-top: 1px dotted #A5A29F;
}
.news_list .news_dl_wrap dl {
width: auto;
position: relative;
padding: 20px 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.news_list .news_dl_wrap dt {
font-size: 1.4rem;
width: 12em;
letter-spacing: 2px;
text-align: left;
position: relative;
margin-bottom: 3px;
color: #54442E;
}
.news_list .news_dl_wrap a {
text-decoration: none !important;
width: 100%;
}
.news_list .news_dl_wrap dd {
text-align: left;
font-size: 1.6rem;
letter-spacing: 2px;
line-height: 1.6;
color: #54442E;
width: 98%;
width: -webkit-calc(100% - 13em);
width: calc(100% - 13em);
}
.news_list .news_dl_wrap .entry-icon-new {
background: #fff;
color: #fff;
background: #EF7A00;
line-height: 1;
padding: 3px 0 1px 2px;
font-size: 1rem;
border-radius: 0;
top: 5px;
right: 0;
position: absolute;
text-align: center;
width: 4em;
}
@media screen\0 {
.news_list .news_dl_wrap .entry-icon-new {
padding: 2px 0 2px 2px;
top: 6px
}
}
.news_list .news_shortcode .news_dl_wrap:first-child a dl {
padding-top: 10px !important;
}
@media screen and (max-width: 767px) {
.news_list .top_news_tl .elementor-heading-title {
font-size: 2.2rem !important;
}
.news_list .news_dl_wrap dt {
width: 56vw;
margin-bottom: 1vw;
}
.news_list .news_dl_wrap .entry-icon-new {
top: 1.3vw;
font-size: 1rem;
width: 13vw;
}
.news_list .neww_list_link {
top: -0.7vw;
}
.news_list .top_news_tl {
padding: 0vw 0vw 0;
}
} .top_news_area {
padding-top: 100px !important;
background: #F6F1EA;
position: relative;
padding-bottom: 100px !important;
}
.top_news_area:before {
position: absolute;
content: "";
background: url(//akala-clinic.jp/wp-content/uploads/top_news_bg.png) center center no-repeat;
width: 233px;
height: 245px;
background-size: contain;
bottom: 0;
left: 0;
}
.top_news_area .top_tl {
padding-top: 0 !important;
}
.top_news_area .top_tl span {
display: inline;
padding-left: 20px;
vertical-align: middle;
}
.top_news_area .top_tl .elementor-heading-title {
text-align: left;
}
.top_news_area .neww_list_link {
margin-top: -72px;
text-align: right;
}
.top_news_area .top_news_l {
width: 62% !important;
}
.top_news_area .top_tweet {
width: 31% !important;
}
.top_news_area .top_news_wrap > div > div {
justify-content: space-between;
}
@media screen\0 {
.news_link_top .news_dl_wrap .entry-icon-new {
padding: 4px 0 0 2px;
top: 3px
}
}
@media screen and (max-width: 767px) {
.top_news_area .top_news_l {
width: 100% !important;
position: relative;
}
.top_news_area {
padding-top: 5vw !important;
padding-bottom: 10vw !important;
}
.top_news_area .neww_list_link {
margin-top: 0;
position: absolute;
right: 0;
top: 3vw;
}
.top_news_area .top_tl {
margin-bottom: 4vw !important;
}
.news_list .news_dl_wrap dd {
width: 100%;
}
.news_list .news_dl_wrap dt {
width: 12em;
}
.news_list .news_dl_wrap dl {
padding: 5vw 0;
}
.top_news_area .top_tweet {
width: 100% !important;
margin-top: 8vw;
}
}
@media screen and (max-width: 1120px) and (min-width: 768px) {
.top_news_area {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
} .top_about {
background: url(//akala-clinic.jp/wp-content/uploads/top_about_bg_pc.webp) center center repeat #000;
background-size: 1366px 1268px;
padding: 115px 0 !important;
}
.top_about > div > div {
background: #fff;
padding: 70px 90px 90px 90px;
border-top: 1px solid #54442E;
}
.top_about .top_tl .elementor-heading-title {
text-align: left;
}
.top_about .top_tl {
padding-top: 0 !important;
}
.top_about .about_half {
width: 47% !important;
margin-bottom: 70px;
}
.top_about .about_half_wrap > div > div {
justify-content: space-between;
}
.top_timetable {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
.top_timetable th,
.top_timetable td {
text-align: center;
vertical-align: middle;
line-height: 1;
letter-spacing: 0;
font-size: 1.4rem;
}
.top_timetable tbody th,
.top_timetable td {
padding: 15px 0 16px;
}
.top_timetable td { color: #54442E;
}
.top_timetable thead th {
font-weight: normal;
vertical-align: top;
color: #fff;
font-size: 1.5rem;
vertical-align: middle;
padding-top: 12px;
padding-bottom: 12px;
}
.top_timetable thead th:first-child {
text-align: left;
letter-spacing: 3px;
font-weight: bold;
font-size: 1.6rem;
padding-left: 10px;
}
.top_timetable thead th:not(:first-child) {
width: 9%;
}
.top_timetable thead th:last-child,
.top_timetable tbody td:last-child {
width: 16%;
}
.top_timetable tbody th {
word-break: keep-all;
white-space: nowrap;
text-align: left;
letter-spacing: 0.1em;
width: 34%;
}
.top_timetable tbody tr:first-child th,
.top_timetable tbody tr:first-child td {
padding-top: 26px;
}
.top_timetable tbody tr:last-child th,
.top_timetable tbody tr:last-child td {
border-bottom: 1px solid #54442e;
padding-bottom: 25px;
}
.about_half .top_about_txt th {
width: 8em;
font-weight: 700;
vertical-align: top; }
.about_half .top_about_txt th,
.about_half .top_about_txt td {
padding: 15px 0; border-bottom: 1px dotted #ABABAB;
font-size: 1.5rem;
}
.about_half .top_about_txt tbdy tr:first-child th,
.about_half .top_about_txt tbdy tr:first-child td {
padding: 0px 0 10px 0;
}
.about_half + .about_half {
padding-top: 30px;
}
table.top_timetable thead {
background: #54442E;
}
.top_timetable + .top_timetable {
margin-top: 40px;
} .top_about {
background: url(//akala-clinic.jp/wp-content/uploads/top_about_bg_pc.webp) center center repeat #eee5d6;
background-size: 1366px 1268px;
padding: 115px 0 !important;
}
.top_about > div > div {
background: #fff;
padding: 70px 90px 90px 90px;
border-top: 1px solid #54442E;
}
.top_about .top_tl .elementor-heading-title {
text-align: left;
}
.top_about .top_tl {
padding-top: 0 !important;
margin-bottom: 30px !important;
}
.top_about .about_half {
width: 47% !important;
margin-bottom: 70px;
}
.top_about .about_half_wrap > div > div {
justify-content: space-between;
}
.top_timetable {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
.top_timetable th,
.top_timetable td {
text-align: center;
vertical-align: middle;
line-height: 1;
letter-spacing: 0;
font-size: 1.4rem;
}
.top_timetable tbody th,
.top_timetable td {
padding: 15px 0 16px;
}
.top_timetable td { color: #54442E;
}
.top_timetable thead th {
font-weight: normal;
vertical-align: top;
color: #fff;
font-size: 1.5rem;
vertical-align: middle;
padding-top: 12px;
padding-bottom: 12px;
}
.top_timetable thead th:first-child {
text-align: left;
letter-spacing: 3px;
font-weight: bold;
font-size: 1.6rem;
padding-left: 10px;
}
.top_timetable thead th:not(:first-child) {
width: 9%;
}
.top_timetable thead th:last-child,
.top_timetable tbody td:last-child {
width: 16%;
}
.top_timetable tbody th {
word-break: keep-all;
white-space: nowrap;
text-align: left;
letter-spacing: 0.1em;
width: 34%;
}
.top_timetable tbody tr:first-child th,
.top_timetable tbody tr:first-child td {
padding-top: 26px;
}
.top_timetable tbody tr:last-child th,
.top_timetable tbody tr:last-child td {
border-bottom: 1px solid #54442e;
padding-bottom: 25px;
}
.about_half .top_about_txt th {
width: 8em;
font-weight: 700;
vertical-align: top; }
.about_half .top_about_txt th,
.about_half .top_about_txt td {
padding: 15px 0; border-bottom: 1px dotted #ABABAB;
font-size: 1.5rem;
}
.about_half .top_about_txt tbdy tr:first-child th,
.about_half .top_about_txt tbdy tr:first-child td {
padding: 0px 0 10px 0;
}
@media screen and (max-width: 767px) {
.top_timetable th,
.top_timetable td {
font-size: 1.4rem !important;
}
.top_timetable thead th:not(:first-child) {
width: 8.8%;
}
.top_timetable thead th:last-child,
.top_timetable tbody td:last-child {
width: 15%;
}
.about_half .top_about_txt th {
padding-bottom: 0 !important;
font-size: 1.7rem !important;
width: 6em;
border-bottom: none;
padding-top: 3vw;
}
.about_half .top_about_txt td {
padding-bottom: 3vw;
padding-top: 0;
}
.about_half .top_about_txt tr + tr {
margin-top: 2vw;
}
}
@media screen and (max-width: 767px) {
.top_timetable th,
.top_timetable td {
font-size: 1.5rem;
}
.top_timetable thead th:not(:first-child) {
width: 7.6%;
}
.top_timetable thead th:last-child,
.top_timetable tbody td:last-child {
width: 15%;
}
.about_half .top_about_txt th {
padding-bottom: 0 !important;
font-size: 1.7rem !important;
width: 6em;
}
.about_half .top_about_txt td {
padding-bottom: 0;
}
.about_half .top_about_txt tr + tr {
margin-top: 2vw;
}
.top_about {
padding-top: 10vw !important;
padding-bottom: 15vw !important;
}
.top_about > div > div {
padding: 6vw;
}
.top_about .about_half {
width: 100% !important;
margin-bottom: 7vw;
}
.top_about .top_tl .elementor-heading-title {
text-align: center;
}
.top_about .top_tl {
margin-bottom: 3vw !important;
}
.about_half .top_about_txt th,
.about_half .top_about_txt td {
display: block;
width: 100%;
}
.about_half .top_about_txt table {
width: 100%;
}
.about_half + .about_half {
padding-top: 0;
}
.top_timetable td {
border-left: 1px solid #54442e;
}
.top_timetable tbody th,
.top_timetable td {
letter-spacing: 0;
}
.top_timetable + .top_timetable {
margin-top: 7vw;
}
.top_timetable thead th:not(:first-child) {
width: 8%;
}
.top_timetable thead th:last-child,
.top_timetable tbody td:last-child {
width: 15%;
}
}
.about_half + .about_half {
padding-top: 30px;
}
table.top_timetable thead {
background: #54442E;
}
.top_timetable + .top_timetable {
margin-top: 40px;
}
@media screen and (max-width: 1120px) and (min-width: 768px) {
.top_about > div > div {
padding: 25px;
}
.top_timetable th,
.top_timetable td {
font-size: 1.3rem !important;
letter-spacing: 0 !important;
}
.top_about .top_tl {
margin-bottom: 10px !important;
}
.about_half + .about_half {
padding-top: 20px;
}
.top_about {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.top_about .about_half {
margin-bottom: 30px;
}
.top_timetable thead th:not(:first-child) {
width: 8%;
}
.top_timetable thead th:last-child,
.top_timetable tbody td:last-child {
width: 15%;
}
} .sec_bnr_slider {
padding: 140px 0 100px;
position: relative;
}
.bnr_slider {}
.bnr_slider_thumb .slick-slide {
opacity: 1;
padding: 0 10px;
}
.sec_bnr_slider button.slick-arrow {
border: 1px solid #707070;
position: absolute;
top: 50%;
height: 56px;
width: 18px;
z-index: 1;
text-indent: -9999px;
margin-top: -4px;
}
.sec_bnr_slider button.slick-prev {
left: 0;
}
.sec_bnr_slider button.slick-next {
right: 0;
}
.sec_bnr_slider button.slick-arrow:after {
content: '';
position: absolute;
top: 0;
left: -4px;
right: 0;
bottom: 0;
margin: auto;
width: 8px;
height: 8px;
border-top: 1px solid #707070;
border-left: 1px solid #707070;
transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.sec_bnr_slider button.slick-prev:after {
left: 3px;
}
.sec_bnr_slider button.slick-next::after {
transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.bnr_slider li a {
text-decoration: none;
position: relative;
display: block;
}
.bnr_slider li a div {
font-family: 'icomoon'serif;
position: absolute;
top: 50%;
left: 0%;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
width: 45%;
margin-left: 47%;
color: #fff;
}
.bnr_slider li a div .tl {
font-family: "解ミン 宙 R", serif;
font-size: 3.6rem;
line-height: 1.4;
margin-bottom: 20px;
letter-spacing: 0.1em;
}
.bnr_slider li a div .txt {
font-size: 1.7rem;
}
.top_slider_area:before {
position: absolute;
content: "";
background: #fff;
left: 0;
bottom: 0;
height: 360px;
width: 80%;
width: -webkit-calc(50% + 430px);
width: calc(50% + 430px);
}
.bnr_slider_thumb li {
display: block;
position: relative;
cursor: pointer;
transition: 0.5s ease;
opacity: 1;
}
.bnr_slider_thumb li:hover {
transition: 0.5s ease;
opacity: 0.7;
}
.bnr_slider_thumb li div {
position: absolute;
width: 55%;
top: 50%;
left: 38%;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
color: #fff;
}
.bnr_slider_thumb li div .tl {
font-family: "解ミン 宙 R", serif;
font-size: 2.3rem;
line-height: 1.2;
margin-bottom: 10px;
letter-spacing: 0.1em;
}
.bnr_slider_thumb li div .tl02 {
font-size: 2rem;
}
.bnr_slider_thumb li div .txt {
font-size: 1rem;
}
.bnr_slider_thumb.slick-initialized.slick-slider {
padding: 0 30px !important;
}
.bnr_slider li {
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.sec_bnr_slider .slick-dots li,
.sec_bnr_slider .slick-dots li button {
width: 8px;
height: 8px;
padding: 0;
}
.sec_bnr_slider .slick-dots li button::before {
content: '';
background: black;
width: 8px;
height: 8px;
border-radius: 50%;
}
.sec_bnr_slider button {
background: #fff;
}
.sec_bnr_slider button.slick-prev {
left: -6vw;
right: auto;
}
.sec_bnr_slider button.slick-next {
right: -6vw;
left: auto;
}
.top_slider_area:before {
display: none;
}
.bnr_slider {
display: none !important;
}
.bnr_slider_thumb.slick-initialized.slick-slider {
padding: 0 !important;
}
.bnr_slider_thumb li {
display: inline-block;
}
.sec_bnr_slider {
padding: 10vw 0;
}
}
@media screen and (max-width: 1120px) and (min-width: 768px) {
.sec_bnr_slider {
padding: 50px 0;
}
.top_slider_area:before {
width: 90vw;
height: 34vw;
}
.bnr_slider li a div .tl {
font-size: 2.5rem;
margin-bottom: 10px;
}
.bnr_slider li a div .txt {
font-size: 1.5rem;
}
.bnr_slider_thumb li div .tl {
font-size: 1.4rem;
margin-bottom: 5px;
}
.bnr_slider_thumb li div .txt {
line-height: 1.6;
}
} .method_area {
padding-top: 260px !important;
padding-bottom: 110px !important;
}
.method_wrap {
background: url(//akala-clinic.jp/wp-content/uploads/top_method_bg_pc.jpg) center center no-repeat #ede0cb;
background-size: cover;
position: relative;
border-top: 1px solid #54442E;
padding: 60px 70px 70px 70px;
}
.method_area:before {
position: absolute;
content: "";
background: url(//akala-clinic.jp/wp-content/uploads/top_method_img.webp) center center no-repeat #c7d38e;
width: 1003px;
height: 297px;
right: 0;
top: 85px;
background-size: cover;
}
.method_wrap .tl_block {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
margin-bottom: 40px;
}
.method_wrap .tl_block .top_tl {
width: 25%;
text-align: left;
padding-top: 0 !important;
margin-bottom: 0 !important;
}
.method_wrap .tl_block .top_tl .elementor-heading-title {
text-align: left;
}
.method_wrap .tl_block .txt {
width: 75%;
letter-spacing: 0.2em;
}
.method_in {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
}
.method_in .box {
width: 49.3%;
background: #fff;
position: relative;
padding: 30px 40px 100px 40px;
}
.method_in .box .tl {
font-family: "解ミン 宙 B", serif;
font-size: 2.4rem;
letter-spacing: 0.1em;
padding-left: 40px;
position: relative;
margin-bottom: 20px;
}
.method_in .box .tl:before {
position: absolute;
content: "";
background: url(//akala-clinic.jp/wp-content/uploads/top_method_icon01.png) center center no-repeat;
background-size: contain;
width: 33px;
height: 26px;
left: 0;
top: 10px;
}
.method_in .box + .box .tl:before {
background-image: url(//akala-clinic.jp/wp-content/uploads/top_method_icon02.png);
}
.method_in .box li {
position: relative;
padding-left: 20px;
}
.method_in .box li:before {
position: absolute;
content: "";
background: #D5BCA1;
width: 12px;
height: 12px;
border-radius: 50%;
left: 0;
top: 8px;
}
.method_in .box .btn {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
text-align: center;
}
.method_in .box .btn a {
color: #fff;
font-size: 2.6rem;
text-decoration: none !important;
display: block;
font-family: "解ミン 宙 B", serif;
letter-spacing: 0.1em;
line-height: 1;
background: #EF7A00;
padding: 20px 20px 23px 20px;
position: relative;
}
.method_in .box + .box .btn a:after {
position: absolute;
content: "";
background: url(//akala-clinic.jp/wp-content/uploads/icon_blank.png) center center no-repeat;
background-size: contain;
width: 14px;
height: 14px;
top: 50%;
right: 30px;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
@media screen and (max-width: 767px) {
.method_area {
padding-top: 10vw !important;
padding-bottom: 10vw !important;
}
.method_area:before {
top: 0;
width: 80vw;
height: 35vw;
}
.method_wrap {
padding: 5vw;
}
.method_wrap .tl_block .top_tl {
width: 100%;
}
.method_wrap .tl_block .txt {
width: 100%;
margin-top: 3vw;
}
.method_wrap .tl_block {
margin-bottom: 5vw;
}
.method_in .box {
width: 100%;
padding: 3vw 7vw 28vw;
}
.method_in .box + .box {
margin-top: 5vw;
}
.method_in .box .tl:before {
width: 8vw;
height: 8vw;
top: 2vw;
}
.method_in .box .tl {
padding-left: 12vw;
margin-bottom: 3vw;
}
.method_in .box li:before {
width: 3vw;
height: 3vw;
top: 1.9vw;
}
.method_in .box + .box .btn a:after {
right: 3vw;
width: 3vw;
height: 3vw;
}
.method_in .box li {
padding-left: 5vw;
}
}
@media screen and (max-width: 1120px) and (min-width: 768px) {
.method_area:before {
width: 80vw;
height: 40vw;
top: 6vw;
}
.method_wrap {
padding: 25px;
}
.method_wrap .tl_block .txt {
font-size: 1.6rem;
letter-spacing: 0;
padding-top: 8px;
}
.method_wrap .tl_block {
margin-bottom: 20px;
}
.method_in .box {
padding: 20px 20px 100px 20px;
}
.method_area {
padding-top: 20vw !important;
padding-bottom: 50px !important;
}
} .top_menu_area {
background: #54442E;
}
.top_menu_area .top_tl .elementor-heading-title {
color: #fff;
}
.top_menu_area .top_tl {
padding: 45px !important;
margin-bottom: 0 !important;
}
.top_menu_wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
.top_menu_wrap li {
width: 25%;
height: 265px;
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: flex-start;
position: relative;
border-top: 1px solid #fff;
}
.top_menu_wrap a {
color: #fff;
text-decoration: none !important;
display: block;
width: 100%;
padding: 40px;
background: url(//akala-clinic.jp/wp-content/uploads/top_menu01.jpg) center center no-repeat;
background-size: cover;
position: relative;
}
.top_menu_wrap li:nth-child(2) a {
background-image: url(//akala-clinic.jp/wp-content/uploads/top_menu02.jpg);
}
.top_menu_wrap li:nth-child(3) a {
background-image: url(//akala-clinic.jp/wp-content/uploads/top_menu03.jpg);
}
.top_menu_wrap li:nth-child(4) a {
background-image: url(//akala-clinic.jp/wp-content/uploads/top_menu04.jpg);
}
.top_menu_wrap li:nth-child(5) a {
background-image: url(//akala-clinic.jp/wp-content/uploads/top_menu05.jpg);
}
.top_menu_wrap li:nth-child(6) a {
background-image: url(//akala-clinic.jp/wp-content/uploads/top_menu06.jpg);
}
.top_menu_wrap li:nth-child(7) a {
background-image: url(//akala-clinic.jp/wp-content/uploads/top_menu07.jpg);
}
.top_menu_wrap li:nth-child(8) a {
background-image: url(//akala-clinic.jp/wp-content/uploads/top_menu08.jpg);
}
.top_menu_wrap li .tl {
font-size: 2.8rem;
font-family: "解ミン 宙 R", serif;
letter-spacing: 0.1em;
position: relative;
padding-bottom: 6px;
margin-bottom: 10px;
}
.top_menu_wrap li .tl:after {
position: absolute;
content: "";
background: rgba(255, 255, 255, 0.3);
height: 2px;
width: 35px;
bottom: 0;
left: 0;
}
.top_menu_wrap li .en {
color: rgba(255, 255, 255, 0.6);
font-family: "解ミン 宙 R", serif;
font-size: 1.1rem;
letter-spacing: 0.2em;
}
.top_menu_wrap li:not(:nth-child(4n+1)):before {
position: absolute;
content: "";
width: 1px;
height: 100%;
left: 0;
top: 0;
background: #fff;
z-index: 10;
}
.top_menu_wrap a:after {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 12px 12px;
border-color: transparent transparent #ffffff transparent;
bottom: 20px;
right: 20px;
}
@media screen and (max-width: 767px) {
.top_menu_area .top_tl {
padding: 7vw !important;
}
.top_menu_wrap li {
width: 50%;
height: 43vw;
}
.top_menu_wrap li:nth-child(2n+1):before {
display: none;
}
.top_menu_wrap a {
padding: 6vw;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
}
.top_menu_wrap li .tl:after {
display: none;
}
.top_menu_wrap li .tl {
padding-bottom: 0;
margin-bottom: 0vw;
}
.top_menu_wrap a:after {
bottom: 3vw;
right: 3vw;
border-width: 0 0 2.5vw 2.5vw;
}
}
@media screen and (max-width: 1120px) and (min-width: 768px) {
.top_menu_wrap a {
padding: 15px;
}
.top_menu_wrap li .tl {
font-size: 2.3rem;
}
.top_menu_wrap li {
height: 23vw;
}
.top_menu_wrap a:after {
bottom: 10px;
right: 10px;
}
} .top_feature_area {
position: relative;
padding-bottom: 120px !important;
}
.top_feature_area:before {
position: absolute;
content: "";
top: 160px;
left: 0;
width: 100%;
height: 98%;
height: -webkit-calc(100% - 160px);
height: calc(100% - 160px);
background: url(//akala-clinic.jp/wp-content/uploads/top_feature_bg_pc.webp) center top no-repeat;
background-size: cover;
}
.top_feature {
padding-top: 100px;
}
.top_feature li {
width: 50%;
background: #FFFFFF;
padding: 80px;
position: relative;
overflow: hidden;
}
.top_feature li:nth-child(2n) {
margin-left: auto;
}
.top_feature li .num {
color: rgba(239, 12, 0, 0.08);
font-size: 17.6rem;
position: absolute;
line-height: 1;
font-family: "解ミン 宙 R", serif;
top: -50px;
right: -10px;
letter-spacing: 0;
}
.top_feature .tl {
color: #54442E;
font-size: 2.8rem;
font-family: "解ミン 宙 R", serif;
letter-spacing: 0.1em;
line-height: 1.4;
position: relative;
padding-bottom: 20px;
margin-bottom: 25px;
}
.top_feature .tl:before {
position: absolute;
content: "";
background: #EF7A00;
width: 37px;
height: 2px;
left: 0;
bottom: 0;
}
.top_feature .txt {
line-height: 2.1;
}
@media screen and (max-width: 767px) {
.top_feature_area:before {
top: 27vw;
background-image: url(//akala-clinic.jp/wp-content/uploads/top_feature_bg_sp.webp);
height: 98%;
height: -webkit-calc(100% - 27vw);
height: calc(100% - 27vw);
}
.top_feature li {
width: 100%;
padding: 9vw 6vw;
}
.top_feature {
padding-top: 25vw;
}
.top_feature li + li {
margin-top: 3vw;
}
.top_feature li .num {
top: -11vw;
right: -5vw;
}
.top_feature .tl {
font-size: 2.5rem;
}
.top_feature_area {
padding-bottom: 20vw !important;
}
}
@media screen and (max-width: 1120px) and (min-width: 768px) {
.top_feature li {
padding: 25px;
}
.top_feature .tl {
font-size: 2.5rem;
}
} .top_doctor_area .top_tl {
padding-top: 140px !important;
margin-bottom: 60px !important;
}
.top_doctor_area .top_doctor {
display: flex;
flex-wrap: wrap;
align-items: self-start;
justify-content: space-between;
}
.top_doctor_area .top_doctor .img {
width: 52.3%;
max-width: 564px;
}
.top_doctor_area .top_doctor .txt_block {
width: 43%;
}
.top_doctor_area .top_doctor .txt {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-family: "解ミン 宙 R", serif;
font-size: 2.8rem;
letter-spacing: 0.35em;
line-height: 2.7;
margin-left: auto;
height: 438px;
}
.top_doctor_area .top_doctor .btn {
text-align: right;
}
.top_doctor_area .top_doctor .btn {
text-align: center;
}
.top_doctor_area:before {
position: absolute;
content: "";
background: url(//akala-clinic.jp/wp-content/uploads/top_greeting_bg_pc.jpg) center center no-repeat;
background-size: cover;
width: 1080px;
height: 458px;
bottom: 0;
left: 0;
}
.top_doctor_area {
padding-bottom: 168px !important;
}
@media screen and (max-width: 767px) {
.top_doctor_area .top_tl {
padding-top: 10vw !important;
margin-bottom: 8vw !important;
}
.top_doctor_area .top_doctor .img {
max-width: inherit;
width: 100%;
}
.top_doctor_area .top_doctor .txt_block {
width: 100%;
margin-top: 10vw;
}
.top_doctor_area .top_doctor .txt {
font-size: 2.2rem;
margin-left: auto;
margin-right: auto;
height: auto;
}
.top_doctor_area .top_doctor .btn {
margin-top: 10vw;
}
.top_doctor_area:before {
background-image: url(//akala-clinic.jp/wp-content/uploads/top_greeting_bg_sp.jpg);
width: 75vw;
height: 150vw;
}
.top_doctor_area {
padding-bottom: 20vw !important;
}
}
@media screen and (max-width: 1120px) and (min-width: 768px) {
.top_doctor_area .top_doctor .btn a {
width: 100%;
min-width: inherit;
}
.top_doctor_area .top_doctor .txt {
font-size: 2.1rem;
height: 35.5vw;
line-height: 2.4;
}
.top_doctor_area .top_tl {
padding-top: 50px !important;
}
.top_doctor_area {
padding-bottom: 50px !important;
}
} .f_bnr_wrap {
background: #EFE4D2;
padding: 60px 0;
}
.f_bnr {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.f_bnr li {
width: 15.8%;
max-width: 170px;
}
.f_bnr li+li {
margin-left: 30px;
}
@media screen and (max-width: 767px) {
.f_bnr {
justify-content: space-between;
}
.f_bnr_wrap {
padding: 6vw 0;
}
.f_bnr li {
width: 32%;
}
.f_bnr li+li {
margin-left: 0;
}
.f_bnr li img {
margin-left: auto;
margin-right: auto;
}
} .post-content.upage .method_wrap .tl_block .top_tl .elementor-heading-title {
font-size: 3.6rem;
letter-spacing: 0.1em;
font-family: "解ミン 宙 R", serif;
line-height: 1.8 !important;
position: relative;
color: #54442E;
text-align: left;
padding: 0 !important;
border: none;
margin: 0 !important;
}
.post-content.upage .method_wrap .tl_block .top_tl .elementor-heading-title:before,
.post-content.upage .method_wrap .tl_block .top_tl .elementor-heading-title:after {
display: none;
}
.post-content.upage .method_area {
padding-bottom: 0 !important;
padding-top: 85px !important;
}
.post-content.upage .method_area:before {
top: 0;
}
@media screen and (max-width: 767px) {
.post-content.upage .method_area {
padding-top: 10vw !important;
}
.post-content.upage .method_wrap .tl_block .top_tl .elementor-heading-title {
font-size: 3.1rem !important;
line-height: 1.6 !important;
letter-spacing: 0.05em !important;
}
}
.flowList_notl > li {
padding-left: 100px;
}
.flowList_notl .flow_title {
padding-left: 0;
position: absolute;
left: 40px;
padding: 0 !important;
top: 40px;
width: 33px;
height: 33px;
}
.flowList_notl .flow_title span {
position: relative;
left: 0;
top: 0;
display: block;
margin-right: 0;
}
.flowList_notl .flow_title + p {
margin-top: 0 !important;
}
.flowList_notl .flow_title span {
position: relative;
left: 0;
top: 0;
display: block;
margin-right: 0;
}
.under_link_block {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: flex-start;
margin-top: -3.5%;
}
.under_link_block > li {
width: 31%;
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
margin-top: 3.5%;
}
.under_link_block dt {
background: #EFE4D2;
text-align: center;
padding: 10px;
font-family: "解ミン 宙 B", serif;
letter-spacing: 0.1em;
}
.under_link_block a {
width: 100%;
text-decoration: none !important;
background: #F5F0E8;
border: 2px solid #D5BCA1;
position: relative;
}
.under_link_block > li:not(:nth-child(3n+1)) {
margin-left: 3.5%;
}
.under_link_block dd {
padding: 20px;
line-height: 1.6;
}
.under_link_block a:after {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 12px 12px;
border-color: transparent transparent #d5bca1 transparent;
right: 5px;
bottom: 5px;
}
.flex_stretch > div > div {
align-items: stretch !important;
}
.table_half th {
width: 50% !important;
}
.table_color.table_beauty tbody th {
width: 16%;
}
.table_color.table_beauty tbody td {
width: 28%;
}
.float_img_l figure {
float: left;
margin-left: 0 !important;
margin-right: 40px !important;
}
@media screen and (max-width: 767px) {
.flowList_notl .flow_title span {
position: relative;
left: 0;
top: 0;
display: block;
margin-right: 0;
}
.flowList_notl .flow_title {
width: 3.3rem;
height: 3.3rem;
left: 5vw !important;
top: 5.3vw !important;
}
.flowList_notl > li {
padding-left: 16vw !important;
}
.under_link_block > li {
width: 100%;
}
.under_link_block > li {
margin-left: 0 !important;
}
.table_color.table_beauty th,
.table_color.table_beauty td {
padding: 5px;
font-size: 1.4rem;
}
}
@media screen and (min-width: 768px) {
.flex_img_r > div > div {
display: flex !important;
flex-wrap: wrap !important;
align-items: flex-start !important;
justify-content: space-between !important;
flex-direction: row-reverse !important;
width: 100% !important;
}
.flex_img_r > div > div figure {
width: 38% !important;
margin: 0 !important;
float: none !important;
}
.flex_img_r > div > div figure + div {
width: 58% !important;
float: none !important;
}
.flex_img_r > div > div:after {
display: none;
}
.flex_img_l > div > div {
display: flex !important;
flex-wrap: wrap !important;
align-items: flex-start !important;
justify-content: space-between !important;
flex-direction: row !important;
width: 100% !important;
}
.flex_img_l > div > div figure {
width: 38% !important;
margin: 0 !important;
float: none !important;
}
.flex_img_l > div > div figure + div {
width: 58% !important;
float: none !important;
}
.flex_img_l > div > div:after {
display: none;
}
}
.snsbx0922{
position: absolute;
top: 5px;
right: 10px;
}
.snsbx0922 a{
display: block;
width: 40px;
height: 40px;
}
.snsbx0922 a img{
width: 100%;
}
#header .gnav{
margin-right: 50px!important;
}
@media screen and (max-width: 960px) {
.snsbx0922{
top: 0;
right: 90px;
}
}
.test_popup {
z-index: 999999;
right: -3px;
position: fixed;
bottom: 85px;
}
.topbnr1 {
cursor: pointer;
border: none;
background: 0 0;
}
.topbnr1 img {
max-width: 280px;
}
@media screen and (max-width: 767px) {
.test_popup {
right: -3px;
position: fixed;
bottom: 85px;
}
.topbnr1 {
cursor: pointer;
border: none;
background: 0 0
}
.topbnr1 img {
max-width: 180px;
}
}
@media screen and (max-width: 767px) {
.snsbx0922{
top: 0;
right: 80px;
}
.snsbx0922 a{
width: 35px;
height: 35px;
}
}
.bloginfo_box .share_btn{
display:none !important;
}
.top_menu_wrap li:nth-child(9) a {
background-image: url(//akala-clinic.jp/wp-content/uploads/top_menu01_01.jpg);
}
.top_menu_wrap li:nth-child(10) a {
background-image: url(//akala-clinic.jp/wp-content/uploads/top_menu01_02.jpg);
}
.top_menu_wrap li:nth-child(11) a {
background-image: url(//akala-clinic.jp/wp-content/uploads/top_menu01_03.jpg);
}
.top_menu_wrap li:nth-child(12) a {
background-image: url(//akala-clinic.jp/wp-content/uploads/top_menu01_04.jpg);
}
.top_menu_wrap li:nth-child(13) a {
background-image: url(//akala-clinic.jp/wp-content/uploads/top_menu01_03-1.jpg);
}
.top_menu_wrap li:nth-child(14) a {
background-image: url(//akala-clinic.jp/wp-content/uploads/top_menu01_06-2.jpg);
}
  html {
font-size: 62.5%;
-moz-text-size-adjust: none;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
overflow-y: scroll;
margin: 0;
padding: 0;
border: 0;
text-align: left
}
:focus,
a:focus {
outline: 0
}
a[href^="tel:"] {
pointer-events: none;
cursor: text
}
.elementor-column {
position: relative;
min-height: 1px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.elementor-widget-heading .elementor-heading-title {
padding: 0;
margin: 0;
line-height: 1
}
@media screen and (max-width: 767px) {
a[href^="tel:"] {
pointer-events: auto;
cursor: pointer
}
}  @font-face {
font-family: icomoon;
src: url(//akala-clinic.jp/wp-content/themes/genova_tpl/img/fonts/icomoon.eot);
src: url(//akala-clinic.jp/wp-content/themes/genova_tpl/img/fonts/icomoon.eot#iefix) format('embedded-opentype'), url(//akala-clinic.jp/wp-content/themes/genova_tpl/img/fonts/icomoon.ttf) format('truetype'), url(//akala-clinic.jp/wp-content/themes/genova_tpl/img/fonts/icomoon.woff) format('woff'), url(//akala-clinic.jp/wp-content/themes/genova_tpl/img/fonts/icomoon.svg#icomoon) format('svg');
font-weight: 400;
font-style: normal
}
[class*='icon-']:not([class*='eicon-']):before {
display: inline-block;
font-family: icomoon;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: baseline;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-blog:before {
content: "\e900"
}
.icon-category:before {
content: "\e901"
}
.icon-check:before {
content: "\e902"
}
.icon-checked:before {
content: "\e903"
}
.icon-down:before {
content: "\e904"
}
.icon-facebook:before {
content: "\e905"
}
.icon-google:before {
content: "\e906"
}
.icon-line:before {
content: "\e907"
}
.icon-twitter:before {
content: "\e908"
}
.icon-arrow02:before {
content: "\e909"
}
.icon-arrow01:before {
content: "\e910"
}
.icon-search:before {
content: "\e911"
}
.icon-tag:before {
content: "\e912"
} #main {
overflow: hidden
} .container {
padding: 0 20px;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
.container:after {
content: "";
display: block;
clear: both
} #header .wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between
} #header .logo a,
#header .logo img {
display: block
}
#header .logo a:hover {
text-decoration: none
} #header .right p a {
display: block;
transition: .5s ease;
opacity: 1
}
#header .right p a:hover {
transition: .5s ease;
opacity: .7
}
#header .right .btn:hover {
opacity: .7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)"
} #header .menu a {
display: block
}
@media screen and (min-width: 961px) {
.gnav_bottom {
display: none
}
}
@media screen and (min-width: 961px) {
#header {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
-webkit-transition-duration: .3s;
transition-duration: .3s
}
#menu-g_nav > li {
overflow: hidden;
-webkit-animation: navoverflowOut .3s ease 0 1 normal both;
animation: navoverflowOut .3s ease 0 1 normal both
}
#menu-g_nav > li:hover {
overflow: visible;
-webkit-animation: none;
animation: none
}
#menu-g_nav > li:hover .sub-menu {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}
#menu-g_nav .sub-menu li a:hover {
background: rgba(160, 195, 215, 0.24);
transition: .5s ease
}
#menu-g_nav .sub-menu:before {
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #b3ece2 transparent;
position: absolute;
content: "";
top: -10px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
z-index: 99
}
}
@media screen and (max-width: 960px) {
#header .right .right_left,
#header .right .right_right {
display: none!important
}
}
@-webkit-keyframes navoverflowOut {
0% {
overflow: visible;
}
99% {
overflow: visible;
}
100% {
overflow: hidden;
}
}
@keyframes navoverflowOut {
0% {
overflow: visible;
}
99% {
overflow: visible;
}
100% {
overflow: hidden;
}
}
#header .toggleMenu {
display: none;
float: right
}
.menu-trigger,
.menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box
}
.toggleMenu.active .menu-trigger span:nth-of-type(1) {
-webkit-transform: translateY(9px) rotate(-45deg);
transform: translateY(9px) rotate(-42deg)
}
.toggleMenu.active .menu-trigger span:nth-of-type(2) {
opacity: 0
}
.toggleMenu.active .menu-trigger span:nth-of-type(3) {
-webkit-transform: translateY(-9px) rotate(45deg);
transform: translateY(-9px) rotate(45deg)
}
@media screen and (max-width: 767px) {
#header .logo {
min-width: inherit;
width: 70%;
width: -webkit-calc(100% - 90px);
width: calc(100% - 90px);
margin-left: 5vw;
float: none;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between
}
#header .logo img {
display: block
}
#header .toggleMenu:before {
left: 0;
bottom: inherit!important
}
#header .toggleMenu:before,
.gnav .in_logo a {
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.gnav .in_logo a {
left: 3vw;
position: absolute;
}
}
@media screen and (max-width: 960px) {
#header .toggleMenu {
width: 70px;
height: 70px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin: 0;
cursor: pointer;
background: #fff;
}
#header .gnav,
#header .right_left,
#header .right_right {
display: none
}
#header .gnav .container { }
#header .menu > li {
float: none;
width: 100%;
border-left: 0;
height: inherit!important
}
#header .current-menu-parent.hover ul {
position: relative;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)"
}
#header .right {
width: 70px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
position: absolute;
right: 0;
top: 0;
z-index: 3
}
#header .gnav {
width: 100%!important;
left: 0!important;
top: 0!important;
background: #ffffff;
z-index: 1!important;
overflow: auto;
-webkit-overflow-scrolling: touch;
position: fixed!important;
bottom: inherit;
height: 100%!important;
}
.gnav_in {
z-index: 2; }
#header .menu > li.menu-item-has-children.on > a:after {
-webkit-transform: translate(-50%, 0) rotate(-135deg);
transform: translate(-50%, 0) rotate(-135deg)
}
.h_contact_box img {
display: block
}
.h_contact_box {
margin-top: 5vw
}
.h_contact_box img {
margin-left: auto;
margin-right: auto
}
.post-header {
margin-top: 0!important
}
}
@media screen and (max-width: 960px) and (min-width: 768px) {
#header .toggleMenu {
width: 80px;
height: 80px
}
#header .right {
width: 80px
}
} .sp_a {
display: none !important;
}
@media screen and (max-width: 960px) {
.sp_a {
display: block !important;
}
.pc_a {
display: none !important;
}
}
body:not(#body_frontpage) #header .wrap {
padding-top: 0;
padding-left: 0;
}
body:not(#body_frontpage) #header {
background: none;
padding: 0;
}
body:not(#body_frontpage) .post-header {
margin-top: 0;
height: 420px;
}
body:not(#body_frontpage) #header .logo {
height: 152px;
margin-left: 0;
background: #d79642;
padding: 25px;
width: 13%;
max-width: 168px;
}
body:not(#body_frontpage) #header .wrap,
body:not(#body_frontpage) #header .menu > li {
height: auto;
align-items: flex-start;
}
body:not(#body_frontpage) #header .menu > li > a {
font-size: 16px;
letter-spacing: 0;
color: #FFF;
position: relative;
}
body:not(#body_frontpage) #header .menu > li > a:before {
position: absolute;
content: "";
width: 1px;
height: 100%;
background: #C6BFAB;
right: 0;
top: 0;
}
body:not(#body_frontpage) #header .menu > li:last-child > a:before {
display: none;
}
body:not(#body_frontpage) #header .gnav {
margin-top: 26px;
margin-right: 10px !important;
width: 82%;
max-width: 1044px;
}
body:not(#body_frontpage) #header.is-fixed .gnav {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
background: #2b1616;
margin-top: 0 !important;
margin-right: 0 !important;
padding-top: 20px;
height: 32px;
}
.header_web {
width: 168px;
height: 64px;
margin-top: 0;
margin-left: 25px;
}
.header_web img {
width: 100%;
}
@media screen and (min-width: 961px) {
#header .menu > li > a:hover:after {
display: none;
}
body:not(#body_frontpage) #header {
position: absolute;
}
}
@media screen and (max-width: 1266px) and (min-width: 961px) {
body:not(#body_frontpage) #header .logo {
height: auto;
padding: 15px;
}
body:not(#body_frontpage) #header .menu > li > a {
font-size: 12px;
padding: 0 15px;
}
.header_web {
width: 144px;
height: auto;
margin-left: 1.1%;
}
body:not(#body_frontpage) #header .menu {
justify-content: flex-end;
}
}
@media screen and (max-width: 960px) {
body:not(#body_frontpage) .post-header {
height: 250px;
}
body:not(#body_frontpage) #header {
background: #fff;
}
body:not(#body_frontpage) #header .logo {
width: 68px;
height: 40.85px;
background: none;
padding: 15px;
z-index: 11;
}
.header_web {
display: none;
}
body:not(#body_frontpage) #header .wrap {
justify-content: flex-start;
align-items: center;
}
body:not(#body_frontpage) #header .wrap .logo_txt {
font-size: 10px;
font-family: "Sawarabi Mincho",serif;
font-weight: 400;
font-style: normal;
color: #54442E;
line-height: 1.5;
position: relative;
z-index: 11;
}
body:not(#body_frontpage) #header .menu > li > a {
color: #2E2A25;
font-size: 20px;
}
body:not(#body_frontpage) #header .gnav {
margin-top: 0;
}
body:not(#body_frontpage) #header .gnav_in {
padding-top: 70px;
background: #F6F1EA;
}
body:not(#body_frontpage) #header .menu {
background: none;
}
body:not(#body_frontpage) #header .toggleMenu {
background: none;
}
body:not(#body_frontpage) #header .gnav_in .logo_txt_sp img {
width: 124px;
height: 36px;
margin-left: 15px !important;
}
body:not(#body_frontpage) #header .logo img {
max-width: 68px;
}
body:not(#body_frontpage) #header .menu > li > a:before {
display: none;
}
#header {
position: fixed !important;
top: 0 !important;
left: 0;
}
.menu_sp.sp_a {
position: fixed;
left: 0;
top: 80px;
width: 100%;
z-index: 111;
}
#wrapper {
margin-top: 119px;
}
}
@media screen and (max-width: 767px) {
.menu_sp.sp_a {
top: 70px;
}
} #mainimage {
position: relative;
overflow: hidden;
}
#mainimage p {
line-height: 1
}
#mainimage img {
display: block;
width: 100%;
height: inherit;
max-width: 100%
} .bx-wrapper .bxslider {
display: block!important
}
#mainimage img {
width: 100%;
position: relative;
} #main {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
#main > div {
-webkit-flex-grow: 1;
flex-grow: 1;
width: 100%
}
#main > div#sidebar_left,
#main > div#sidebar_right {
max-width: 260px
}
#main > div#sidebar_left {
margin-right: 30px
}
#main > div#sidebar_right {
margin-left: 30px
}
@media screen and (min-width: 961px) {
#main {
overflow: hidden
}
} #breadcrumb {
width: 100%;
font-size: 1rem;
letter-spacing: 1px;
margin-bottom: 60px;
padding: 0 10px;
box-sizing: border-box
}
#breadcrumb .breadcrumb_list {
display: flex;
justify-content: center;
flex-wrap: wrap
}
#breadcrumb .breadcrumb_list .breadcrumb_item {
padding-right: 20px;
position: relative
}
#breadcrumb .breadcrumb_list .breadcrumb_item:last-child {
padding-right: 0
}
#breadcrumb .breadcrumb_list .breadcrumb_item:not(:last-child):after {
content: '>';
display: block;
position: absolute;
right: 6px;
top: 0
}
@media screen and (max-width: 767px) {
#breadcrumb {
margin-bottom: 7vw
}
} .post-header .meta {
font-size: .8em;
padding: 7px 0;
color: #555
}
.post-content {
overflow: hidden
}
.post-image {
float: left;
width: 115px
} #sidebar {
float: right;
width: 20%
}
.widget h3 {
padding-bottom: 7px
}
.widget li {
line-height: 1.8em
} #wpfront-scroll-top-container img,
.f_bnr img {
display: block
} .post-content.upage .li_02,
.post-content.upage .li_02_inul ul,
.post-content.upage .li_03,
.post-content.upage .li_03_inul ul,
.post-content.upage .li_04_inul ul,
.post-content.upage .li_narabi ul,
.post-content.upage .li_narabi_inul ul {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start
}
.post-content.upage .li_narabi ul,
.post-content.upage .li_narabi_inul ul {
justify-content: flex-start
}
.post-content.upage .li_02 li,
.post-content.upage .li_02_inul li {
width: 48%;
margin-right: 0
}
.post-content.upage .li_02 li:nth-child(2n),
.post-content.upage .li_02_inul li:nth-child(2n) {
margin-left: 4%
}
.post-content.upage .li_03 li,
.post-content.upage .li_03_inul li {
width: 32%
}
.post-content.upage .li_03 li:not(:nth-child(3n + 1)),
.post-content.upage .li_03_inul li:not(:nth-child(3n + 1)) {
margin-left: 2%
}
.post-content.upage .li_narabi ul li,
.post-content.upage .li_narabi_inul li {
margin-right: 20px
}
.post-content.upage .li_04 li,
.post-content.upage .li_04_inul li {
width: 23.5%;
}
.post-content.upage .li_04 li:not(:nth-child(4n + 1)),
.post-content.upage .li_04_inul li:not(:nth-child(4n + 1)) {
margin-left: 2%;
}
@media screen and (max-width: 767px) {
.post-content.upage .li_02 li,
.post-content.upage .li_02_inul li,
.post-content.upage .li_03 li,
.post-content.upage .li_03_inul li,
.post-content.upage .li_narabi ul li,
.post-content.upage .li_narabi_inul li {
width: 100%
}
.post-content.upage .li_narabi ul li,
.post-content.upage .li_narabi_inul li {
margin-right: 0
}
.post-content.upage .li_02 li:nth-child(2n),
.post-content.upage .li_02_inul li:nth-child(2n) {
margin-left: 0
}
.post-content.upage .li_03 li:not(:nth-child(3n + 1)),
.post-content.upage .li_03_inul li:not(:nth-child(3n + 1)) {
margin-left: 0
}
.post-content.upage .li_04 li,
.post-content.upage .li_04_inul li {
margin-left: 0;
width: 100%;
}
.post-content.upage .li_04 li:not(:nth-child(4n + 1)),
.post-content.upage .li_04_inul li:not(:nth-child(4n + 1)) {
margin-left: 0;
width: 100%;
}
} .num_list {
counter-reset: a
}
.num_list .elementor-icon-list-items li {
position: relative
}
.num_list .elementor-icon-list-items li:last-child {
margin-bottom: 0
}
.num_list .elementor-icon-list-items li:before {
content: counter(a, decimal);
counter-increment: a;
display: block;
left: 0;
line-height: 24px;
position: absolute;
text-align: center
} .anchorlinks .elementor-icon-list-items li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
.anchorlinks .elementor-icon-list-items li a {
text-decoration: none!important;
font-family: "秀英角ゴシック金 M";
}
.anchorlinks .elementor-icon-list-items li a:before {
-webkit-transition-duration: .6s;
-ms-transition-duration: .6s;
-moz-transition-duration: .6s;
transition-duration: .6s;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
display: block;
font-family: icomoon;
speak: none;
line-height: 1;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 9px;
border-color: transparent transparent transparent #b99c7b;
margin-top: -1px;
}
.anchorlinks .elementor-icon-list-items li a:hover:before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg)
}
.anchorlinks .elementor-icon-list-items li a:hover {
text-decoration: none
}
@media screen and (max-width: 767px) {
.anchorlinks .elementor-icon-list-items li {
width: 100%;
display: block;
margin: 5px 0
}
} .before_after {
position: relative
}
.before_after:before {
display: block;
content: "";
position: absolute;
top: 50%;
left: 50%
}
.before_after .elementor-icon-list-items li {
float: left;
width: 46%;
position: relative;
text-align: center;
margin-left: 8%
}
.before_after .elementor-icon-list-items li:first-child {
margin: 0
}
@media screen and (max-width: 767px) {
.before_after .elementor-icon-list-items li {
float: none;
width: 100%;
margin-left: 0
}
} .post-content.upage .beta_box .elementor-widget-wrap .elementor-widget:last-child,
.post-content.upage .border_box .elementor-widget-wrap .elementor-widget:last-child {
margin-bottom: 0!important
}
.post-content.upage .beta_box h2:before,
.post-content.upage .beta_box h3:before,
.post-content.upage .beta_box h4:before,
.post-content.upage .beta_box h5:before,
.post-content.upage .beta_box h6:before,
.post-content.upage .border_box h2:before,
.post-content.upage .border_box h3:before,
.post-content.upage .border_box h4:before,
.post-content.upage .border_box h5:before,
.post-content.upage .border_box h6:before,s
.post-content.upage .beta_box_in h2:before,
.post-content.upage .beta_box_in h3:before,
.post-content.upage .beta_box_in h4:before,
.post-content.upage .beta_box_in h5:before,
.post-content.upage .beta_box_in h6:before,
.post-content.upage .border_box_in h2:before,
.post-content.upage .border_box_in h3:before,
.post-content.upage .border_box_in h4:before,
.post-content.upage .border_box_in h5:before,
.post-content.upage .border_box_in h6:before {
position: absolute;
content: "";
background-image: none!important;
background: #20976d!important;
width: 18px!important;
height: 18px!important;
border-radius: 100%;
top: 5px!important;
left: 0!important
}
.post-content.upage .beta_box h2:after,
.post-content.upage .beta_box h3:after,
.post-content.upage .beta_box h4:after,
.post-content.upage .beta_box h5:after,
.post-content.upage .beta_box h6:after,
.post-content.upage .border_box h2:after,
.post-content.upage .border_box h3:after,
.post-content.upage .border_box h4:after,
.post-content.upage .border_box h5:after,
.post-content.upage .border_box h6:after,
.post-content.upage .beta_box_in h2:after,
.post-content.upage .beta_box_in h3:after,
.post-content.upage .beta_box_in h4:after,
.post-content.upage .beta_box_in h5:after,
.post-content.upage .beta_box_in h6:after,
.post-content.upage .border_box_in h2:after,
.post-content.upage .border_box_in h3:after,
.post-content.upage .border_box_in h4:after,
.post-content.upage .border_box_in h5:after,
.post-content.upage .border_box_in h6:after {
display: none
}
@media screen and (max-width: 767px) {
.beta_box,
.border_box,
.beta_box_in >div>div,
.border_box_in >div>div {
padding: 6vw !important;
}
.beta_box_in >div>div,
.border_box_in >div>div {
padding-bottom: 0vw !important;
}
} .qa_list + .qa_list {
margin-top: 50px
}
.qa_with_img .txt_in {
-webkit-flex: 1;
flex: 1;
width: auto
}
@media screen and (max-width: 767px) {
.qa_with_img .img_box {
width: 100%;
margin: 5vw 0 0
}
.qa_list + .qa_list {
margin-top: 7vw
}
.qa_list.qa_list02 dd,
.qa_list.qa_list02 dt {
padding-top: 13px !important
}
.qa_list > dd {
margin-top: 3vw !important;
}
} .flowList > li:last-child {
margin-bottom: 0
}
.flowList > li:last-child:after {
display: none
}
.flowList .img_wrap {    }
.flowList .txt_block {}
@media screen and (max-width: 767px) {
.flowList .img_wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
flex-direction: column-reverse;
}
.flowList .img_box {
position: relative;
top: initial;
right: initial;
padding-left: 0;
text-align: center;
margin-bottom: 15px
}
.flowList > li {
padding: 5vw !important;
margin-bottom: 12vw !important
}
.flowList.step_img_mini figure {
width: 100%;
margin-right: auto;
text-align: center;
margin: 3vw 0 0!important
}
.flowList.step_img_mini figure img {
width: 125px;
margin-left: auto;
margin-right: auto
}
.flowList .txt_block {
width: 100%
}
.upage .flowList .img_wrap figure {
width: 100% !important;
margin-left: 0 !important;
margin-top: 5vw !important
}
} .flowList_tlver li {
position: relative
}
@media screen and (max-width: 767px) {
.flowList_tlver li + li {
margin-top: 12vw
}
} .upage .timetable {
width: 100%;
table-layout: fixed;
border-collapse: collapse
}  .blog_con_in {
float: left;
width: 65%
}
.blog_con_in h2 {
font-weight: 700;
font-size: 1.8rem;
margin-bottom: 20px;
line-height: 1.6
} #blogList .post {
font-size: 1pc;
line-height: 2;
padding-bottom: 35px
}
.posts_list > li:last-child {
border: 0
}
.posts_list .txt_block {
width: 100%
}
.posts_list .post-image + .txt_block {
float: right;
width: 80%;
width: -webkit-calc(100% - 150px);
width: calc(100% - 150px)
}
.posts_list .date {
margin-top: 20px
}
.posts_list li {
width: 100%;
margin-bottom: 30px;
position: relative;
padding-bottom: 30px
}
.posts_list li:after {
content: '';
clear: both;
display: block;
height: 0;
font-size: 0;
visibility: hidden
}
.posts_list li .category {
width: 100%;
margin-bottom: 20px
}
.post .category a,
.posts_list .category a {
display: inline-block;
min-width: 107px;
height: 25px;
padding: 2px 8px;
font-size: 9pt;
font-weight: 700;
letter-spacing: 0;
color: #fff;
line-height: 20px;
box-sizing: border-box;
text-transform: uppercase;
text-decoration: none!important;
}
.posts_list .category a {
margin-right: 1em;
font-family: "解ミン 宙 B", serif;
}
.post .category a:before,
.posts_list .category a:before {
font-size: 10px;
margin-right: 7px;
vertical-align: baseline
}
.posts_list li .post-image {
position: relative;
overflow: hidden;
min-height: 26px
}
.posts_list li .post-image a {
display: block;
width: 100%;
height: 100%;
padding-top: 100%
}
.posts_list li .post-image a span {
display: block;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
transform: scale(1);
transition: ease-in-out .2s
}
.posts_list li .post-image a:hover span {
transform: scale(1.1)
}
.posts_list li .post-image span.noimage {
line-height: 0;
text-indent: 100%;
overflow: hidden
}
.posts_list h3 {
font-size: 18px;
line-height: 1.4;
margin-bottom: 20px;
letter-spacing: 0;
font-weight: 700;
width: 100%
}
.posts_list h3 a {
text-decoration: none!important
}
.posts_list .excerpt {
font-size: 14px;
line-height: 1.5;
letter-spacing: 0
} #blogDetail .post {
font-size: 14px;
line-height: 1.7
}
#blogDetail .post-header {
padding: 0;
margin-bottom: 25px
}
#blogDetail .post-header .post-meta {
margin-bottom: 45px
}
#blogDetail .post-header .post-meta li.date {
margin-top: 22px
}
.post .date,
.posts_list .date {
font-size: 10px;
letter-spacing: 0
}
.date_tag {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
margin-top: 10px
}
.date_tag .date {
width: 8em
}
.date_tag .tag {
-webkit-flex: 1;
flex: 1;
font-size: 10px
}
.date_tag .tag a {
text-decoration: none!important
}
.date_tag .tag a:after,
.date_tag .tag a:before {
content: "";
display: inline-block;
width: 5px;
height: 100%
}
.post .date span,
.posts_list .date span {
margin-left: 10px
}
.post .date span:before,
.posts_list .date span:before {
color: #7e8fab!important
}
.post .date span a,
.posts_list .date span a {
vertical-align: baseline
}
.post .date span a:hover,
.posts_list .date span a:hover {
text-decoration: underline
}
#blogDetail .post-image img {
width: 100%;
max-width: 100%
}
#blogDetail .post-image {
width: 100%;
text-align: center;
float: none;
line-height: 1;
margin-bottom: 20px
}
.post-content {
overflow: hidden;
line-height: 2.3;
letter-spacing: 0;
overflow: inherit;
}
div#blogDetail .post-content img {
width: auto;
height: auto;
max-width: 100%;
box-sizing: border-box
}
.bloginfo_box {
display: table;
width: 100%;
background: #ebe9e7;
margin-top: 60px
}
.bloginfo_box .blog_name {
display: table-cell;
width: 50%;
border-right: 1px solid #bfbebd;
box-sizing: border-box;
padding: 29px 30px;
vertical-align: middle
}
.bloginfo_box .blog_name .icon-blog {
display: block;
position: relative;
padding-left: 25px;
font-size: 1pc;
line-height: 1.6
}
.bloginfo_box .blog_name .icon-blog:before {
display: block;
font-size: 15px;
position: absolute;
left: 0;
top: 50%;
margin-top: -8px
}
.bloginfo_box .share_btn {
display: table-cell;
width: 50%;
padding: 30px 10px;
box-sizing: border-box;
text-align: center;
vertical-align: middle
}
.bloginfo_box .share_btn li {
display: inline-block;
margin: 0 5px;
vertical-align: middle
}
.bloginfo_box .share_btn li a {
display: block;
overflow: hidden;
width: 50px;
height: 50px;
border-radius: 50%;
font-size: 0;
line-height: 1
}
.bloginfo_box .share_btn li a:before {
color: #fff
}
.bloginfo_box .share_btn .icon-facebook {
background: #4967a3
}
.bloginfo_box .share_btn .icon-facebook:hover {
background: #587cc1
}
.bloginfo_box .share_btn .icon-facebook:before {
font-size: 26px;
margin-top: 9pt
}
.bloginfo_box .share_btn .icon-line {
background: #18bc01
}
.bloginfo_box .share_btn .icon-line:hover {
background: #1cde00
}
.bloginfo_box .share_btn .icon-line:before {
font-size: 29px;
margin-top: 11px
}
.bloginfo_box .share_btn .icon-twitter {
background: #11bbef
}
.bloginfo_box .share_btn .icon-twitter:hover {
background: #13c7fe
}
.bloginfo_box .share_btn .icon-twitter:before {
font-size: 24px;
margin-top: 14px
}
.bloginfo_box .share_btn .icon-google {
background: #e05c4f
}
.bloginfo_box .share_btn .icon-google:hover {
background: #fb7468
}
.bloginfo_box .share_btn .icon-google:before {
font-size: 20px;
margin-top: 15px
} .navigation {
overflow: hidden;
margin-top: 52px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between
} .pagination {
overflow: hidden;
position: relative;
padding-top: 52px;
margin-top: 30px
}
.pagination ul {
text-align: center
}
.pagination ul li {
display: inline-block;
width: 30px;
font-weight: 700
}
.pagination ul li a,
.pagination ul li span.dots {
display: block;
width: 100%;
height: 40px;
font-size: 1pc;
background: #cbcac9;
color: #373431;
line-height: 40px;
letter-spacing: 0;
font-weight: 400;
border-radius: 5px;
position: relative;
text-align: center;
box-sizing: border-box;
text-decoration: none!important
}
.pagination ul li span.dots {
background: 0
}
.pagination ul li span.current {
display: block;
width: 100%;
height: 40px;
font-size: 1pc;
background: #7e8fab;
line-height: 40px;
letter-spacing: 0;
font-weight: 400;
border-radius: 5px;
position: relative;
text-align: center;
box-sizing: border-box
}
.pagination ul li .prev {
left: 0;
padding-left: 8px
}
.pagination ul li .next,
.pagination ul li .prev {
display: block;
width: 75pt;
position: absolute;
top: 52px;
box-sizing: border-box
}
.pagination ul li .next {
right: 0;
padding-right: 8px;
font-weight: 700
}
.pagination ul li .prev span:before {
display: block;
position: absolute;
left: 8px;
top: 50%;
margin-top: -5px;
font-size: 10px
}
.pagination ul li .next span:before {
display: block;
position: absolute;
right: 8px;
top: 50%;
margin-top: -5px;
font-size: 10px
}
.pagination a:hover {
opacity: 1!important;
background: #7e8fab
}
@media screen and (max-width: 1120px) and (min-width: 768px) {
.blogside {
float: right;
width: 30%
}
.bloginfo_box .share_btn li {
margin: 0 3px
}
.bloginfo_box .share_btn li a {
width: 40px;
height: 40px
}
.bloginfo_box .share_btn .icon-facebook:before {
font-size: 22px;
margin-top: 9px
}
.bloginfo_box .share_btn .icon-line:before {
font-size: 25px;
margin-top: 8px
}
.bloginfo_box .share_btn .icon-twitter:before {
font-size: 20px;
margin-top: 11px
}
.bloginfo_box .share_btn .icon-google:before {
font-size: 1pc;
margin-top: 9pt
}
}
@media screen and (max-width: 767px) {
#blogDetail .post-header {
margin-bottom: 20px
}
#blogDetail .post-header .post-meta li.date,
#blogDetail .post-header li.category {
float: none
}
.blog_con_in {
float: none;
width: 100%
}
.bloginfo_box {
display: block
}
.bloginfo_box .blog_name {
display: block;
width: 100%;
border-right: 0;
border-bottom: 1px solid #bfbebd;
box-sizing: border-box;
padding: 20px;
text-align: center
}
.bloginfo_box .blog_name .icon-blog {
display: inline-block;
text-align: left
}
.bloginfo_box .share_btn {
display: block;
width: 100%;
padding: 20px 10px;
box-sizing: border-box
}
.navigation {
margin-top: 35px
}
.navigation ul {
clear: both;
padding-top: 20px
}
.pagination {
padding-top: 95px
}
.pagination ul li .next,
.pagination ul li .prev {
top: 30px;
width: 48%
}
.posts_list li {
float: none;
width: 100%;
margin-left: 0;
padding-bottom: 5vw;
margin-bottom: 5vw
}
#blogDetail .blog_con_in h3 {
font-size: 19px
}
.post-image {
width: 20vw
}
.posts_list .post-image + .txt_block {
width: 80%;
width: -webkit-calc(100% - 24vw);
width: calc(100% - 24vw)
}
.blog_con_in h2 {
margin-bottom: 3vw
}
.blog_con_in .posts_list .date {
margin-top: 0
}
.posts_list li .category {
margin-bottom: 4vw;
margin-top: -2vw
}
.posts_list li .category a {
margin-top: 2vw;
margin-right: 2vw
}
.blogside .recentBox li .post-image,
.blogside .recentBox li .post-image a {
width: 20vw!important;
height: 20vw!important
}
.blogside .recentBox li .post-image {
margin-left: 2vw
}
} .blogside a {
text-decoration: none!important
}
.blogside {
float: right;
width: 28%
}
.blogside h2.widgettitle {
display: none
}
.blogside h2 {
font-size: 18px;
font-weight: 700;
letter-spacing: .1em;
line-height: 1;
padding-bottom: 9px;
margin-bottom: 24px
}
.blogside h2 span {
font-size: 14px;
letter-spacing: 0;
vertical-align: middle;
display: inline-block;
margin-left: 10px
}
.blogside .searchBox {
margin-bottom: 40px
}
.blogside .searchBox label {
display: none
}
.blogside .searchBox #searchform {
position: relative
}
.blogside .searchBox #s {
background: #ebe9e7;
border: 0;
height: 55px;
width: 100%;
padding: 0 40px 0 14px;
box-sizing: border-box;
color: #72706e;
font-size: 13px;
}
.blogside .searchBox #searchsubmit,
.blogside .searchBox .icon-search:before {
position: absolute;
right: 1pc;
top: 50%;
margin-top: -8px
}
.blogside .searchBox #searchsubmit {
background: 0;
border: 0;
width: 15px;
height: 15px;
font-size: 0;
cursor: pointer
}
.blogside .categoryBox ul li {
padding-bottom: 1pc;
margin-bottom: 18px
}
.blogside .categoryBox ul li:last-child {
margin-bottom: 0
}
.blogside .categoryBox ul li a {
font-size: 18px;
font-weight: 700;
letter-spacing: .1em;
text-transform: capitalize
}
.blogside .categoryBox ul li a,
.blogside .categoryBox ul li a span {
transition: all .3s ease;
-webkit-transition: all .3s ease;
display: block
}
.blogside .categoryBox ul li a span {
font-size: 14px;
letter-spacing: 0;
line-height: 1;
text-transform: initial
}
.blogside .recentBox {
margin-bottom: 50px
}
.blogside .categoryBox {
margin-bottom: 50px;
}
.blogside .recentBox li {
font-size: 13px;
padding-bottom: 13px;
margin-bottom: 13px;
line-height: 1.3
}
.blogside .recentBox li:last-child {
margin-bottom: 0
}
.blogside .recentBox li .recent_thumbnail {
float: right;
width: 3pc;
height: 3pc;
margin-left: 9pt;
position: relative;
overflow: hidden
}
.blogside .recentBox li .recent_thumbnail a {
display: block;
width: 3pc;
height: 3pc;
line-height: 1
}
.blogside .recentBox li .recent_thumbnail a span {
display: block;
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transform: scale(1)
}
.blogside .recentBox li .recent_thumbnail a:hover {
transform: scale(1.1)
}
.blogside .recentBox li h2 a {
transition: all .3s ease;
-webkit-transition: all .3s ease;
display: block
}
.blogside .recent_date {
font-size: 10px;
margin-top: 5px
}
.blogside .recentBox li a {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between
}
.blogside .recentBox li .recent_title {
-webkit-flex: 1;
flex: 1
}
.blogside .recentBox li .post-image {
margin-left: 20px
}
.blogside .recentBox li .post-image,
.blogside .recentBox li .post-image a {
width: 3pc!important;
height: 3pc!important;
display: block
}
.blogside .recentBox li .post-image span {
background-size: 100%;
width: 100%;
height: 100%;
display: block
}
.blogside .tagBox {
margin-bottom: 40px
}
.blogside .tagBox h2 {
margin-bottom: 9pt
}
.blogside .tagBox a {
display: inline-block;
padding: 7px 10px;
font-size: 14px!important;
line-height: 1;
border-radius: 3px;
transition: all .3s ease;
-webkit-transition: all .3s ease;
margin-bottom: 9px;
letter-spacing: 0;
word-break: break-all
}
.archiveBox {
font-size: 14px;
line-height: 1.4
}
.archiveBox > ul > li {
margin-top: 20px
}
.archiveBox > ul > li:first-child {
margin: 0
}
.archiveBox ul li p {
position: relative;
margin: 0;
padding-left: 22px;
cursor: pointer;
display: inline-block
}
.archiveBox ul li p.acv_open,
.archiveBox ul li p:hover {
font-weight: 700
}
.archiveBox ul li p:before {
display: block;
content: '';
position: absolute;
top: 4px;
left: 0;
width: 8px;
height: 8px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
box-sizing: border-box
}
.archiveBox ul li p.acv_open:before {
top: 1px;
left: 2px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.archiveBox ul li a:link {
text-decoration: underline
}
.archiveBox ul li a:hover {
font-weight: 700
}
.archiveBox ul li ul {
margin-left: 44px
}
.archiveBox ul li li {
margin-top: 10px
}
.archiveBox ul li ul.hide {
display: none
}
@media screen and (max-width: 1120px) and (min-width: 768px) {
.blogside {
float: right;
width: 30%
}
.blogside h2 span {
font-size: 9pt
}
}
@media screen and (max-width: 767px) {
.blogside {
float: none;
width: 100%;
padding: 46px 0 0;
box-sizing: border-box;
margin-top: 35px
}
} .elementor-section-wrap > .elementor-section-boxed {
padding: 0
}
.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
padding: 0!important
}
#footer .f_bottom .elementor-section-boxed,
.container,
.container_in .elementor-container,
.elementor-top-section.elementor-section-boxed > .elementor-container,
.post-header > * {
padding: 0 20px;
box-sizing: border-box;
margin-left: auto;
margin-right: auto
}
.post-content.upage .elementor-column.beta_box,
.post-content.upage .elementor-column.border_box,
.post-content.upage .elementor-column.beta_box_in,
.post-content.upage .elementor-column.border_box_in,
.post-content.upage .elementor-widget,
.post-content.upage .elementor-widget:not(:last-child):not(.elementor-widget-spacer) {
margin-bottom: 30px
}
.post-content.upage .elementor-widget-spacer {
margin-bottom: 0!important
}
.elementor-widget:not(:last-child).elementor-widget-spacer {
margin-bottom: 0
}
.col_02_block .elementor-col-50 {
width: 48%!important
}
.post-content.upage .col_02_block .elementor-col-50 .elementor-widget {
margin-bottom: 0!important
}
.col_02_block .elementor-row {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between
}
@media screen and (max-width: 767px) {
.container,
.container_in .elementor-container,
.elementor-top-section.elementor-section-boxed > .elementor-container,
.post-header > * {
padding: 0 6vw
}
.post-content.upage .elementor-column.beta_box,
.post-content.upage .elementor-column.border_box,
.post-content.upage .elementor-column.beta_box_in,
.post-content.upage .elementor-column.border_box_in,
.post-content.upage .elementor-widget,
.post-content.upage .elementor-widget:not(:last-child):not(.elementor-widget-spacer) {
margin-bottom: 6vw
}
.col_02_block .elementor-row {
display: block
}
.col_02_block .elementor-col-50 {
width: 100%!important
}
.col_02_block .elementor-col-50 + .elementor-col-50 {
margin-top: 6vw
}
} #footer a img,
#main a,
.over img {
text-decoration: underline;
opacity: 1;
transition: .5s ease;
-webkit-transition: .5s ease
}
#footer a:hover,
#footer a:hover img,
#main a:hover,
.over:hover img {
opacity: .7;
transition: .5s ease;
-webkit-transition: .5s ease;
text-decoration: none!important
}
.elementor-widget-image-box .elementor-image-box-description {
text-align: left
}
.elementor-widget .elementor-icon-list-item em a {
display: inline!important
}
sup {
vertical-align: text-bottom;
font-size: 70%
}
strong {
font-weight: 700
} .img_border img {
display: block!important;
position: relative;
border: 1px solid #ccc!important
}
.float_r figure {
float: right;
margin-bottom: 15px!important
}
.float_r .elementor-image-box-wrapper {
display: block!important
}
@media screen and (max-width: 767px) {
.elementor-image-box-img,
.float_r figure {
width: 100%!important;
margin-bottom: 4vw!important
}
.float_r figure {
float: inherit
}
} .post-content.upage > div > div > div > section:first-child > div > div > div > div > div > div:first-child h2,
.post-content.upage > div > div > div > section:first-child > div > div > div > div > div > div:first-child h3,
.post-content.upage > div > div > div > section:first-child > div > div > div > div > div > div:first-child h4,
.post-content.upage > div > div > div > section:first-child > div > div > div > div > div > div:first-child h5,
.post-content.upage > div > div > div > section:first-child > div > div > div > div > div > div:first-child h6 {
margin-top: 0
} .elementor-button {
text-decoration: none!important;
position: relative!important
}
.btn_mt00 .elementor-button {
margin-top: 0!important
}
@media screen and (max-width: 767px) {
.elementor-button {
min-width: inherit!important;
display: block!important
}
} .table_color {
width: 100%
}
.table_price tr > *,
.table_price.table_color tbody th {
width: 50%;
text-align: center;
padding: 5px
}
.table_price.table_price03 td,
.table_price.table_price03 th {
width: 33%!important
}
.table_price.table_price04 td,
.table_price.table_price04 th {
width: 25%!important
}
.table_col03 td,
.table_col03 th {
width: 33.333333%
}
.tdc td,
.thc th,
.theadc thead th {
text-align: center
}
.tdt td {
vertical-align: top
}
.table_col01with02 tbody th,
.table_col01with02 thead th:first-child {
width: 26%!important
}
.table_col01with02 tbody td,
.table_col01with02 thead th:not(:first-child) {
width: 37%
} .sitemappage_sitemap,
.sitemappage_sitemap li,
.sitemappage_sitemap li a {
position: relative
}
.sitemappage_sitemap li:before,
.sitemappage_sitemap:before {
content: "";
background-image: linear-gradient(to right, #888, #888 5px, transparent 5px, transparent 10px);
background-size: 8px 1px;
background-repeat: repeat-x;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 1px
}
.sitemappage_sitemap:before {
top: inherit;
bottom: 0
}
.sitemappage_sitemap li a {
width: 100%;
display: block;
padding: 20px 30px;
text-decoration: none!important;
line-height: 1.6
}
.sitemappage_sitemap li li {
margin-left: 40px
}
.sitemappage_sitemap li a:before {
content: "";
position: absolute;
width: 10px;
height: 10px;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
border-radius: 50%
}
.sitemappage_sitemap li a:after {
border-right: 2px solid #888;
border-bottom: 2px solid #888;
width: 10px;
height: 10px;
position: absolute;
content: "";
top: 50%;
right: 20px;
-webkit-transform: translate(0, -50%) rotate(-45deg);
transform: translate(0, -50%) rotate(-45deg)
}
.sitemappage_sitemap li a span {
display: none
}
.sitemappage_sitemap .sub-menu {
display: block!important
}
@media screen and (max-width: 767px) {
.sitemappage_sitemap li a {
padding: 10px 20px
}
.sitemappage_sitemap li a:after {
right: 7px
}
} body#inquiry #header .wrap {
justify-content: center
}
body#inquiry #header .right {
display: none
}
body#inquiry #header .logo {
float: none;
margin: 0;
justify-content: center
}
body#inquiry #header .gnav,
body#inquiry #header .toggleMenu {
display: none!important
}
body.page-id-425 {
background: #fff
}
.wrap_contact {
max-width: 50pc;
margin: 0 auto;
padding: 0 20px
}
.wrap_contact .btn a {
margin: 0 auto
}
.inquiryForm_message {
text-align: center
}
.step_list {
width: 467px;
margin: 0 auto 90px
}
.step_list li {
float: left;
width: 75pt;
margin-left: 83px;
text-align: center;
font-size: 18px;
font-weight: 700;
line-height: 1;
position: relative
}
.step_list li:first-child {
margin: 0
}
.step_list li span {
display: block;
width: 54px;
height: 54px;
border-radius: 50%;
text-align: center;
line-height: 57px;
margin: 0 auto 9pt;
font-size: 22px;
font-weight: 700;
letter-spacing: 0;
position: relative;
}
.step_list li span:after {
display: block;
content: "";
width: 130px;
height: 1px;
position: absolute;
top: 50%;
left: 54px
}
.step_list li:last-child span:after {
display: none
}
.inquiryForm_message .step_catch {
font-size: 1pc;
text-align: center;
letter-spacing: .05em;
margin-bottom: 44px
}
.inquiryFormTable {
font-size: 1pc;
padding-top: 22px
}
.inquiryFormTable dl {
display: table;
width: 100%
}
.inquiryFormTable dd,
.inquiryFormTable dt {
display: table-cell;
padding: 20px 0 24px;
text-align: left;
vertical-align: top
}
.inquiryFormTable dt {
border-right: 0;
position: relative;
width: 29%;
padding-top: 31px;
letter-spacing: .1em;
box-sizing: border-box;
font-weight: 700;
padding-right: 5pc
}
.inquiryFormTable dd {
box-sizing: border-box;
position: relative;
padding-right: 40px
}
form .s_txt div {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start
}
form .s_txt div span input {
width: 75pt;
margin-right: 1em
}
.wpcf7-form-control-wrap {
display: block
}
.inquiryFormTable input,
.inquiryFormTable select,
.inquiryFormTable textarea {
display: block;
width: 100%;
box-sizing: border-box;
padding: 13px 14px 14px;
background: #fff;
border-radius: 5px;
font-size: 1pc
}
dd.with_tl {
width: 100%;
display: block
}
.with_tl p + p {
margin-top: 0!important
}
dd.with_tl + dd.with_tl {
padding-top: 0!important
}
.inquiryFormTable select {
position: relative;
background: #fff url(//akala-clinic.jp/wp-content/themes/genova_tpl/img/ico_select.png)no-repeat right center;
background-size: 50px 50px;
background-size: contain;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none
}
.inquiryFormTable select::-ms-expand {
display: none
}
.inquiryFormTable input[type="checkbox"] {
display: none;
width: 2pc;
height: 2pc;
border: 0;
position: relative;
margin-right: 0;
visibility: hidden;
z-index: 1;
-webkit-appearance: none;
background: 0;
box-sizing: border-box
}
.inquiryFormTable .wpcf7-list-item {
width: 100%;
display: block;
margin: 0 0 13px;
box-sizing: border-box
}
.wpcf7-list-item-label {
position: relative
}
span.wpcf7-list-item-label:after,
span.wpcf7-list-item-label:before {
display: none
}
.inquiryFormTable .comment {
display: block;
font-size: 13px;
margin-top: .4em;
letter-spacing: 0
}
.inquiryFormTable .optional,
.inquiryFormTable .required {
font-size: 14px;
font-weight: 700;
padding-left: 0;
width: 46px;
height: 22px;
border-radius: 10px;
text-align: center;
display: inline-block;
line-height: 22px;
position: absolute;
top: 36px;
right: 28px
}
.inquiryFormTable .btBox {
text-align: center;
margin: 103px 0 5pc
}
.inquiryFormTable .btBox:after {
content: "";
display: table;
clear: both
}
.inquiryFormTable .btBox input[type="submit"] {
background: url(//akala-clinic.jp/wp-content/themes/genova_tpl/img/ico_arrow02.png)no-repeat 95% center!important;
background-size: 6px 10px!important;
border: 0;
width: 100%;
color: #fff;
display: block;
line-height: 1.2;
cursor: pointer;
box-sizing: border-box;
margin: 0 auto;
border-radius: 0!important;
outline: 0;
-webkit-appearance: none;
font-size: 2.6rem;
letter-spacing: .1em;
padding: 30px 30px 30px 30px;
text-align: center;
font-weight: 700;
}
.inquiryFormTable .btBox input[type="submit"].disabled {
background: url(//akala-clinic.jp/wp-content/themes/genova_tpl/img/ico_arrow01.png)no-repeat 96% center!important;
background-size: 6px 10px!important;
opacity: 1!important;
pointer-events: none;
cursor: default;
}
.inquiryFormTable .btBox input[type="submit"].abled {
background: #f89d10
}
.inquiryFormTable .wpcf7-back {
width: 37.5%!important;
background: url(//akala-clinic.jp/wp-content/themes/genova_tpl/img/ico_arrow02_r.png)no-repeat 15px center!important;
background-size: 6px 10px!important;
border: 0;
line-height: 1.2;
cursor: pointer;
box-sizing: border-box;
margin: 0 auto;
border-radius: 0!important;
outline: 0;
-webkit-appearance: none;
font-size: 2.6rem;
letter-spacing: .1em;
padding: 30px 2pc 30px 40px;
float: left;
text-align: center
}
.inquiryFormTable .wpcf7-submit {
width: 58.5%!important;
float: right;
text-align: left
}
.inquiryFormTable .btBox input[type="button"]:hover,
.inquiryFormTable .btBox input[type="submit"]:hover {
opacity: .8
}
span.verify_icon {
position: absolute;
width: 25px;
height: 25px;
right: -42px;
top: 13px;
display: none
}
.verified_table .wpcf7-validates-as-required:not(.wpcf7-not-valid) + .verify_icon {
display: block
}
.verified_table .wpcf7-validates-as-required:not(.wpcf7-not-valid) + .verify_icon:before {
font-size: 25px;
vertical-align: top
}
.confirm_table .verify_icon {
display: none!important
}
.inquiryFormTable .wpcf7-not-valid-tip {
font-weight: 400;
display: block;
font-size: 9pt
}
.file_btn {
display: block;
overflow: hidden;
position: relative;
width: 123px;
height: 30px;
font-size: 14px;
line-height: 30px;
text-align: center;
cursor: pointer;
margin-top: 13px
}
.file_btn .wpcf7-form-control-wrap {
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
right: 0;
top: 0;
margin: 0;
width: 100%;
height: 30px
}
div.wpcf7 input[type="file"] {
padding: 0;
border: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 30px
}
.custom-wpcf7c-confirmed .confirm_table .optional,
.custom-wpcf7c-confirmed .confirm_table .required,
.custom-wpcf7c-confirmed .confirm_table .wpcf7-form-control-wrap.your-email_confirm,
.custom-wpcf7c-confirmed .confirm_table .wpcf7-form-control-wrap.your-tel_confirm,
.custom-wpcf7c-confirmed .confirm_table .wpcf7-list-item-label,
.custom-wpcf7c-confirmed .confirm_table input[type="checkbox"],
.custom-wpcf7c-confirmed .confirm_table input[type="email"],
.custom-wpcf7c-confirmed .confirm_table input[type="tel"],
.custom-wpcf7c-confirmed .confirm_table input[type="text"],
.custom-wpcf7c-confirmed .confirm_table select,
.custom-wpcf7c-confirmed .confirm_table span.comment,
.custom-wpcf7c-confirmed .confirm_table textarea {
display: none
}
.result_txt {
display: block;
word-break: break-all;
white-space: pre-wrap
}
.custom-wpcf7c-confirmed .confirm_table .wpcf7-list-item {
padding-left: 0
}
.custom-wpcf7c-confirmed .confirm_table dd,
.custom-wpcf7c-confirmed .confirm_table dt {
padding: 9pt 0 10px
}
.wpcf7-mail-sent-ok,
div.wpcf7 .ajax-loader,
div.wpcf7-validation-errors {
display: none!important
} .radio_style label {
display: inline-block;
margin: 0 5px 0 0
}
.radio_style input[type="radio"] {
box-sizing: border-box;
max-width: 100%;
font-size: 100%;
padding: 0;
vertical-align: baseline;
width: auto;
margin: 0 5px 0 0;
position: absolute;
opacity: 0;
pointer-events: none
}
.radio_style span {
padding-left: 8vw;
position: relative;
cursor: pointer;
padding-right: 4vw;
display: block;
width: 101%;
width: 75pt
}
.radio_style span:before {
width: 5vw;
height: 5vw;
left: 0
}
.radio_style input:checked + .radio_txt:after,
.radio_style span:before {
content: "";
display: block;
border-radius: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.radio_style input:checked + .radio_txt:after {
width: 2.9vw;
height: 2.9vw;
left: 1.1vw
}
.confirm_table .radio_style span:before,
.confirm_table .radio_txt {
display: none
}
.confirm_table .radio_style span {
padding: 0
}
.confirm_table .radio_style label {
margin: 0
}
.confirm_table .form_narabi {
margin: 0;
display: table
}
.confirm_table .form_narabi li {
margin: 0;
display: table-cell
}
.confirm_table .radio_style input[type="radio"] {
display: none
} .checkbox_style label {
display: inline-block;
margin: 0 5px 0 0
}
.checkbox_style input[type="checkbox"] {
box-sizing: border-box;
max-width: 100%;
font-size: 100%;
padding: 0;
vertical-align: baseline;
width: auto;
margin: 0 5px 0 0;
position: absolute;
opacity: 0;
pointer-events: none
}
.checkbox_style span {
padding-left: 8vw;
position: relative;
cursor: pointer;
padding-right: 4vw;
display: block;
width: 101%;
width: 75pt
}
.checkbox_style span:before {
content: "";
display: block;
width: 5vw;
height: 5vw;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.checkbox_style input:checked + .checkbox_txt:after {
content: "";
display: block;
position: absolute;
top: .6vw;
left: 1.5vw;
width: 2vw;
height: 3.5vw;
transform: rotate(40deg)
} .form_narabi {
margin-top: -4vw
}
.form_narabi li {
display: inline-block;
margin-top: 4vw
}
@media screen and (max-width: 1120px) {
.inquiryFormTable dt {
width: 35%
}
}
@media screen and (max-width: 767px) {
.wrap_contact {
padding: 0
}
.step_list {
width: 25pc;
margin: 0 auto 60px
}
.step_list li {
margin-left: 50px
}
.inquiryFormTable dl {
display: block
}
.inquiryFormTable dd,
.inquiryFormTable dt {
display: block;
padding: 0;
width: 100%;
box-sizing: border-box
}
.inquiryFormTable dd {
padding: 10px 40px 30px 0
}
.inquiryFormTable .optional,
.inquiryFormTable .required {
position: static;
margin-left: 20px;
display: inline-block;
margin-top: -2px;
vertical-align: middle
}
.inquiryFormTable .btBox {
margin: 50px 0
}
.inquiryFormTable .btBox input[type="submit"],
.inquiryFormTable .wpcf7-back {
width: 100%!important;
float: none;
font-size: 20px;
padding: 28px 20px 28px;
box-sizing: border-box;
text-align: center;
}
.inquiryFormTable .wpcf7-back {
margin-bottom: 15px
}
.file_btn {
margin-top: 0
}
.custom-wpcf7c-confirmed .confirm_table dd,
.custom-wpcf7c-confirmed .confirm_table dt {
padding: 5px 0
}
.step_list {
width: 270px
}
.step_list li {
width: 70px;
margin-left: 30px;
font-size: 1pc
}
.step_list li span:after {
width: 60px
}
.inquiryForm_message .step_catch {
font-size: 9pt;
letter-spacing: 0
}
.inquiryFormTable .btBox input[type="submit"],
.inquiryFormTable .wpcf7-back {
font-size: 1pc;
letter-spacing: .1em; }
}
@media screen and (min-width: 768px) { .radio_style label {
margin: 0
}
.radio_style span {
padding-left: 40px;
padding-right: 30px
}
.radio_style span:before {
width: 26px;
height: 26px
}
.radio_style input:checked + .radio_txt:after {
height: 1pc;
width: 1pc;
left: 6px
} .checkbox_style span:before {
width: 26px;
height: 26px
}
.checkbox_style span {
padding-left: 40px;
padding-right: 30px
}
.checkbox_style input:checked + .checkbox_txt:after {
width: 11px;
height: 15px;
left: 7px;
top: 8px
}
.checkbox_style_narabi li {
margin-top: 10px
}
.checkbox_style_narabi {
margin-top: -10px
} .form_narabi {
padding-top: 10px;
margin-top: -10px
}
.form_narabi li {
margin-top: 10px;
line-height: 2
}
} .step_narabi {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
margin-top: -3.333333%
}
.step_narabi > li {
width: 33.333333%;
line-height: 1;
position: relative;
padding-left: 3.333333%;
margin-top: 3.333333%
}
.step_narabi img {
display: block
}
.step_narabi > li:not(:first-child):before {
display: block;
content: "";
border-bottom: 20px solid transparent;
border-top: 20px solid transparent;
position: absolute;
top: 50%;
left: 3%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
@media screen and (max-width: 767px) {
.step_narabi > li {
width: 50%;
padding-left: 5vw;
margin-top: 6%
}
.step_narabi {
margin-top: -6%
}
.step_narabi > li:not(:first-child):before {
border-width: 4vw 0 4vw 2.8vw;
left: 1.5vw
}
} .tabl_ori_kamoku td,
.tabl_ori_kamoku thead th:not(:first-child) {
width: 45%
}
.tabl_ori_kamoku tbody th,
.tabl_ori_kamoku thead th:first-child {
width: 10%
}
.post-content.upage a[target="_blank"] {
background-size: 1em
}
.elementor-widget-image-box .elementor-image-box-img {
text-align: center
}
.elementor-widget-image-box .elementor-image-box-img img {
display: block;
margin-left: auto;
margin-right: auto
}
.post-content.upage a {
word-break: break-all
}
.prof_img_box {
}
.prof_img_box .img {
max-width: 330px;
margin-left: 50px
}
.prof_img_box .txt {
-webkit-flex: 1;
flex: 1
}
#footer img,
.elementor img {
height: auto !important;
max-width: 100% !important;
border: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
display: block
}
.post-content.upage .col_03 {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between
}
.post-content.upage .col_03 li {
width: 32%;
margin-top: 2%
}
.post-content.upage .col_03 img {
display: block
}
.googlecal {
position: relative;
overflow: hidden
}
.googlecal iframe {
width: 100%;
height: 100%
}
.upage .col_block02 > div > div {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.upage .col_block02 > div > div > div {
width: 47% !important;
}
.upage .col_block03 > div > div {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
}
.upage .col_block03 > div > div > div {
width: 31.5% !important;
}
.upage .col_block04 > div > div {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
}
.upage .col_block04 > div > div > div {
width: 23.5% !important;
}
.kakomi_narabi > div > div > div {
width: 48% !important;
}
.kakomi_narabi > div > div {
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.prof_img_box {
flex-direction: column
}
.prof_img_box .txt {
width: 100%
}
.post-content.upage .sp_col_02 li {
width: 49%
}
.googlecal {
height: 100vw
}
.table_scroll {
overflow-x: auto;
}
.table_scroll:before {
content: "※横スクロールで全体を見ることができます。";
}
.table_scroll table {
width: 250vw;
table-layout: fixed;
}
.upage .col_block03 > div > div > div {
width: 100% !important;
}
.upage .col_block04 > div > div {
flex-direction: column;
}
.upage .col_block04 > div > div > div {
width: 100% !important;
}
.kakomi_narabi > div > div > div {
width: 100% !important;
}
}
@media screen and (min-width: 768px) {
.upage .col_block03 > div > div > div:not(:nth-child(3n+1)) {
margin-left: 2.75%;
}
.upage .col_block04 > div > div > div:not(:nth-child(4n+1)) {
margin-left: 2%;
}
}
@media screen and (max-width: 1120px) and (min-width: 768px) {
.kakomi_narabi > div > div {
display: block;
}
.kakomi_narabi > div > div > div {
width: 100% !important;
}
}
@media screen and (min-width: 768px) {
.col_block03 + .col_block03 {
margin-top: 20px;
}
}
.bxslider li {
display: none;
} .bxslider li:first-child{
display: block; }
.bxslider .slick-track .slick-slide li {
display: block;
} .post-content.upage:before {
position: absolute;
content: "";
width: 295px;
height: 480px;
background: rgba(255,255,255,0.4);
right: 0;
z-index: -1;
top: 161px;
}
.post-content.upage:after {
position: absolute;
content: "";
width: 121px;
height: 121px;
background: url(//akala-clinic.jp/wp-content/uploads/under_icon04.png) no-repeat;
right: 0;
bottom: 0;
background-size: cover;
z-index: -1;
}
.post-contentS {
position: relative;
padding-bottom: 70px;
}
.post-contentS:before,
.post-contentS:after {
position: absolute;
content: "";
}
.post-contentS:before {
width: 1027px;
height: 1150px;
bottom: 0;
left: 0;
background: url(//akala-clinic.jp/wp-content/uploads/under_icon08-1.jpg) no-repeat left top;
background-size: cover;
}
.post-contentS:after {
width: 144.41px;
height: 145px;
top: 760px;
right: 0;
background: url(//akala-clinic.jp/wp-content/uploads/under_icon14.png) no-repeat center;
background-size: cover;
z-index: -1;
}
.post-content.upage .box {
max-width: 1260px;
margin: 0 auto;
box-sizing: border-box;
padding: 0 30px;
}
.post-content2 {
width: 100%;
margin: 0 auto;
background: #fff;
padding: 40px;
box-sizing: border-box;
}
.post-content.upage {
position: relative;
z-index: 2;
margin-top: -50px;
}
.post-content2 {
position: relative;
}
.post-content2:before,
.post-content2:after {
position: absolute;
content: "";
}
.post-content2:before {
width: 64px;
height: 64px;
background: url(//akala-clinic.jp/wp-content/uploads/under_icon01.png) no-repeat;
background-size: cover;
top: -30px;
left: -30px;
}
.post-content2:after {
width: 47px;
height: 47px;
background: url(//akala-clinic.jp/wp-content/uploads/under_icon03.png) no-repeat;
background-size: cover;
bottom: -30px;
left: -30px;
}
.post-content3 {
position: relative;
}
.post-content3:before {
position: absolute;
content: "";
width: 101px;
height: 101px;
background: url(//akala-clinic.jp/wp-content/uploads/under_icon02.png) no-repeat;
background-size: cover;
top: -16px;
right: -16px;
}
@media screen and (max-width: 767px) {
.post-content2 {
padding: 0;
}
} .conversion {
background: url(//akala-clinic.jp/wp-content/uploads/contact_bg-scaled.jpg) no-repeat right center;
background-size: cover;
padding: 71px 0 71px;
}
.conversion .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.conversion .container .left {
width: 62%;
color: #fff;
}
.conversion .container .conver_right {
width: 38%;
max-width: 400px;
}
.conversion .container .conver_right img {
width: 100%;
}
.conversion .title_h2 h2 {
font-family: 'Sawarabi Mincho';
font-style: normal;
font-weight: 400;
font-size: 40px;
letter-spacing: 0.08em;
color: #FFFFFF;
line-height: 1.2;
}
.conversion .txt1 {
font-size: 14px;
letter-spacing: .08em;
font-family: "Sawarabi Mincho",serif;
font-weight: 400;
font-style: normal;
}
.conversion .title {
font-size: 24px;
color: #ffeeed;
letter-spacing: .08em;
padding-top: 60px;
font-family: "Sawarabi Mincho",serif;
font-weight: 400;
font-style: normal;
}
.conversion .txt2 {
font-size: 16px;
letter-spacing: .08em;
line-height: 1.6;
margin-top: 15px;
font-family: "Sawarabi Mincho",serif;
font-weight: 400;
font-style: normal;
}
.conversion .container .right ul li:nth-child(1) {
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.conversion {
background: url(//akala-clinic.jp/wp-content/uploads/contact_bg-scaled.jpg) no-repeat center center;
background-size: cover;
padding: 40px 0 40px;
}
.conversion .container {
display: block;
}
.conversion .container .left {
width: 100%;
margin-bottom: 30px;
}
.conversion .container .conver_right {
width: 100%;
max-width: 100%;
}
.conversion .title {
padding-top: 30px;
}
.conversion .txt2 {
font-size: 15px;
letter-spacing: 0;
}
} #footer2 {
padding: 82px 0 300px;
}
#footer2 .btnBox .btnList {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
column-gap: 13px;
margin-bottom: 64px;
}
#footer2 .btnBox .btnList li {
width: calc((100% - 39px) / 4);
margin-bottom: 3px;
}
#footer2 .btnBox .btnList li img {
width: 100%;
}
#footer2 .bottomBox img {
width: 205px;
height: 40px;
}
#footer2 .bottomBox .box {
display: flex;
justify-content: space-between;
color: #ab8d6e;
line-height: 1.6;
letter-spacing: .02em;
margin-top: 30px;
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 400;
font-size: 14px;
align-items: flex-end;
}
#footer2 .bottomBox .sitemap a {
color: #AB8D6E;
font-size: 14px;
letter-spacing: 0.08em;
font-family: "Sawarabi Mincho",serif;
font-weight: 400;
font-style: normal;
text-decoration: none !important;
position: relative;
}
#footer2 .bottomBox .sitemap a:before {
position: absolute;
content: "";
width: 14px;
height: 14px;
top: 0;
left: -18px;
background: url(//akala-clinic.jp/wp-content/uploads/specialist_icon02.png) no-repeat;
background-size: cover;
}
#footer2 .bottomBox .copyright {
font-size: 10px;
color: #C5BBAE;
letter-spacing: 0.08em;
padding-top: 20px;
}
@media screen and (max-width: 767px) {
#footer2 {
padding: 40px 0 240px;
}
#footer2 .btnBox .btnList {
display: block;
}
#footer2 .btnBox .btnList li {
width: 100%;
margin-bottom: 10px;
}
} .fixedBox {
max-width: 390px;
position: fixed;
bottom: -10px;
right: 0;
z-index: 111;
}
.fixedBox ul {
display: flex;
justify-content: space-between;
}
.fixedBox ul img {
width: 100%;
}
   .mb,
.sp,
.sptb,
.tb {
display: none!important
}
@media screen and (min-width:768px) and (max-width:1120px) {
.tb {
display: block!important
}
.tb_none_pc {
display: none!important
}
}
@media screen and (max-width: 960px) {
.sptb {
display: block!important;
}
.sptb_none {
display: none!important
}
}
@media screen and (max-width: 767px) {
.sp {
display: block!important
}
.pc,
.tb_none_pc {
display: none!important
}
}
@media screen and (max-width: 480px) {
.mb {
display: block!important
}
.pcm {
display: none!important
}
} @media screen and (max-width: 767px) {
.prof_img_box .img {
width: 100% !important;
margin: 0 0 6vw;
max-width: inherit
}
}  .fr {
float: right!important
}
.fl {
float: left!important
} .clearfix {
*zoom: 1
}
.clearfix:after {
content: "";
display: table;
clear: both
}
.cl {
clear: both!important
} .textHide {
overflow: hidden;
text-indent: 100%;
white-space: nowrap
} .tac {
text-align: center!important
}
.tar {
text-align: right!important
}
.tal {
text-align: left!important
} .txtb {
font-size: 140%!important
} .mts {
margin-top: 15px !important
}
.mbs {
margin-bottom: 15px !important
}
.mtm {
margin-top: 40px!important
}
.mtl {
margin-top: 75px!important
}
.mbl {
margin-bottom: 75px !important
}
.mt00 {
margin-top: 0 !important
}
.mb00,
.post-content.upage .elementor-widget.mb00,
.post-content.upage .elementor-widget:not(:last-child).mb00 {
margin-bottom: 0 !important
}
.pt00 {
padding-top: 0 !important
}
.pb00 {
padding-bottom: 0 !important
}
.post-content.upage .tl_mt00 h2,.post-content.upage .tl_mt00 h3,.post-content.upage .tl_mt00 h4,.post-content.upage .tl_mt00 h5,.post-content.upage .tl_mt00 h6,.post-content.upage .tl_mt00 p {
margin-top: 0 !important;
}
.post-content.upage .tl_mb00 h2,.post-content.upage .tl_mb00 h3,.post-content.upage .tl_mb00 h4,.post-content.upage .tl_mb00 h5,.post-content.upage .tl_mb00 h6,.post-content.upage .tl_mb00 p {
margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
.mts {
margin-top: 2vw!important
}
.mbs {
margin-bottom: 2vw!important
}
.mtm {
margin-top: 4vw!important
}
.mtl {
margin-top: 10vw!important
}
.mbl {
margin-bottom: 10vw!important
}
}.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 100% !important;
}
.elementor-top-section.elementor-section-boxed > .elementor-container {
max-width: 100% !important;
padding: 0;
}
body {
font-family: "Sawarabi Mincho",serif;
font-weight: 400;
font-style: normal;
}
.container {
max-width: 1140px;
padding: 0 30px;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
.position_ab {
position: relative;
z-index: 1;
}
.position_ab:before {
position: absolute;
content: "";
}
.position_ab:after {
position: absolute;
content: "";
}
.position_b {
position: relative;
z-index: 1;
}
.position_b:before {
position: absolute;
content: "";
} body#top #header .logo {
background: none;
}  #mainimage {
margin-top: 0;
}
#mainimage .mainimage_txt {
position: absolute;
max-width: 570px;
right: 40px;
top: 110px;
z-index: 99;
}
@media screen and (max-width: 1210px) {
#mainimage .mainimage_txt {
position: absolute;
max-width: 460px;
top: 80px;
}
} .menu_sp ul {
display: flex;
justify-content: space-between;
}
.menu_sp ul li {
width: calc(100% / 5);
}
.menu_sp ul li a {
font-size: 10px;
text-decoration: none;
display: block;
width: 100%;
text-align: center;
background: #54442E;
color: #fff;
font-family: "Sawarabi Mincho",serif;
font-weight: 400;
font-style: normal;
padding: 10px 0;
position: relative;
}
.menu_sp ul li:nth-child(2) a,
.menu_sp ul li:nth-child(4) a {
background: url(//akala-clinic.jp/wp-content/uploads/menu_bg.png) no-repeat;
background-size: cover;
}
.menu_sp ul li a:before {
position: absolute;
content: "";
width: 4px;
height: 4px;
background: url(//akala-clinic.jp/wp-content/uploads/icon_01.png) no-repeat;
bottom: 0;
right: 0;
background-size: cover;
}
@media screen and (max-width: 960px) {
#mainimage .mainimage_txt {
top: 80px;
width: 45%;
}
.mainimage_txt02 {
position: absolute;
content: "";
bottom: 30px;
left: 16px;
width: 128px;
height: 128px;
z-index: 99;
}
.mainimage_txt03 {
position: absolute;
content: "";
top: 15px;
max-width: 195px;
z-index: 99;
left: 15px;
width: 32%;
}
} .featuresSec {
margin-top: 70px;
margin-bottom: 90px;
}
.featuresSlider .slick-slide {
color: #fff;
}
.featuresSec > .elementor-container > .elementor-row {
width: 90%;
margin-left: auto;
padding: 0;
}
.featuresSlider .slick-list {
padding: 0 16% 0 0 !important;
}
.featuresSlider .slick-slide > div {
margin-right: 24px;
}
.featuresSlider img {
width: 100%;
}
.featuresSec .navSlider {
margin-top: 5px;
}
.navSlider .slick-slider {
width: 76%;
max-width: 90px;
height: 40px;
margin-left: 0;
margin-left: auto;
margin-right: 130px;
}
.navSlider .slick-dots {
padding: 0 52px;
bottom: inherit;
height: 4px;
top: 50%;
transform: translateY(-50%);
}
.navSlider .slick-dots li {
width: calc(100% / 5);
height: 4px;
margin: 0;
padding: 0 12px;
vertical-align: top;
}
.navSlider .slick-dots li button {
width: 100%;
height: 6px;
background: #FFF;
padding: 0;
position: relative;
}
.navSlider .prev_icon,
.navSlider .next_icon {
display: block;
width: 40px;
border-radius: 50%;
cursor: pointer;
position: absolute;
top: 0;
z-index: 10;
height: 42px;
}
.navSlider .prev_icon {
left: 0;
}
.navSlider .next_icon {
right: 0;
}
.featuresSec .btnWrap {
width: 88.6%;
}
.featuresSec .elementor-button {
max-width: 154px;
font-size: 16px;
line-height: 1;
padding: 9px 10px;
margin-left: 8px;
}
.slick-initialized .slick-slide {
position: relative;
}
.slick-slide .silder_content .elementor-text-editor {
padding: 0;
font-family: "Sawarabi Mincho",serif;
font-weight: 400;
font-style: normal;
}
.slick-initialized .slick-slide .silder_content {
position: absolute;
content: "";
top: 0;
left: 0;
}
.slick-slide .silder_content .sider_title {
font-size: 20px;
line-height: 1.5;
}
.slick-slide .silder_content .sider_txt {
font-size: 12px;
}
.slick-slide .silder_content .sider_title a {
display: block;
width: 100%;
height: 100%;
color: #fff;
text-decoration: none !important;
padding-top: 24px;
padding-left: 24px;
}
.slick-slide .silder_content .sider_title a sub {
display: block;
font-size: 12px;
position: relative;
padding-top: 8px;
margin-top: 8px;
}
.slick-slide .silder_content .sider_title a sub:before {
position: absolute;
content: "";
width: 51px;
height: 1px;
background: #fff;
top: 0;
left: 0;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
.featuresSec > .elementor-container > .elementor-row {
padding-left: 35px;
}
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
.featuresSlider .slick-slide > div {
margin-right: 23px;
}
}
@media screen and (max-width: 767px) {
.featuresSlider .slick-slide > div {
margin-right: 24px;
}
.featuresSec {
padding-bottom: 40px;
}
.featuresSec > .elementor-container:after {
width: calc(100% - 16px);
}
.featuresSec > .elementor-container > .elementor-row {
width: 100%;
padding: 0px 0px 30px 16px;
}
.featuresSec .titWrap {
margin-bottom: 30px;
}
.featuresSlider .slick-list {
padding: 0 !important;
padding-right: 20% !important;
}
.featuresSec .navSlider {
width: 100%;
margin: 30px 0 25px;
}
.navSlider .slick-slider {
height: 28px;
}
.navSlider .slick-dots {
padding: 0 38px;
height: 3px;
}
.navSlider .slick-dots li {
height: 3px;
padding: 0 6px;
}
.navSlider .slick-dots li button,
.navSlider .slick-dots li button:after {
height: 3px;
}
.navSlider .prev_icon,
.navSlider .next_icon {
width: 28px;
}
.featuresSec .btnWrap {
width: 100%;
}
}
@media screen and (max-width: 374px) {
.featuresSlider .slick-slide > div {
margin-right: 15px;
}
} .top2Sec {
margin-bottom: 40px;
position: relative;
z-index: 1;
}
.top2Sec:before {
position: absolute;
content: "";
width: 1027px;
height: 1150px;
background: url(//akala-clinic.jp/wp-content/uploads/news_inf_bg.png) no-repeat;
background-size: cover;
top: 10%;
left: 0;
} .top2Sec > .elementor-container.elementor-column-gap-default {
max-width: 1120px !important;
margin: 0 auto;
padding: 0 20px !important;
box-sizing: border-box;
position: relative;
}
.top2Sec > .elementor-container.elementor-column-gap-default:before {
position: absolute;
content: "";
width: 64px;
height: 64px;
background: url(//akala-clinic.jp/wp-content/uploads/news_icon02.png) no-repeat;
top: -30px;
left: -30px;
background-size: cover;
}
.newsBox {
background: #fff;
padding: 64px;
}
.newsBox .elementor-element-ebf287e {
width: 22% !important;
}
.newsBox .elementor-element-6c144c4 {
margin-right: 50px;
width: 36% !important;
}
.title_h2 h2 {
font-size: 40px;
letter-spacing: 0.08em;
font-family: "Sawarabi Mincho",serif;
font-weight: 400;
font-style: normal;
color: #54442E;
line-height: 1;
}
.title_h2 h2 span {
color: #EF7903;
}
.title_l {
font-size: 14px;
color: #2E2A25;
letter-spacing: 0.08em;
font-family: "Sawarabi Mincho",serif;
font-weight: 400;
font-style: normal;
}
.title_h2 {
margin-bottom: 4px !important;
}
.newsBox .title_rest {
color: #54442E;
font-size: 24px;
font-family: "Sawarabi Mincho",serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0.08em;
}
.news_dl_wrap a {
text-decoration: none !important;
}
.news_dl_wrap .entry-icon-new {
display: none;
}
.news_dl_wrap dl {
border-bottom: 1px solid #EFE7D4;
margin-bottom: 10px;
padding-bottom: 7px;
}
.news_dl_wrap dt {
color: #AB8D6E;
font-size: 12px;
letter-spacing: 0.03em;
font-family: "Noto Sans JP", sans-serif;
font-style: normal;
}
.news_dl_wrap dd {
color: #6B645B;
font-size: 16px;
letter-spacing: 0.03em;
font-family: "Noto Sans JP", sans-serif;
font-style: normal;
line-height: 1.5;
}
.link_news {
text-align: right;
margin-top: 40px;
}
.link_news a {
text-decoration: none !important;
color: #AB8D6E;
font-size: 14px;
letter-spacing: 0.08em;
font-family: "Sawarabi Mincho",serif;
font-weight: 400;
font-style: normal;
position: relative;
}
.link_news a:before {
position: absolute;
content: "";
width: 14px;
height: 14px;
background: url(//akala-clinic.jp/wp-content/uploads/news_icon.png) no-repeat;
background-size: cover;
left: -22px;
top: 0;
}
@media screen and (max-width: 767px) {
.top2Sec .elementor-element-dbe792b .elementor-row {
display: block;
}
.newsBox {
background: none;
padding: 0;
}
.newsBox .elementor-element-6c144c4 {
margin-right: 0;
width: 100% !important;
background: #fff;
padding: 30px;
margin-top: 20px;
}
.newsBox .elementor-element-ebf287e {
width: 100% !important;
}
.newsBox .elementor-element-d09648d {
background: #fff;
padding: 30px;
margin-top: 20px;
}
.height_auto {
height: auto !important;
}
.top2Sec > .elementor-container.elementor-column-gap-default:before {
top: 0px;
left: auto;
right: 20px;
}
.top2Sec:before {
width: 280px;
height: 1650px;
background: url(//akala-clinic.jp/wp-content/uploads/news_inf_spbg.png) no-repeat;
background-size: cover;
}
} .infomationBox {
background: #fff;
margin-top: 40px;
padding: 64px;
position: relative;
}
.infomationBox:before {
position: absolute;
content: "";
width: 101px;
height: 101px;
background: url(//akala-clinic.jp/wp-content/uploads/infomation_icon03.png) no-repeat;
background-size: cover;
right: 40px;
top: 40px;
}
.infomationBox .clinic_info {
display: flex;
justify-content: space-between;
margin-top: 30px;
margin-bottom: 30px;
}
.infomationBox .clinic_info .left {
width: 51%;
padding-right: 50px;
box-sizing: border-box;
}
.infomationBox .clinic_info .right {
width: 49%;
}
table.top_timetable thead {
background: none;
color: #6B645B;
}
.top_timetable thead th {
color: #6B645B;
font-size: 13.98px;
}
.top_timetable thead th:first-child {
font-weight: 400;
font-size: 13.98px;
padding-left: 0;
color: #AB8D6E;
}
table.top_timetable thead {
background: none;
color: #6B645B;
border-bottom: 1px solid #F6F1EA;
}
.top_timetable tbody th {
letter-spacing: 1.4px;
color: #6B645B;
font-size: 13.98px;
}
.top_timetable td {
color: #6B645B;
font-size: 13.98px;
}
.top_timetable td .txt_color {
font-size: 21px;
color: #AB8D6E;
font-weight: 400;
}
.top_timetable tbody th,
.top_timetable td {
border-bottom: 1px solid #F6F1EA;
}
.top_timetable tbody tr:last-child th,
.top_timetable tbody tr:last-child td {
border-bottom: 1px solid #F6F1EA;
}
.table_txt {
color: #6B645B;
font-size: 13.05px;
margin-top: 21px;
margin-bottom: 44px;
}
.top_timetable tbody th, .top_timetable td {
padding: 12px 0 13px;
}
.top_timetable tbody tr:first-child th, .top_timetable tbody tr:first-child td {
padding-top: 13px;
}
.top_timetable tbody tr:last-child th, .top_timetable tbody tr:last-child td {
padding-bottom: 17px;
}
.top_about_txt table {
width: 100%;
}
.top_about_txt th, .top_about_txt td {
display: block;
}
.top_about_txt th {
color: #AB8D6E;
font-size: 14px;
font-family: "Noto Sans JP", sans-serif;
font-style: normal;
}
.top_about_txt td {
color: #2E2A25;
font-size: 16px;
letter-spacing: 0.02em;
font-family: "Noto Sans JP", sans-serif;
font-style: normal;
border-bottom: 1px solid #EFE7D4;
padding-bottom: 13px;
margin-bottom: 6px;
}
.top_about_txt td.access a {
font-family: "Sawarabi Mincho",serif;
font-weight: 400;
font-style: normal;
color: #AB8D6E;
letter-spacing: 0.08em;
text-decoration: ;
font-size: 14px;
position: relative;
padding-left: 20px;
text-decoration: none !important;
}
.top_about_txt td.access a:before {
position: absolute;
content: "";
width: 14px;
height: 14px;
background: url(//akala-clinic.jp/wp-content/uploads/news_icon.png) no-repeat;
background-size: cover;
left: 0;
top: 0;
}
.map {
position: relative;
width: 100%;
padding-top: 250px;
}
.map iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
border: none;
}
@media screen and (max-width: 767px) {
.infomationBox {
padding: 0;
}
.infomationBox .clinic_info {
display: block;
}
.infomationBox .clinic_info .left {
width: 100%;
padding-right: 0;
}
.infomationBox .clinic_info .right {
width: 100%;
}
.infomationBox:before {
width: 64px;
height: 64px;
top: 0;
right: 0;
}
.infomationBox {
background: none;
}
.infomationBox .nner {
background: #fff;
padding: 30px;
box-sizing: border-box;
margin-top: 20px;
}
.top_timetable td {
border-left: none !important;
}
}
@media screen and (max-width: 400px) {
.infomationBox .nner {
padding: 20px;
}
.top_timetable tbody th, .top_timetable td {
font-size: 12px !important;
letter-spacing: 0;
}
.top_timetable td .txt_color {
font-size: 15px;
}
.table_txt {
margin-top: 10px;
margin-bottom: 20px;
}
.top_timetable thead th:last-child,
.top_timetable tbody td:last-child {
width: 18%;
}
} .contactSec {
background: url(//akala-clinic.jp/wp-content/uploads/contact_bg-1-scaled.jpg) no-repeat right center;
background-size: cover;
margin-top: -175px;
position: relative;
padding-top: 130px !important;
background-attachment: fixed;
}
.contactSec .titleA {
line-height: 1.2;
}
.contactSec .title_l {
color: #fff;
margin-bottom: 29px;
}
.contactBox {
max-width: 1120px;
margin: 0 auto;
box-sizing: border-box;
padding: 0 20px !important;
margin-top: 88px;
margin-bottom: 110px;
}
.contactBox .nner {
display: flex;
justify-content: space-between;
font-family: "Sawarabi Mincho",serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
color: #54442E;
}
.contactBox .nner .titleA {
font-size: 40px;
color: #fff;
letter-spacing: 0.08em;
}
.contactBox .nner .left .txt {
font-size: 16px;
letter-spacing: 0.08em;
line-height: 1.6;
color: #fff;
}
.contactBox .nner .center .box,
.contactBox .nner .right .box {
background: #fff;
padding: 20px 20px 0px 20px;
height: 220px;
}
.contactBox .nner .left {
width: 25%;
padding-right: 20px;
box-sizing: border-box;
}
.contactBox .nner .center {
width: 37.5%;
margin-right: 20px;
}
.contactBox .nner .right {
width: 37.5%;
margin-left: 20px;
}
.contactBox .nner .titleB {
font-size: 20px;
color: #54442E;
letter-spacing: 0.08em;
padding-left: 35px;
position: relative;
}
.contactBox .nner .titleB:before {
position: absolute;
content: "";
width: 24px;
height: 24px;
background: url(//akala-clinic.jp/wp-content/uploads/tell.png) no-repeat;
left: 0;
top: 8px;
background-size: cover;
}
.contactBox .nner .box p {
padding: 20px 48px;
line-height: 1.3;
}
.contactBox .nner .right .box p {
line-height: 2;
}
.contactBox .nner .btn {
background: #EF7903;
font-size: 24px;
color: #fff;
text-align: center;
}
.contactBox .nner .btn a {
color: #fff;
text-decoration: none !important;
}
.contactBox .nner .btn sub {
font-size: 16px;
vertical-align: middle;
padding-right: 10px;
}
.contactBox .nner .right .btn a {
font-size: 20px;
}
.contactBox .nner .right .btn a img {
width: 24px;
display: inline;
vertical-align: middle;
margin-left: 20px;
}
.contactBox .nner .right .titleB:before {
background: url(//akala-clinic.jp/wp-content/uploads/web.png) no-repeat;
background-size: cover;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
.contactBox .nner .titleA {
font-size: 36px;
}
.contactBox .nner .box p {
padding: 20px;
font-size: 14px;
}
.contactBox .nner .titleB {
font-size: 17px;
}
.contactBox .nner .right .box p {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.contactBox .nner {
display: block;
}
.contactBox .nner .left {
width: 100%;
padding-right: 0;
}
.contactBox .nner .center {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
margin-top: 20px;
}
.contactBox .nner .right {
width: 100%;
margin-left: 0;
}
.contactBox .nner .box p {
padding: 20px;
}
.contactBox .nner .center .box,
.contactBox .nner .right .box {
height: auto;
}
.contactBox {
margin-top: 40px;
margin-bottom: 40px;
}
} .featuresSec2 {
position: relative;
z-index: 1;
padding-bottom: 45px !important;
padding-top: 100px !important;
}
.featuresSec2:before {
position: absolute;
content: "";
width: 69%;
height: 26%;
right: 0;
top: 327px;
background: #fff;
opacity: 0.4;
max-width: 1530px;
}
.featuresSec2:after {
position: absolute;
content: "";
width: 85%;
height: 43%;
background: #fff;
bottom: 0;
left: 0;
z-index: -1;
opacity: 0.4;
max-width: 1580px;
}
.featuresSec2 > .elementor-container.elementor-column-gap-default {
position: relative;
z-index: 1;
}
.featuresSec2 > .elementor-container.elementor-column-gap-default:before {
content: "";
position: absolute;
width: 92px;
height: 92px;
left: 0px;
top: 200px;
background: #F0E8DC;
}
.featuresSec2 > .elementor-container.elementor-column-gap-default:after {
position: absolute;
content: "";
width: 64px;
height: 64px;
background: url(//akala-clinic.jp/wp-content/uploads/features_icon02.png) no-repeat;
right: 60px;
top: 0;
background-size: cover;
}
.featuresSec2 .featuresBox {
margin-top: 30px;
}
.featuresBox .nner {
display: flex;
justify-content: space-between;
margin-bottom: 66px;
}
.featuresBox .nner .img {
width: 52%;
padding-right: 35px;
box-sizing: border-box;
}
.featuresBox .nner .content {
width: 48%;
padding-left: 42px;
box-sizing: border-box;
margin-top: 55px;
}
.featuresBox .content .title {
font-size: 28px;
color: #2E2A25;
line-height: 1.6;
letter-spacing: 0.08em;
margin-bottom: 32px;
position: relative;
z-index: 1;
}
.featuresBox .content .txt {
padding-left: 45px;
font-family: "Noto Sans JP", sans-serif;
font-style: normal;
font-size: 16px;
letter-spacing: 0.08em;
}
.orange_bg {
background: #F7B77E63;
}
.featuresBox .nner ul {
display: flex;
justify-content: flex-start;
column-gap: 16px;
margin-top: 26px;
}
.featuresBox .nner ul li a {
padding: 8px 40px 8px 17px;
background: #C6BFAB;
border-radius: 21px;
color: #fff;
text-decoration: none !important;
font-size: 20px;
letter-spacing: 0.08em;
line-height: 1.6;
position: relative;
}
.featuresBox .nner ul li a:before {
position: absolute;
content: "";
width: 14px;
height: 14px;
background: url(//akala-clinic.jp/wp-content/uploads/features_icon.png) no-repeat;
background-size: cover;
right: 14px;
top: 10px;
}
.featuresBox .nner.second2 .img {
padding-right: 0;
padding-left: 35px;
}
.featuresBox .nner.second2 .content {
padding-left: 0;
padding-right: 42px;
}
.featuresBox .nner.second2 ul {
justify-content: end;
}
.featuresBox .content .title:before {
position: absolute;
content: "01";
font-family: "Sawarabi Mincho",serif;
font-weight: 400;
font-style: normal;
top: -63px;
right: 0;
font-size: 128px;
color: #C6BFAB;
line-height: 1;
z-index: -1;
opacity: 0.4;
}
.featuresBox .r2 .content .title:before {
content: "02";
top: 0;
}
.featuresBox .r3 .content .title:before {
content: "03";
}
.featuresBox .r4 .content .title:before {
content: "04";
top: 0;
}
.featuresBox .nner.second2.r4 .content {
position: relative;
}
.featuresBox .nner.second2.r4 .content:before {
position: absolute;
content: "";
width: 33.19px;
height: 33.19px;
left: -62px;
bottom: 210px;
background: #F7B77E;
}
.featuresBox .nner.second2.r4 .img p {
position: relative;
z-index: 1;
}
.featuresBox .nner.second2.r4 .img p:before {
position: absolute;
content: "";
width: 47px;
height: 47px;
background: #FFEEED;
left: -10px;
top: -10px;
z-index: -1;
}
.featuresBox .nner.r3 p.position_ab:before {
width: 184px;
height: 184px;
background: url(//akala-clinic.jp/wp-content/uploads/features_icon033.png) no-repeat;
background-size: cover;
left: -60px;
top: -60px;
z-index: -1;
}
.featuresBox .nner.r3.position_b:before {
position: absolute;
width: 33.19px;
height: 33.19px;
top: -60px;
background: #F7B77E;
mix-blend-mode: multiply;
right: -70px;
}
.featuresBox .nner.second2.r4.position_b:before {
width: 92px;
height: 92px;
top: -93px;
background: url(//akala-clinic.jp/wp-content/uploads/features_icon04.png) no-repeat;
background-size: cover;
mix-blend-mode: multiply;
right: -143px;
z-index: 7;
}
.featuresBox .nner.second2.r2 .position_ab:before {
width: 160px;
height: 160px;
top: -40px;
background: #FFFFFF;
opacity: 0.6;
right: -40px;
z-index: -1;
}
.featuresBox .nner.second2.r2 {
position: relative;
}
.featuresBox .nner.second2.r2:before {
position: absolute;
content: "";
position: absolute;
width: 47.41px;
height: 47.41px;
top: 274px;
background: #F8C8C5;
mix-blend-mode: multiply;
right: -72px;
opacity: 0.3;
position: absolute;
}
.featuresBox .nner.r1 {
position: relative;
}
.featuresBox .nner.r1:before {
position: absolute;
content: "";
position: absolute;
width: 33.19px;
height: 33.19px;
left: -6%;
background: #F7B77E;
mix-blend-mode: multiply;
bottom: 26%;
} @media screen and (max-width: 1210px) {
.featuresBox .nner.second2.r4 .content:before {
left: -20px;
}
.featuresBox .nner.r3 p.position_ab:before {
left: -20px;
top: -20px;
}
.featuresBox .nner.r3.position_b:before {
right: -20px;
}
.featuresBox .nner.second2.r4.position_b:before {
right: -20px;
}
.featuresBox .nner.second2.r2 .position_ab:before {
top: -20px;
right: -20px;
}
.featuresBox .nner.second2.r2:before {
right: -20px;
}
}
@media screen and (max-width: 1210px) and (min-width: 768px) {
.featuresBox .content .title {
font-size: 21px;
letter-spacing: 0;
}
.featuresBox .nner ul {
flex-wrap: wrap;
margin-top: 10px;
}
.featuresBox .nner ul li a {
padding: 5px 30px 5px 10px;
font-size: 15px;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
.featuresBox .content .txt {
padding-left: 20px;
}
.featuresBox .nner .content {
padding-left: 20px;
}
.featuresBox .nner.second2 .content {
padding-right: 20px;
}
.featuresBox .nner.r3.position_b ul li {
margin-bottom: 15px;
}
}
@media screen and (max-width: 767px) {
.featuresSec2 {
padding-top: 0 !important;
}
.featuresBox .nner {
display: block;
margin-bottom: 30px;
}
.featuresBox .nner .img {
width: 100%;
padding-right: 0;
}
.featuresBox .nner .content {
width: 100%;
padding-left: 0;
margin-top: 20px;
}
.featuresBox .content .txt {
padding-left: 0;
}
.featuresBox .content .title {
font-size: 24px;
letter-spacing: 0.04em;
margin-bottom: 20px;
}
.featuresBox .content .title:before {
top: 22px;
}
.featuresBox .nner ul li a:before {
top: 7px;
}
.featuresBox .nner ul li a {
padding: 6px 38px 6px 15px;
font-size: 16px;
letter-spacing: 0.04em;
line-height: 1.6;
}
.featuresBox .nner ul {
column-gap: 6px;
flex-wrap: wrap;
}
.featuresBox .nner.second2 .content {
padding-right: 0;
}
.featuresBox .nner.second2 .img {
padding-left: 0;
}
.featuresBox .nner.second2 ul {
justify-content: flex-start;
}
.featuresBox .nner ul {
margin-top: 10px;
}
.featuresSec2 > .elementor-container.elementor-column-gap-default:before {
width: 47px;
height: 47px;
background: #FFEEED;
top: 0;
}
.featuresSec2 > .elementor-container.elementor-column-gap-default {
padding-top: 51px;
}
.featuresSec2 > .elementor-container.elementor-column-gap-default:after {
right: 20px;
top: 60px;
}
.featuresSec2:before {
width: 80%;
height: 7%;
top: 0;
}
.featuresSec2:after {
width: 268px;
height: 1048px;
}
.featuresBox .nner.second2.r4 .content:before {
left: auto;
bottom: auto;
top: -50px;
right: 0;
}
.featuresBox .nner.second2.r4 .img p:before {
left: -30px;
top: -20px;
z-index: 1;
background: #FFEEED;
mix-blend-mode: multiply;
}
.featuresBox .nner.r3 p.position_ab:before {
width: 33.19px;
height: 33.19px;
z-index: 1;
left: auto;
top: -20px;
right: -20px;
background: #F7B77E;
mix-blend-mode: multiply;
}
.featuresBox .nner.r3 p.position_ab:after {
position: absolute;
content: "";
width: 160px;
height: 160px;
background: #fff;
right: -40px;
top: -40px;
z-index: -1;
opacity: 0.6;
}
.featuresBox .nner.r3.position_b:before {
display: none;
}
.featuresBox .nner.second2.r4.position_b:before {
top: -43px;
right: -30px;
}
.featuresBox .nner.second2.r2 .position_ab:before {
top: -28px;
right: auto;
left: -30px;
}
.featuresBox .nner.second2.r2 .position_ab:after {
width: 33.19px;
height: 33.19px;
left: -14px;
top: -16px;
background: #F7B77E;
mix-blend-mode: multiply;
}
.featuresBox .nner.second2.r2:before {
opacity: 1;
width: 30px;
height: 30px;
right: -20px;
top: -50px;
background: #EFE7D4;
}
.featuresBox .nner.r1:before {
display: none;
}
.featuresBox .nner.r3.position_b ul li {
margin-bottom: 15px;
}
.featuresBox .nner ul li {
margin-bottom: 15px;
}
} .outpatientSec {
background: url(//akala-clinic.jp/wp-content/uploads/specialist_bg.png) no-repeat;
background-size: auto;
background-size: cover;
padding-top: 100px !important;
padding-bottom: 128px !important;
color: #fff;
}
.outpatientSec .title_h2 h2 {
color: #fff;
}
.outpatientSec .title_l {
color: #C6BFAB;
font-size: 16px;
}
.outpatientSec .spe_title {
display: flex;
justify-content: space-between;
}
.outpatientSec .spe_title .right {
font-family: "Noto Sans JP",sans-serif;
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 2;
letter-spacing: 0;
}
.outpatientSec .spe_title .left {
width: 50%;
}
.outpatientSec .spe_title .right {
width: 50%;
}
.outpatientSec .box1 ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 50px;
}
.outpatientSec .box1 ul li {
width: calc(100% / 4);
}
.outpatientSec .box1 ul a {
color: #fff;
text-decoration: none !important;
width: 100%;
height: 280px;
display: block;
}
.outpatientSec .box1 ul a {
color: #fff;
text-decoration: none !important;
width: 100%;
height: 280px;
display: block;
background: url(//akala-clinic.jp/wp-content/uploads/specialist_img01.png) no-repeat;
background-size: cover;
padding: 24px;
position: relative;
}
.outpatientSec .box1 ul a .title {
font-size: 20px;
letter-spacing: 0;
line-height: 1.4;
}
.outpatientSec .box1 ul a .en {
font-size: 12px;
position: relative;
padding-top: 12px;
}
.outpatientSec .box1 ul a .en:before {
position: absolute;
content: "";
width: 40px;
height: 0.5px;
background: #fff;
top: 8px;
left: 0;
}
.outpatientSec .box1 ul a:before {
position: absolute;
content: "";
width: 24px;
height: 24px;
background: url(//akala-clinic.jp/wp-content/uploads/specialist_icon01.png) no-repeat;
bottom: 0;
right: 0;
background-size: cover;
}
.outpatientSec .box1 ul li:nth-child(2) a {
background: url(//akala-clinic.jp/wp-content/uploads/specialist_img02.png) no-repeat;
background-size: cover;
}
.outpatientSec .box1 ul li:nth-child(3) a {
background: url(//akala-clinic.jp/wp-content/uploads/specialist_img03.png) no-repeat;
background-size: cover;
}
.outpatientSec .box1 ul li:nth-child(4) a {
background: url(//akala-clinic.jp/wp-content/uploads/specialist_img04.png) no-repeat;
background-size: cover;
}.outpatientSec .box1 ul li:nth-child(5) a {
background: url(//akala-clinic.jp/wp-content/uploads/specialist_img05.png) no-repeat;
background-size: cover;
}
.outpatientSec .box1 ul li:nth-child(6) a {
background: url(//akala-clinic.jp/wp-content/uploads/specialist_img07.png) no-repeat;
background-size: cover;
}
.outpatientSec .box1 ul li:nth-child(7) a {
background: url(//akala-clinic.jp/wp-content/uploads/specialist_img06.png) no-repeat;
background-size: cover;
}
.outpatientSec .box1 ul li:nth-child(8) a {
background: url(//akala-clinic.jp/wp-content/uploads/specialist_img08.png) no-repeat;
background-size: cover;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
.outpatientSec .box1 ul a .title {
font-size: 19px;
}
}
@media screen and (max-width: 767px) {
.outpatientSec .spe_title {
display: block;
}
.outpatientSec .spe_title .left {
width: 100%;
margin-bottom: 15px;
}
.outpatientSec .box1 ul li {
width: calc(100% / 2);
}
.outpatientSec .box1 ul a {
height: 171px;
padding: 10px;
}
.outpatientSec .spe_title .right {
width: 100%;
}
}
@media screen and (max-width: 368px) {
.outpatientSec .box1 ul a .title {
font-size: 17px;
}
}  .tabMenu {
display: flex;
list-style: none;
margin: 0;
padding: 0;
}
.tabMenu li {
background: #54442E;
color: #AEA58D;
padding: 10px 0;
cursor: pointer;
font-size: 20px;
width: calc(100% / 7);
text-align: center;
}
.specialist_outpatient .menu {
margin-top: 79px;
}
.specialist_outpatient .menu .tabWrap {
margin-top: 33px;
}
.tabMenu li:nth-child(2),
.tabMenu li:nth-child(4),
.tabMenu li:nth-child(6) {
background: #66533b;
}
.tabMenu li.active {
background: #EFE7D4;
color: #5b4a35;
font-weight: 400;
} .tabContent {
background: #EFE7D4;
padding: 40px;
}
.tabContent a {
text-decoration: none !important;
font-size: 24px;
color: #54442E;
letter-spacing: 0;
justify-content: flex-start !important;
line-height: 1.1;
padding: 6px 0 15px 6px;
position: relative;
display: block !important;
width: 100%;
height: 100%;
}
.tabContent a:before {
position: absolute;
content: "";
width: 16px;
height: 16px;
background: url(//akala-clinic.jp/wp-content/uploads/specialist_icon02.png) no-repeat;
background-size: cover;
right: 11px;
top: 14px;
}
.tabContent a .small {
font-size: 18px;
color: #54442E;
}
.tabBox {
display: none;
}
.tabBox.active {
display: block;
} .menuList {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
list-style: none;
padding: 0;
margin: 0;
}
.menuList li {
border-bottom: 1px solid #AB8D6E;
padding-bottom: 0;
}
.menuList a {
color: #5b4a35;
text-decoration: none;
display: flex;
justify-content: space-between;
align-items: center;
}
.menuList span {
color: #b49b7a;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
.tabContent a {
padding: 6px 16px 15px 6px;
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.tabMenu {
flex-wrap: wrap;
justify-content: flex-start;
background: #C6BFAB;
}
.tabMenu li {
width: calc(100% / 3);
line-height: 1.2;
font-size: 18px;
}
.tabContent {
padding: 20px;
}
.menuList {
display: block;
}
.tabContent a {
font-size: 20px;
padding: 15px 0px 15px 6px;
}
.tabContent a .small {
font-size: 15px;
}
.tabContent a:before {
font-size: 20px;
}
} .greetingSec {
background: #EFE7D4;
position: relative;
}
.greetingSec:before {
content: "";
right: 0;
opacity: 0.4;
position: absolute;
width: 95px;
height: 153px;
left: 0px;
top: 391px;
background: #FFD7D3;
mix-blend-mode: multiply;
}
.greetingSec:after {
position: absolute;
content: "";
width: 64px;
height: 64px;
left: 143px;
bottom: 52px;
background: #F6F1EA;
mix-blend-mode: multiply;
}
.greetingSec .elementor-container.elementor-column-gap-default {
position: relative;
z-index: 1;
}
.greetingSec .elementor-container.elementor-column-gap-default:before {
position: absolute;
content: "";
width: 568px;
height: 590px;
background: url(//akala-clinic.jp/wp-content/uploads/greeting_imgbg.png) no-repeat;
background-size: cover;
top: 0;
right: 0;
}
.greetingSec .elementor-container.elementor-column-gap-default:after {
position: absolute;
content: "";
width: 80px;
height: 80px;
background: url(//akala-clinic.jp/wp-content/uploads/greeting_img10.png) no-repeat;
background-size: cover;
bottom: 40px;
right: 60px;
z-index: -1;
}
.greetingSec .elementor-container.elementor-column-gap-default > .elementor-row {
padding-top: 100px !important;
padding-bottom: 80px;
}
.greetingSec .greeting-inner {
display: flex;
justify-content: space-between;
}
.greetingSec .greeting-inner .greeting-text {
width: 50%;
margin-top: 100px;
}
.greetingSec .greeting-inner .greeting-text .catch {
font-size: 28px;
font-family: "Sawarabi Mincho",serif;
font-weight: 400;
font-style: normal;
line-height: 1.6;
margin-bottom: 35px;
}
.greetingSec .greeting-text .catch sub {
display: block;
font-size: 18px;
color: #AB8D6E;
margin-bottom: 20px;
}
.greetingSec .greeting-inner .greeting-text p {
margin-bottom: 20px;
font-family: "Noto Sans JP",sans-serif;
font-style: normal;
font-size: 16px;
color: #2E2A25;
padding-left: 62px;
} .greetingSec .greeting-inner .greeting-photo .name-card {
position: absolute;
content: "";
bottom: 20%;
z-index: 1;
background: #fff;
padding: 24px;
}
.greetingSec .greeting-photo .name-card .clinic {
font-size: 18px;
color: #2E2A25;
line-height: 1.6;
}
.greetingSec .greeting-photo .name-card .name {
display: flex;
justify-content: space-between;
align-items: last baseline;
}
.greetingSec .greeting-photo .name .title {
font-size: 16px;
color: #AB8D6E;
line-height: 1.6;
}
.greetingSec .greeting-photo .name .txt {
font-size: 24px;
color: #2E2A25;
line-height: 1.6;
}
.greetingSec .greeting-photo .name-card .career {
font-size: 12px;
line-height: 1.28;
}
.greetingSec .greeting-inner .greeting-text .btns {
padding-left: 62px;
margin-top: 45px;
}
.greetingSec .greeting-inner .greeting-text .btns a {
font-size: 28px;
color: #AB8D6E;
letter-spacing: 0.14em;
line-height: 1;
text-decoration: none !important;
padding-left: 44px;
position: relative;
}
.greetingSec .greeting-inner .greeting-text .btns a:before {
position: absolute;
content: "";
width: 28px;
height: 28px;
background: url(//akala-clinic.jp/wp-content/uploads/greeting_icon03.png) no-repeat;
background-size: cover;
left: 0;
top: 0;
}
.greetingSec .greeting-inner .greeting-text .btns a:nth-child(1) {
padding-right: 47px;
}
.greeting {
position: relative;
z-index: 1;
}
.greeting:before {
position: absolute;
width: 210px;
height: 210px;
left: 34%;
bottom: -141px;
content: "";
background: url(//akala-clinic.jp/wp-content/uploads/greeting_img11.png) no-repeat;
background-size: cover;
z-index: -1;
}
@media screen and (min-width: 768px) {
.greeting-photo2 {
position: relative;
}
.greeting-photo2:before {
position: absolute;
content: "";
width: 140px;
height: 140px;
background: #E1CFB6B2;
bottom: -170px;
left: -70px;
mix-blend-mode: multiply;
}
.greeting-photo2:after {
position: absolute;
content: "";
width: 286px;
height: 163px;
background: url(//akala-clinic.jp/wp-content/uploads/greeting_img34.png) no-repeat;
background-size: cover;
bottom: -210px;
right: 15%;
}
.greetingSec .greeting-inner .greeting-photo .name-card {
bottom: -90px;
}
.greetingSec .greeting-inner .greeting-photo {
width: 50%;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
.greeting-photo2:after {
bottom: -190px;
right: 4%;
width: 200px;
height: 110px;
}
.greetingSec .greeting-inner .greeting-text {
margin-top: 30px;
}
.greetingSec .greeting-inner .greeting-text p {
padding-left: 30px;
}
.greetingSec .greeting-inner .greeting-text .btns {
padding-left: 38px;
}
.greetingSec .greeting-inner .greeting-text .btns a {
font-size: 20px;
padding-left: 30px;
}
.greetingSec .greeting-inner .greeting-text .btns a:before {
width: 20px;
height: 20px;
}
}
@media screen and (max-width: 767px) {
.greetingSec .greeting-inner .greeting-photo {
width: 50%;
padding-right: 15px;
box-sizing: border-box;
position: relative;
}
.greetingSec .greeting-inner .greeting-photo:before {
position: absolute;
content: "";
bottom: 90px;
width: 140px;
height: 140px;
left: -70px;
bottom: 90px;
background: url(//akala-clinic.jp/wp-content/uploads/greeting_img11.png) no-repeat;
background-size: cover;
} 
.greetingSec .greeting-inner {
display: block;
margin-top: 16px;
}
.greetingSec .greeting-inner .greeting-photo {
width: 100%;
padding-right: 0;
padding-left: 16px;
padding-bottom: 82px;
}
.greetingSec .greeting-inner .greeting-photo .name-card {
bottom: 0;
left: -5px;
}
.greetingSec .greeting-inner .greeting-text {
width: 100%;
margin-top: 30px;
}
.greetingSec .elementor-container.elementor-column-gap-default:before {
position: absolute;
width: 210px;
height: 88px;
right: 0;
top: 0;
background: url(//akala-clinic.jp/wp-content/uploads/greeting_img12.png);
background-size: auto;
background-size: cover;
}
.greetingSec:before {
width: 30px;
height: 153px;
left: 0px;
top: 50%;
background: #FFD7D3;
mix-blend-mode: multiply;
}
.greetingSec:after {
bottom: auto;
width: 140%;
height: 681px;
left: 0px;
top: 20%;
background: #F6F1EA;
opacity: 0.4;
display: none;
}
.greetingSec .greeting-inner .greeting-photo:before {
width: 44.35px;
height: 44.35px;
left: -12px;
top: 13px; mix-blend-mode: multiply;
}
.greetingSec .greeting-inner .greeting-photo:after {
position: absolute;
width: 31.05px;
height: 31.05px;
left: -30px;
top: 0px;
background: #F7B77E;
mix-blend-mode: multiply;
content: "";
}
.greetingSec .greeting-inner .greeting-text p {
padding-left: 0;
position: relative;
}
.greetingSec .greeting-inner .greeting-text p.p01:before {
content: "";
position: absolute;
width: 47.41px;
height: 47.41px;
right: -30px;
top: -24px;
background: url(//akala-clinic.jp/wp-content/uploads/greeting_img11.png) no-repeat;
background-size: auto;
background-size: cover;
}
.greetingSec .greeting-inner .greeting-photo .img_p {
position: relative;
}
.greetingSec .greeting-inner .greeting-photo .img_p:before {
content: "";
position: absolute;
width: 47.41px;
height: 47.41px;
background: #F4D7D5;
mix-blend-mode: multiply;
right: -20px;
bottom: -20px;
}
.greetingSec .greeting-inner .greeting-photo .img_p:after {
position: absolute;
width: 17px;
height: 17px;
background: #F7B77E;
mix-blend-mode: multiply;
content: "";
bottom: -37px;
right: 27px;
}
.greetingSec .greeting-inner .greeting-text .catch {
font-size: 26px;
letter-spacing: 0;
}
.greetingSec .greeting-inner .greeting-text .btns {
padding-left: 0;
text-align: right;
}
.greetingSec .greeting-inner .greeting-text .btns a:nth-child(1) {
padding-right: 0;
}
.greetingSec .greeting-inner .greeting-text .btns a {
display: block;
max-width: 180px;
margin-left: auto;
margin-right: 0;
margin-bottom: 10px;
}
.greetingSec .elementor-container.elementor-column-gap-default:after {
position: absolute;
content: "";
width: 96%;
height: 114px;
background: url(//akala-clinic.jp/wp-content/uploads/greeting_bg034.png) no-repeat;
background-size: 100% 100%;
bottom: 0;
left: 0;
z-index: -1;
}
.greeting:before {
position: absolute;
width: 140px;
height: 140px;
left: 0;
bottom: -80px;
content: "";
background: url(//akala-clinic.jp/wp-content/uploads/greeting_bg033.png) no-repeat;
background-size: cover;
z-index: -1;
}
.greeting:after {
width: 70%;
height: 46%;
background: #F6F1EA;
position: absolute;
content: "";
top: 20%;
left: 0;
z-index: -1;
opacity: 0.4;
}
} .elementor-element-def241b {
position: relative;
}
.elementor-element-def241b:before {
position: absolute;
content: "";
width: 93%;
height: 140%;
top: -57px;
right: 0;
background: linear-gradient(to right, #FDF3EA, #FFF);
}
#loopslider {
margin: 0 auto;
width: 100%;
height: 307px;
text-align: left;
position: relative;
overflow: hidden;
margin-top: 78px;
margin-bottom: 0;
position: relative;
z-index: 1;
}
#loopslider ul {
float: left;
overflow: hidden;
display: inline-block;
overflow: hidden;
}
#loopslider ul li {
width: 1560px;
height: 307px;
float: left;
display: inline;
overflow: hidden;
padding-right: 21px;
}
#loopslider ul li:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://akala-clinic.jp/wp-content/themes/genova_tpl/css/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://akala-clinic.jp/wp-content/themes/genova_tpl/css/fonts/slick.eot);
src: url(https://akala-clinic.jp/wp-content/themes/genova_tpl/css/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://akala-clinic.jp/wp-content/themes/genova_tpl/css/fonts/slick.woff) format('woff'), url(https://akala-clinic.jp/wp-content/themes/genova_tpl/css/fonts/slick.ttf) format('truetype'), url(https://akala-clinic.jp/wp-content/themes/genova_tpl/css/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}