@charset "utf-8";
  @font-face {
font-family: 'design_plus';
src: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/css/fonts/design_plus.eot?v=1.6);
src: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/css/fonts/design_plus.eot?v=1.6#iefix) format('embedded-opentype'),
url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/css/fonts/design_plus.woff?v=1.6) format('woff'),
url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/css/fonts/design_plus.ttf?v=1.6) format('truetype'),
url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/css/fonts/design_plus.svg?v=1.6#design_plus) format('svg');
font-weight: normal;
font-style: normal;
} html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
html { overflow-y: scroll; -webkit-text-size-adjust:100%; }
ul, ol { list-style:none; }
blockquote , q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content: none; }
a:focus { outline:none; }
ins { text-decoration:none; }
mark { font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
button, input, select, textarea { outline:0; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:100%; }
input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); -webkit-appearance: none; border-radius:0; }
input[type="checkbox"]{ -webkit-appearance: checkbox; }
input[type="radio"]{ -webkit-appearance: radio; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
iframe { max-width:100%; } .clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }/*\*/* html .clearfix { height:1% }
.clearfix { display:block;}/**/  #container { position:relative; height:100%; }
.pc #main_contents { width:1200px; margin:0 auto; } .pc #main_col { float:right; width:830px; z-index:10; position:relative; background:#fff; padding:60px 0 150px; }
.pc #side_col { float:left; width:300px; padding:60px 0 150px; z-index:10; position:relative; }
.pc #one_col { width:1200px; margin:50px auto 150px; }
.pc body.single-find #one_col { margin-bottom:70px; } .pc body.layout2 #main_col { float:left; }
.pc body.layout2 #side_col { float:right; } .has_mobile_word span.mobile { display:none; }
a {
-webkit-transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
a.news {
margin: 9.33vw 5.33vw 10.66vw;
padding-bottom: 0.6em;
width: calc( 100% - 10.66vw);
border-bottom: 1px solid var(--clr-text);
color: var(--clr-text) !important;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
text-decoration: none !important;
z-index: 2;
} body {
--clr-background: #EDF1FA;
--clr-backgroundb: #505C7E;
--clr-backgroundg: #F7F7F8;
--clr-backtransparent: rgba(255, 255, 255, 0);
--clr-text: #393B3E;
--clr-link: #467aae;
--clr-line: rgba(207,214,235,0.6);
--clr-strong: #E8867F;
--clr-box-shadow: #DCDCDC;
--clr-access: #467AAE;
--clr-comment: #E9EBF2;
--clr-border: #D6DBEA;
--clr-menu-table-th: #72727B;
--clr-menu-table-line: #DCDCDC;
--clr-menu-table-child: #F4F2F0;
--clr-five: #865EBC;
--clr-eight: #5770C4;
--clr-cv: #E8867F;
--clr-background-a: #BBE3F3;
--clr-background-b: #C2C8F4;
--clr-background-c: #8ec5fc;
} .megamenu_child_menu { display:none !important; }
.pc #global_menu > ul > li.active_button > a:after { top:0; } .megamenu_clinic_list1 { overflow:hidden; display:none; background:#fff; min-width:1182px; width:100%; position:absolute; top:140px; z-index:100; border-bottom:1px solid #ddd; }
.megamenu_clinic_list1 ol {
margin:0; padding:0; width:1182px; margin:0 auto; bottom:-1px; position:relative; border-left:1px solid #ddd;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.megamenu_clinic_list1 li {
float:left; width:calc(100% / 3); height:300px; margin:0; padding:0; position:relative; border:1px solid #ddd; border-top:none; border-left:none;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.megamenu_clinic_list1 li a {
width:100%; height:100%; display:block; position:relative; padding:0 28px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.megamenu_clinic_list1 .image_wrap { display:block; width:336px; height:112px; overflow:hidden; }
.megamenu_clinic_list1 .image { width:100%; height:100% !important; display:block; overflow:hidden; position:relative; z-index:2; }
.megamenu_clinic_list1 .image img { width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.megamenu_clinic_list1 .title { font-size:16px; line-height:1.6; color:#ff4b54; text-align:center; height:73px; line-height:73px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.megamenu_clinic_list1 .catch { font-size:16px; line-height:1.6; text-align:center; margin:30px 0 0 0; overflow:hidden; max-height:3.2em; }
.megamenu_clinic_list1 .catch  span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
body.header_fix .megamenu_clinic_list1 { position:fixed; top:140px; }  .megamenu_clinic_list2 { overflow:hidden; display:none; background:#fff; min-width:1182px; width:100%; position:absolute; top:140px; z-index:100; border-bottom:1px solid #ddd; }
.megamenu_clinic_list2_inner {
width:1182px; margin:0 auto; border-left:1px solid #ddd; position:relative;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.megamenu_clinic_list2_inner .left_area {
width:392px; float:left; padding:74px 54px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.megamenu_clinic_list2 .headline { font-size:24px; color:#ff4f58; margin:0 0 35px 0; }
.megamenu_clinic_list2 .headline span { display:block; font-size:14px; margin:10px 0 0 0; }
.megamenu_clinic_list2 .desc { font-size:14px; line-height:2.6; margin:0 0 37px 0; }
.megamenu_clinic_list2 .link_button { }
.megamenu_clinic_list2 .link_button a {
display:inline-block; min-width:240px; height:60px; line-height:60px; padding:0 20px; background:#222222; color:#fff; font-size:16px; text-align:center;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.megamenu_clinic_list2 .link_button a:hover { background:#f45963; color:#fff; }
.megamenu_clinic_list2 ol {
width:calc(100% - 392px); float:right; margin:0; padding:0; bottom:-1px; position:relative; border-left:1px solid #ddd;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.megamenu_clinic_list2 li {
float:left; width:50%; height:300px; margin:0; padding:0; position:relative; border:1px solid #ddd; border-top:none; border-left:none;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.megamenu_clinic_list2 li a {
width:100%; height:100%; display:block; position:relative; padding:0 28px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.megamenu_clinic_list2 .image_wrap { display:block; width:336px; height:112px; overflow:hidden; }
.megamenu_clinic_list2 .image { width:100%; height:100% !important; display:block; overflow:hidden; position:relative; z-index:2; }
.megamenu_clinic_list2 .image img { width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.megamenu_clinic_list2 .title { font-size:16px; line-height:1.6; color:#ff4b54; text-align:center; height:73px; line-height:73px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.megamenu_clinic_list2 .catch { font-size:16px; line-height:1.6; text-align:center; margin:30px 0 0 0; overflow:hidden; max-height:3.2em; }
.megamenu_clinic_list2 .catch  span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
body.header_fix .megamenu_clinic_list2 { position:fixed; top:140px; }
body.admin-bar.header_fix .megamenu_clinic_list2 { top:110px; } .megamenu_campaign_list { overflow:hidden; display:none; background:#f4f4f5; min-width:1182px; width:100%; position:absolute; top:140px; z-index:100; border-bottom:1px solid #ddd; }
.megamenu_campaign_list_inner {
width:1182px; margin:0 auto; position:relative;
display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
-ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between;
}
.megamenu_campaign_list .menu_area { width:300px; }
.megamenu_campaign_list .menu_area a { display:block; color:#fff; background:#ff474f; height:50px; line-height:50px; padding:0 25px; }
.megamenu_campaign_list .menu_area a:hover, .megamenu_campaign_list .menu_area li.active a { background:#fff; color:#ff474f; }
.megamenu_campaign_list .post_list_area { width:calc(100% - 300px); background:#fff; }
.megamenu_campaign_list .post_list {
display:none; padding:19px 0 0 19px; min-height:383px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.megamenu_campaign_list .post_list:first-child { display:block; }
.megamenu_campaign_list .post_list li { width:270px; height:163px; float:left; margin:0 19px 19px 0; }
.megamenu_campaign_list .post_list li:nth-child(3n) { margin-right:0; }
.megamenu_campaign_list .post_list li a.link { display:block; width:100%; height:163px; background:#fff; position:relative; overflow:hidden; }
.megamenu_campaign_list .post_list li .title_area { width:100%; height:60px; position:absolute; bottom:0px; left:0px; z-index:2; overflow:hidden; }
.megamenu_campaign_list .post_list li .title_area:before { display:block; content:''; z-index:2; position:absolute; bottom:0px; left:0px; width:100%; height:100%; }
.megamenu_campaign_list .post_list li .normal_image {
position:absolute; top:0px; left:0px; z-index:1; width:100% !important; height:100% !important;
object-fit:cover; font-family: 'object-fit: cover;'
}
.megamenu_campaign_list .post_list li .blur_image { width:100%; height:163px; position:absolute; bottom:0px; left:0px; }
.megamenu_campaign_list .post_list li .blur_image img {
width:100% !important; height:100% !important;
object-fit: cover; font-family: 'object-fit: cover;'
}
.megamenu_campaign_list .post_list li .title {
line-height:1.6; padding:0 20px; font-size:14px; overflow:hidden; font-weight:normal; max-height:3.2em; z-index:2;
position:absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.megamenu_campaign_list .post_list li .title span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
body.header_fix .megamenu_campaign_list { position:fixed; top:140px; }
body.admin-bar.header_fix .megamenu_campaign_list { top:110px; } #page_header { width:100%; position:relative; margin-top:0px; height:;} #page_header_inner { width:1182px; height:500px; margin:0 auto; position:relative; overflow:hidden; }
#page_header.small #page_header_inner { height:180px; }
#page_header_catch {
width:1182px; margin:auto; position:absolute; z-index:3; text-align:center; color:#fff;
left:0px; right:0px; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
#page_header_catch .catch { margin-bottom:8px; font-size:46px; line-height:1.4; font-weight:500; }
#page_header_catch .desc { font-size:16px; line-height:2.3; color: #35353c;}
#page_header_catch .title { margin-top:60px; font-size:32px; line-height:1.4; font-weight:500; text-align:left; }
#page_header .overlay { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:2; } #header_slider_wrap { width:100%; height:725px; position:relative; } #header_slider { width:100%; min-width:1182px; height:725px; overflow:hidden; position:relative; background:#000; }
#header_slider .item { opacity:0; width:100%; height:725px; position:relative; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
#header_slider .image { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; } #header_slider .animation_type1.animate .image {
-webkit-backface-visibility:hidden; backface-visibility:hidden;
-webkit-animation: zoomOut 35.0s ease forwards;
animation: zoomOut 35.0s ease forwards;
}
#header_slider .animation_type2.animate .image {
-webkit-backface-visibility:hidden; backface-visibility:hidden;
-webkit-animation: zoomIn 35.0s ease forwards;
animation: zoomIn 35.0s ease forwards;
} #header_video { display:block; min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; z-index: 1;  -webkit-transform: translate3d(-50%,-50%, 0);transform: translate3d(-50%,-50%, 0); } #header_slider.header_para_slider { width:100%; min-width:1182px; height:725px; overflow:hidden; position:relative; background:#fff; }
#header_slider.header_para_slider.parallax-slider-initialized { height:auto !important; }
#header_slider.header_para_slider .item { opacity:1; width:725px; height:725px; overflow: hidden; position:relative; }
#header_slider.header_para_slider .item .image { background-repeat:no-repeat; background-position:center center; background-size:cover; height:100%; width:150%; position:absolute; top:0; left:-25%; } #header_slider_wrap .caption {
width:1182px; margin:auto; position:absolute; z-index:3; text-align:center; margin-top:60px;
left:0px; right:0px; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
#header_slider_wrap .caption.para_slider_caption { margin-top:0; top:auto; bottom:50px; -webkit-transform: translateY(0%); transform: translateY(0%); }
#header_slider_wrap .direction_type2 .caption_inner { text-align:center; }
#header_slider_wrap .direction_type3 .caption_inner { text-align:right; }
#header_slider_wrap .caption .title { line-height:1.3; word-wrap: break-word; position:relative; font-weight:500; margin:0; }
#header_slider_wrap .caption .sub_title { font-size:16px; line-height:1.3; margin:5px 0 5px 0; position:relative; }
#header_slider_wrap .caption .button {
font-size:14px; min-width:200px; height:55px; line-height:55px; text-align:center; position:relative; padding:0 60px; margin-top:20px; display:inline-block; -webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-box-sizing:border-box; box-sizing:border-box;
} #header_slider_wrap .overlay { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:2; }
#header_slider_wrap .overlay.gradation { height:40%; top:auto; bottom:0px; } #header_slider_wrap .caption .title, #header_slider_wrap .caption .sub_title, #header_slider_wrap .caption .button { opacity:0; }
#header_slider_wrap .item.animate .caption .title, #header_slider_wrap.animate .caption .title {
-webkit-animation: slideUp 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 1.5s;
animation: slideUp 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 1.5s;
}
#header_slider_wrap .item.animate .caption .sub_title, #header_slider_wrap.animate .caption .sub_title {
-webkit-animation: slideUp 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 2.0s;
animation: slideUp 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 2.0s;
}
#header_slider_wrap .item.animate .caption .button, #header_slider_wrap.animate .caption .button {
-webkit-animation: slideUp 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 2.5s;
animation: slideUp 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 2.5s;
}
#header_slider_wrap.animate .caption.para_slider_caption .title {
-webkit-animation: opacityAnimation 2.5s ease-out forwards 2.5s;
animation: opacityAnimation 2.5s ease-out forwards 2.5s;
}
#header_slider_wrap.animate .caption.para_slider_caption .sub_title {
-webkit-animation: opacityAnimation 2.5s ease-out forwards 3.0s;
animation: opacityAnimation 2.5s ease-out forwards 3.0s;
}
#header_slider_wrap.animate .caption.para_slider_caption .button {
-webkit-animation: opacityAnimation 2.5s ease-out forwards 3.5s;
animation: opacityAnimation 2.5s ease-out forwards 3.5s;
} #index_side_button {
position:fixed; z-index:100; right:0px; top:265px; font-size:16px; -webkit-transform: translateX(60px); transform: translateX(60px);
}
#index_side_button.animate {
-webkit-transform: translateX(0%); transform: translateX(0%);
-webkit-transition: -webkit-transform 0.35s 1.5s; transition: transform 0.35s 1.5s;
}
#index_side_button a {
display:block; height:60px; line-height:60px; background:#fe535c; color:#fff; text-align:center;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#index_side_button.type1 a {
padding:0 30px; min-width:200px;
-webkit-transform: rotate(-90deg) translate(0, -100%); transform: rotate(-90deg) translate(0, -100%);
-webkit-transform-origin: 100% 0; transform-origin: 100% 0;
}
#index_side_button.type2 {
-webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation:upright; white-space:nowrap;
display: -webkit-flex; display: flex;
-webkit-align-items: center; align-items: center;
-webkit-justify-content: center; justify-content: center;
}
#index_side_button.type2 a { padding:30px 0; min-height:200px; height:auto; }  @-webkit-keyframes slideUp {
0% { bottom:-30px; }
100% { opacity:1; bottom:0; }
}
@keyframes slideUp {
0% { bottom:-30px; }
100% { opacity:1; bottom:0; }
} @-webkit-keyframes zoomOut {
0% { transform: scale(1.0) rotate(0.0001deg); }
100% { transform: scale(1.3); }
}
@keyframes zoomOut {
0% { transform: scale(1.0) rotate(0.0001deg); }
100% { transform: scale(1.3); }
} @-webkit-keyframes zoomIn {
0% { transform: scale(1.3) rotate(0.0001deg); }
100% { transform: scale(1.0); }
}
@keyframes zoomIn {
0% { transform: scale(1.3) rotate(0.0001deg); }
100% { transform: scale(1.0); }
} @-webkit-keyframes opacityAnimation {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes opacityAnimation {
0% { opacity:0; }
100% { opacity:1; }
} @-webkit-keyframes slideRight {
0% { left:-200px; opacity:0; }
100% { left:0px; opacity:1; }
}
@keyframes slideRight {
0% { left:-200px; opacity:0; }
100% { left:0px; opacity:1; }
}  .index_cb_catch { text-align:center; padding:90px 0 35px; }
.index_cb_catch .catch { font-size:46px; line-height:1.6; font-weight:500; }
.index_cb_catch .desc { margin-top:5px; font-size:16px; line-height:2.3; } .index_cb_button { text-align:center; }
.index_cb_button a {
display:inline-block; min-width:240px; height:60px; line-height:60px; padding:0 20px; background:#222222; color:#fff; font-size:16px;margin-top: 12px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.index_cb_button a:hover { background:#f45963; color:#fff; }  .element_image { }
.element_image img { width:60px; height:auto; display:block; margin:0 auto 45px; } .index_box_content { position:relative; }
.index_box_content .box { float:left; position:relative; height:300px; overflow:hidden; z-index:2; }
.index_box_content.type1 .box { width:50%; }
.index_box_content.type2 .box { width:calc(100% / 3 - 0.01px); opacity: 0;}
.index_box_content .title { position:absolute; top:50px; left:50px; z-index:2; }
.index_box_content .title span { display:block; margin-top:10px; }
.index_box_content .catch { position:absolute; bottom:48px; left:50px; z-index:2; }
.index_box_content .image_wrap { display:block; width:100%; height:300px; position:absolute; top:0px; left:0px; z-index:1; overflow:hidden; }
.index_box_content .image { width:100%; height:300px !important; display:block; overflow:hidden; position:relative; z-index:2; }
.index_box_content .image img { width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; }  .index_box_content.no_animate .box { opacity:1; }
.index_box_content .box.active {
z-index:3;
-webkit-animation: opacityAnimation 2.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 2.5s;
animation: opacityAnimation 2.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 0s;
} #index_free_space { width:1182px; margin:0 auto; padding:60px 0 60px; }  #archive_service { width:1182px; margin:60px auto 150px; }
#archive_service .item { position:relative; }
#archive_service .item:last-child { border-bottom:1px solid #ddd; }
#archive_service .top_area { height:300px; position:relative; border: 1px solid #ddd;}
#archive_service .top_area .title { font-size:46px; color:#ff474f; position:absolute; top:50px; left:80px; z-index:2; }
#archive_service .top_area .title span { display:block; font-size:16px; margin:10px 0 0 0; }
#archive_service .top_area .catch { font-size:26px; line-height:1.4; position:absolute; bottom:42px; left:80px; z-index:2; }
#archive_service .top_area .image { width:50%; height:300px; position:absolute; right:0px; top:0px; z-index:1; }
#archive_service .mobile_catch { display:none; }
#archive_service .bottom_area {
padding:55px 80px 60px; border-left:1px solid #ddd; border-right:1px solid #ddd;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#archive_service .bottom_area .sub_category { width:calc(50% - 25px); float:left; margin-bottom:-8px; }
#archive_service .bottom_area .sub_category li not(#archive_service){ font-size:14px; line-height:2; float:left; width:50%; margin:0 0 8px 0; }
#archive_service .bottom_area .sub_category li a { display:block; }
#archive_service .bottom_area .desc { width:calc(50% - 25px); float:right; line-height:2.4; font-size:16px; }
#archive_service .bottom_area .desc.no_sub_category { width:100%; float:none; }
#archive_service .bottom_area .link_button { clear:both; text-align:center; padding:50px 0 0 0; }
#archive_service .bottom_area .link_button  a {
display:inline-block; min-width:240px; height:60px; line-height:60px; padding:0 20px; background:#222222; color:#fff; font-size:16px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#archive_service .bottom_area .link_button  a:hover { background:#f45963; color:#fff; } #main_col #archive_service { width:100%; margin:0 auto; }
#main_col #archive_service .item:last-child { border-bottom:none; }
#main_col #archive_service .top_area .title { left:50px; z-index:5; }
#main_col #archive_service .top_area .catch { left:50px; z-index:5; }
#main_col #archive_service .item .category_desc { line-height:2; font-size:16px; margin-top:40px; }
#archive_service .archive_service_child { margin:40px 0 0 0; }
#archive_service .archive_service_child .headline { padding:0 26px; margin:0 0 22px 0; height:60px; line-height:60px; font-size:20px; font-weight:500; color:#ff4b54; background:#f7f7f8; border-left:3px solid #ff4b54; }
#archive_service .archive_service_child .category_desc { line-height:2; font-size:16px; margin:0 0 40px; } .service_post_list { margin-bottom:-18px; }
.service_post_list li { float:left; width:calc(50% - 14px); margin:0 28px 28px 0; }
.service_post_list li:nth-child(2n) { margin-right:0; }
.service_post_list li a { display:block; background:#f7f7f8; width:100%; height:345px; position:relative; }
.service_post_list .image_wrap { display:block; width:100%; height:145px; z-index:1; overflow:hidden; }
.service_post_list .image { width:100%; height:145px !important; display:block; overflow:hidden; position:relative; z-index:2; }
.service_post_list .image img { width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.service_post_list .title { color:#ff474f; font-size:22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.service_post_list .title span { line-height: 0; }
.service_post_list .desc { font-size:14px; line-height:2.4; margin:10px 0 0 0; max-height:7.2em; overflow:hidden; }
.service_post_list .desc span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.service_post_list .title_area { padding:40px 45px; } #single_service_title_area { margin:0 0 50px 0; }
#single_service_title_area .title { font-size:26px; font-weight:500; height:80px; line-height:80px; background:#f7f7f8; border-left:3px solid #ff4b54; padding:0 30px; }
#single_service_title_area .image { width:100%; height:300px; }
#single_service .cf_price_list { margin:0 0 60px 0; }
body.single-service #main_col { padding-bottom:125px; }
#single_service_related_post { padding-top:35px; }
#single_service_related_post .headline { color:#fe373a; font-size:22px; font-weight:500; text-align:center; padding:0 0 30px 0; border-bottom:1px solid #ddd; margin:0 0 30px 0; }  #index_clinic { margin:0 auto; width:1182px; padding:30px 0 120px; }
#index_clinic .post_list { margin:0 0 60px 0; }
#index_clinic .item { width:calc(100% / 3); float:left; height:800px; position:relative; }
#index_clinic .title_area {
width:100%; height:400px; position:absolute; bottom:0px; left:0px;
-webkit-transition-property:background-color, color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
transition-property:background-color, color; transition-duration:0.2s; transition-timing-function:ease;background: var(--clr-backgroundg)!important;
}
#index_clinic .title_area_inner {
padding:50px; display:block; position:absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#index_clinic .item:nth-child(2) .title_area, #index_clinic .item:nth-child(5) .title_area, #index_clinic .item:nth-child(8) .title_area, #index_clinic .item:nth-child(11) .title_area {
top:0;
}
#index_clinic .item a { display:block; }
#index_clinic .image_wrap { display:block; width:100%; height:400px; position:absolute; top:0px; left:0px; z-index:1; overflow:hidden; }
#index_clinic .image { width:100%; height:400px !important; display:block; overflow:hidden; position:relative; z-index:2; }
#index_clinic .image img { width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
#index_clinic .item:nth-child(2) .image_wrap, #index_clinic .item:nth-child(5) .image_wrap, #index_clinic .item:nth-child(8) .image_wrap, #index_clinic .item:nth-child(11) .image_wrap {
top:auto; bottom:0px;
}
#index_clinic .title_area .title { line-height:1.4; font-weight: 500;}
#index_clinic .title_area .desc { line-height:2; margin:14px 0 0 0; font-weight:400; } #clinic_list { width:1182px; margin:60px auto 150px; }
#clinic_list .item { width: 48%;
float: left; border-right: none;
margin: 10px 10px 10px 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
box-shadow: 0px 3px 16px var(--clr-box-shadow);
}
#clinic_list .item:nth-child(2n), #clinic_list .item:last-child { border-right:1px solid #ddd; }
#clinic_list .title { text-align:center; font-size:20px; color:#ff474f; height:80px; line-height:80px; }
#clinic_list .image_wrap { display:block; width:calc(100% + 2px); height:215px; overflow:hidden; margin:0 -1px; }
#clinic_list .image { width:100%; height:100% !important; display:block; overflow:hidden; position:relative; z-index:2; }
#clinic_list .image img { width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
#clinic_list .bottom_area { background:#f7f7f8; position:relative; height:380px; } #clinic_list .bottom_area_inner {
padding:0 80px;
position:absolute; top:45%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-box-sizing:border-box; box-sizing:border-box;
} #clinic_list .catch { text-align:center; font-size:24px; line-height:1.6; font-weight:500; }
#clinic_list .desc { font-size:16px; line-height:2.4; margin-top:40px; }
#clinic_list .link_button { text-align:center; }
#clinic_list .link_button a {
display:inline-block; min-width:240px; height:60px; line-height:60px; padding:0 20px; background:#222222; color:#fff; font-size:16px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#clinic_list .link_button a:hover { background:#f45963; color:#fff; }  #clinic_staff_info { }
#clinic_staff_info .image img { border-radius:100%; display:block; margin:0 auto; }
#clinic_staff_info .name { text-align:center; font-size:14px; line-height:1.6; margin:40px 0 0 0; } #clinic_content_list1 .item { width:100%; height:250px; position:relative; margin:0 0 30px 0; }
#clinic_content_list1 .item:last-child { margin:0; }
#clinic_content_list1 .image { width:400px; height:250px; float:left; }
#clinic_content_list1 .desc {
font-size:16px; line-height:2; width:calc(100% - 400px); padding:0 60px;
position:absolute; left:400px; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-box-sizing:border-box; box-sizing:border-box;
} #clinic_content_list2 .item { width:100%; height:260px; position:relative; margin:0 0 30px 0; }
#clinic_content_list2 .item:last-child { margin:0; }
#clinic_content_list2 .image { width:300px; height:260px; float:right; }
#clinic_content_list2 .left_area { width:calc(100% - 300px); height:260px; float:left; position:relative; }
#clinic_content_list2 .left_area_inner {
padding:0 60px;
position:absolute; left:0px; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#clinic_content_list2 .headline { font-size:22px; line-height:1.6; font-weight:500; }
#clinic_content_list2 .desc { font-size:16px; line-height:2; margin-top:10px; }
#clinic_content_list2 .link_button { width:300px; height:260px; float:right; position:relative; }
#clinic_content_list2 .link_button a {
display:inline-block; min-width:240px; height:60px; line-height:60px; padding:0 20px; background:#222222; color:#fff; font-size:16px; text-align:center;
position:absolute; left:0px; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#clinic_content_list2 .link_button a:hover { background:#f45963; color:#fff; } #access_google_map { width:100%; height:560px; border:1px solid #ddd; border-bottom:none; }
#access_google_map .pb_googlemap_embed { width: 100%; height: 560px; }
#access_google_map .pb_googlemap_custom-overlay-inner { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: -94px; left: -40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 80px !important; height: 80px !important; border-radius: 50%; font-size: 18px; text-align: center; }
#access_google_map .pb_googlemap_custom-overlay-inner::after { display: block; position: absolute; right: 0; bottom: -15px; left: 0; width: 0; height: 0; margin: auto; border-width: 16px 5px 0 5px; border-style: solid; content: ""; }
#cinic_address_data { border:1px solid #ddd; border-top:none; padding:50px; margin:0 0 30px 0; }
#cinic_address_data .logo { display:block; margin:0 auto; }
#cinic_address_data .address { margin:20px 0 0 0; text-align:center; }
#cinic_address_data .address p { font-size:16px; line-height:2; }
#cinic_address_data .link_button { text-align:center; margin-top:20px;}
#cinic_address_data .link_button a {
display:inline-block; min-width:240px; height:60px; line-height:60px; padding:0 20px; background:#bbbbbb; color:#fff; font-size:16px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#cinic_address_data .link_button a:hover { background:#f45963; color:#fff; }  #index_campaign1 { position:relative; padding:0 0 100px !important; }
#index_campaign1 .index_cb_catch { z-index:2; position:relative; }
#index_campaign1 .overlay { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; }
#index_campaign1 .index_cb_button { position:relative; z-index:2; } #index_campaign_slider_area { width:1182px; margin:10px auto 0; position:relative; }
#index_campaign_slider_wrap { width:1182px; overflow:hidden; margin:0 auto; }
#index_campaign_slider { z-index:2; position:relative; width:1224px; margin:5px auto 60px; }
#index_campaign_slider .item { width:365px; margin:0 43px 0 0; position:relative; }
#index_campaign_slider .item a.link { display:block; width:365px; }
#index_campaign_slider .item a.link .top_area { height:250px; position:relative; overflow:hidden; }
#index_campaign_slider .title_area { width:100%; height:80px; position:absolute; bottom:0px; left:0px; z-index:2; overflow:hidden; }
#index_campaign_slider .title_area:before { display:block; content:''; z-index:2; position:absolute; bottom:0px; left:0px; width:100%; height:100%; }
#index_campaign_slider .normal_image {
position:absolute; top:0px; left:0px; z-index:1; width:100% !important; height:100% !important;
object-fit:cover; font-family: 'object-fit: cover;'
}
#index_campaign_slider .blur_image { width:100%; height:250px; position:absolute; bottom:0px; left:0px; }
#index_campaign_slider .blur_image img {
width:100% !important; height:100% !important;
object-fit: cover; font-family: 'object-fit: cover;'
}
#index_campaign_slider .title {
line-height:1.6; padding:0 30px; font-size:18px; overflow:hidden; max-height:3.2em; z-index:2;
position:absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#index_campaign_slider .title span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
#index_campaign_slider .category a {
display:none; position:absolute; top:0px; left:0px; z-index:3; color:#fff; height:36px; line-height:36px; min-width:110px; text-align:center; font-size:12px; padding:0 15px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#index_campaign_slider .category a:first-child { display:block; }
#index_campaign_slider .desc { margin:25px 0 0 0; font-size:16px; color:#000; line-height:1.6; }  .index_slider_arrow { width:60px; height:60px; line-height:60px; text-align:center; position:absolute; cursor:pointer; z-index:9; overflow:hidden; text-indent:-200px; }
.index_slider_arrow:before {
font-family:'design_plus'; color:#fff; width:18px; height:18px; font-size:18px; display:block; position:absolute; text-indent:0px;
top:2px; left:18px;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.index_slider_arrow.prev:before { content:'\e90f'; }
.index_slider_arrow.next:before { content:'\e910'; left:0; right:0; margin:auto; }
.index_slider_arrow.prev { top:100px; left:-60px; }
.index_slider_arrow.next { top:100px; right:-63px; }
@media screen and (max-width:1350px) {
.index_slider_arrow { display:none; }
} #index_campaign2 { position:relative; padding:15px 0 120px; }
#index_campaign2 .index_cb_catch { z-index:2; position:relative; }
#index_campaign2 .overlay { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; }
#index_campaign2 .index_cb_button { position:relative; z-index:2; } body.home #campaign_list  { width:1182px; margin:15px auto 20px; }
#archive_campaign #campaign_list  { width:1182px; margin:0 auto; }
#campaign_list .item { width:365px; margin:0 43px 40px 0; position:relative; float:left; }
#archive_campaign #campaign_list .item:nth-child(3n), #campaign_list .item.third { margin-right:0; }
#campaign_list .item a.link { display:block; width:100%; height:220px; background:#fff; position:relative; overflow:hidden; }
#campaign_list .normal_image {
position:absolute; top:0px; left:0px; z-index:1; width:100% !important; height:100% !important;
object-fit:cover; font-family: 'object-fit: cover;'
}
#campaign_list .blur_image { width:100%; height:220px; position:absolute; bottom:0px; left:0px; }
#campaign_list .blur_image img {
width:100% !important; height:100% !important;
object-fit: cover; font-family: 'object-fit: cover;'
}
#campaign_list .title_area { width:100%; height:80px; position:absolute; bottom:0px; left:0px; z-index:2; overflow:hidden; }
#campaign_list .title_area:before { display:block; content:''; z-index:2; position:absolute; bottom:0px; left:0px; width:100%; height:100%; }
#campaign_list .title {
line-height:1.6; padding:0 30px; font-size:18px; overflow:hidden; max-height:3.2em; z-index:2;
position:absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#campaign_list .title span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
#campaign_list .category a {
display:none; position:absolute; top:0px; left:0px; z-index:3; color:#fff; height:36px; line-height:36px; min-width:110px; text-align:center; font-size:12px; padding:0 15px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#campaign_list .category a:first-child { display:block; }
#campaign_list .item.large { width:calc(50% - 22px); }
#campaign_list .item.large:nth-child(2n) { margin-right:0; }
#campaign_list .item.large a.link { height:340px; }
#campaign_list .item.large .blur_image { height:340px; }
#campaign_list.type2 .item:nth-child(3n) { margin-right:0; }
#campaign_list.type2 .item.large:nth-child(2n) { margin-right:43px; }
#campaign_list.type2 .item.large.even { margin-right:0; }
#campaign_list.type2.same_size .item:nth-child(3n) { margin-right:43px; }
#campaign_list.type2.same_size .item.large:nth-child(2n) { margin-right:0px; } #archive_campaign { margin-bottom:150px; }
#archive_campaign_category_list { width:1180px; margin:60px auto; }
#archive_campaign_category_list li {
float:left; margin:0; width:calc(100% / 7); font-size:14px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#archive_campaign_category_list li a { text-align:center; display:block; height:60px; line-height:62px; background:#f7f7f8; border:1px solid #ddd; border-right:0; }
#archive_campaign_category_list li:nth-child(7n) a, #archive_campaign_category_list li:last-child a { border-right:1px solid #ddd; }
#archive_campaign_category_list li a:hover, #archive_campaign_category_list li.active a { background:#ff4b54; border-color:#ff4b54; color:#fff; }
#archive_campaign_category_list .small {
display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#archive_campaign_category_list .small li { width:auto; -ms-flex: 1 1 0%; -webkit-flex: 1 1 0%; flex: 1 1 0%; } #category_campaign_headline { padding:0 35px; margin:0 0 30px 0; height:80px; line-height:80px; font-size:26px; font-weight:500; background:#f7f7f8; border-left:3px solid #ff4b54; }
#category_campaign_desc { font-size:16px; line-height:2.2; margin:0 0 20px 0; }
#campaign_list2 { padding:30px 0 0 0; }
#campaign_list2 .item { width:100%; height:250px; margin:0 0 30px 0; }
#campaign_list2 .item a { display:block; width:100%; height:250px; position:relative; background:#f7f7f7;  }
#campaign_list2 .image_wrap { float:right; display:block; width:250px; height:250px; overflow:hidden; }
#campaign_list2 .image { width:100%; height:100% !important; display:block; overflow:hidden; position:relative; z-index:2; }
#campaign_list2 .image img { width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
#campaign_list2 .title_area { width:calc(100% - 250px); height:100%; position:relative; }
#campaign_list2 .title_area_inner {
padding:0 50px; position:absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#campaign_list2 .title { line-height:1.6; font-size:20px; overflow:hidden; max-height:3.2em; color:#ff4b54; }
#campaign_list2 .title span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
#campaign_list2 .desc { line-height:2.2; font-size:16px; overflow:hidden; max-height:4.4em; margin:12px 0 0 0; }
#campaign_list2 .desc span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
#campaign_list2 .label { position:absolute; top:0px; left:0px; width:90px; height:90px; }
#campaign_list2 .label .name {
position:absolute; font-size:12px; left:20px; z-index:3; color:#fff; max-width:2em; line-height:1.4;
margin-top:-17px; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
#campaign_list2 .label .bg { position:absolute; z-index:2; width:0; height:0; border-style:solid; border-width:90px 90px 0 0; }  .cf_header_image { width:100%; height:300px; position:relative; margin:0 0 50px 0;}
.cf_header_image .title_area { width:100%; height:70px; position:absolute; bottom:0px; left:0px; z-index:2; overflow:hidden; }
.cf_header_image .title_area:before { display:block; content:''; z-index:2; position:absolute; bottom:0px; left:0px; width:100%; height:100%; }
.cf_header_image .normal_image {
position:absolute; top:0px; left:0px; z-index:1; width:100% !important; height:100% !important;
object-fit:cover; font-family: 'object-fit: cover;'
}
.cf_header_image .blur_image { width:100%; height:300px; position:absolute; bottom:0px; left:0px; }
.cf_header_image .blur_image img {
width:100% !important; height:100% !important;
object-fit: cover; font-family: 'object-fit: cover;'
}
.cf_header_image .title {
line-height:1.4; font-size:22px; overflow:hidden; max-height:3.2em; color:#ff4b53; z-index:3;
padding:0 30px; position:absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.cf_header_image .title span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.cf_header_image .category a { min-width:110px; padding:0 15px; height:35px; line-height:35px; text-align:center; font-size:12px; display:none; color:#fff; position:absolute; top:0px; left:0px; z-index:4; }
.cf_header_image .category a:first-child { display:inline-block; }
#campaign_header_image { height:500px; }
#campaign_header_image .title_area { height:100px; }
#campaign_header_image .blur_image { height:500px; } .cf_header_no_image{ width: 100%; margin: 0 0 50px 0; }
.cf_header_no_image .title {
font-size:22px; overflow:hidden; color:#ff4b53; z-index:3;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.cf_header_no_image .title span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.cf_header_no_image .category{ margin-bottom: 50px; }
.cf_header_no_image .category a { min-width:110px; padding:0 15px; height:35px; line-height:35px; text-align:center; font-size:12px; display:none; color:#fff; position:relative; top:0px; left:0px; z-index:4; }
.cf_header_no_image .category a:first-child { display:inline-block; }
#campaign_header_image.cf_header_no_image { height:auto; } .cf_catch .catch { text-align:center; margin-bottom:37px; font-size:32px; line-height:1.5; font-weight:500; }
.cf_catch .post_content { margin:0 0 15px 0; } .cf_data_list {
padding:50px 50px 20px; margin:60px 0 60px 0;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.cf_data_list .headline { text-align:center; font-size:24px; font-weight:500; padding:0 0 40px 0; margin:0 0 45px 0; border-bottom:1px solid #ddd; } .cf_data_list li {
width:50%; float:left; margin:0 0 20px 0; padding:0 0 0 35px; font-size:16px; line-height:1.6; position:relative;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.cf_data_list li:before {
border:1px solid #ff0101; color:#ff0101; font-family:'design_plus'; content:'\f00c'; font-size:12px; width:20px; height:20px; line-height:20px; text-align:center;
display:block; position:absolute; left:0; top:1px; bottom:0;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.cf_data_list.type2 li { width:calc(100% / 3); padding:0; }
.cf_data_list.type2 li:before { display:none; }
.cf_data_list li a { display:block; } .cf_content_list .item { margin:0 0 20px 0; }
.cf_content_list .headline { font-size:18px; height:60px; line-height:60px; margin:0 0 20px 0; padding:0 22px; border-left:3px solid #ff4b54; background:#f7f7f8; } .cf_image_list { margin:0 0 50px 0; }
.cf_image_list.type1 img { width:calc(50% - 14px); height:auto; display:block; }
.cf_image_list.type1 img:nth-child(1) { float:left; }
.cf_image_list.type1 img:nth-child(2) { float:right; }
.cf_image_list.type1 img:nth-child(3) { display:none; }
.cf_image_list.type2 img { width:calc(100% / 3); height:auto; display:block; float:left; } .cf_price_list .headline { font-size:18px; height:60px; line-height:60px; margin:0; padding:0 25px; background:#f93c41; }
.cf_price_list dl {
border-left:1px solid #ddd; border-top:1px solid #ddd; background:#f7f7f8; margin:0;
display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
-ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between;
}
.cf_price_list dt {
width:630px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; line-height:1.7; padding:20px 25px; position:relative;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.cf_price_list dd {
text-align:center; -webkit-width:calc(100% - 630px); width:calc(100% - 630px); padding:20px 25px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; line-height:1.7;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.cf_price_list .desc { margin-top:20px; line-height:1.6; font-size:14px; }  #index_news { position:relative; padding:15px 0 120px; }
#index_news .post_list {
width:1182px; margin:0 auto 60px;
display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#index_news .post_list .item {
margin:0 -1px -1px 0; width:50%; border:1px solid #ddd;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#index_news .post_list .item a {
background:#fff; display:block; padding:28px 30px 22px; height:100%;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#index_news .post_list .item a:hover { background:#f6f6f6; }
#index_news .post_list .date { margin:0 0 10px 0; font-size:14px; }
#index_news .title { font-size:16px; width:100%; font-weight:400; line-height:1.6; max-height:3.2em; overflow:hidden; }
#index_news .title span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } #news_archive { position:relative; }
#news_archive .item { height:245px; position:relative; border:1px solid #ddd; margin-bottom:-1px; }
#news_archive .item a {
display:block; background:#fff; width:100%; height:100%; color:#000; padding:21px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#news_archive .item a:hover { background:#f8f8f8; }
#news_archive .image_wrap { float:left; display:block; width:335px; height:200px; overflow:hidden; }
#news_archive .image { width:100%; height:100% !important; display:block; overflow:hidden; position:relative; z-index:2; }
#news_archive .image img { width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
#news_archive .title_area {
float:left; -webkit-width:calc(100% - 335px); width:calc(100% - 335px); height:200px; position:relative;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#news_archive .title_area_inner { padding:0 20px 0 40px; position:absolute; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#news_archive .title { font-size:20px; font-weight:500; line-height:1.6; max-height:3.2em; overflow:hidden; }
#news_archive .title span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
#news_archive .date { font-size:14px; color:#f95660; margin:0 0 7px 0; }
#news_archive .no_image .title_area { float:none; width:100%; }
#news_archive .no_image .title_area_inner { padding:0 20px; } #recent_news { margin:60px 0 0 0; position:relative; padding:40px; }
#recent_news .headline { padding:0 30px; font-weight:bold; margin:0 0 30px 0; font-size:20px; text-align:center; }
#recent_news .post_list { }
#recent_news li a {
border:1px solid #ddd; border-bottom:none; display:block; background:#fff; padding:30px 30px 25px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#recent_news li:last-child a { border-bottom:1px solid #ddd; }
#recent_news li a:hover {  }
#recent_news li .title {
font-size:16px; line-height:1.6; color:#000; font-weight:normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
-webkit-transition-property:background-color, color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
transition-property:background-color, color; transition-duration:0.2s; transition-timing-function:ease;
}
#recent_news li .date { font-size:14px; color:#999; margin:0 0 7px 0; }
#recent_news .link { font-size:14px; position:absolute; right:60px; top:40px; }
#recent_news .link:after {
content:''; width:12px; height:12px; line-height:12px;
font-family:'design_plus'; color:#000; font-size:12px; display:block;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
content:'\e910'; position:absolute; right:-20px; top:3px;
}
body.single-news #single_banner_bottom { padding:0 0 0; }  #index_banner { position:relative; }
#index_banner .box { width:50%; height:400px; position:relative; float:left; overflow:hidden; }
#index_banner .link { display:block; position:relative; width:100%; height:100%; }
#index_banner .title {
width:150px; height:150px; line-height:150px; text-align:center;
position:absolute; font-size:14px;
left:0; right:0; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index:2; margin:auto;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#index_banner .catch { }
#index_banner .image_wrap { display:block; width:100%; height:100%; overflow:hidden; }
#index_banner .image { width:100%; height:100% !important; display:block; overflow:hidden; position:relative; z-index:2; }
#index_banner .image img { width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
#index_banner .catch { width:100%; height:60px; position:absolute; bottom:0px; left:0px; z-index:2; overflow:hidden; }
#index_banner .catch:before { display:block; content:''; z-index:3; position:absolute; bottom:0px; left:0px; width:100%; height:100%; }
#index_banner .normal_image {
position:absolute; top:0px; left:0px; z-index:1;
width:100% !important; height:100% !important;
object-fit:cover;
font-family: 'object-fit: cover;'
}
#index_banner .blur_image { width:100%; height:400px; position:absolute; bottom:0px; left:0px; }
#index_banner .blur_image img {
width:100% !important; height:100% !important;
object-fit: cover;
font-family: 'object-fit: cover;'
}
#index_banner .catch p {
position:absolute; z-index:5; text-align:center; width:100%; font-size:16px; line-height:1.4; padding:0 20px;
top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-box-sizing:border-box; box-sizing:border-box;
}  #index_staff { position:relative; padding:0 0 100px !important; }
#index_staff .index_cb_catch { z-index:2; position:relative; }
#index_staff .overlay { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; }
#index_staff .index_cb_button { position:relative; z-index:2; } #index_staff_slider_area { width:1182px; margin:10px auto 0; position:relative; }
#index_staff_slider_wrap { width:1182px; overflow:hidden; margin:0 auto; }
#index_staff_slider { z-index:2; position:relative; width:1212px; margin:5px auto 60px; }
#index_staff_slider .item { width:270px; margin:0 32px 0 0; position:relative; }
#index_staff_slider .item a { display:block; width:100%; height:100%; position:relative; }
#index_staff_slider .desc_area {
height:260px; background:#fff; position:relative; padding:40px; font-size:16px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#index_staff_slider .desc { max-height:11.4em; overflow:hidden; }
#index_staff_slider .desc p { line-height:1.9; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; }
#index_staff_slider .desc:after {
display:block; content:''; width: 0; height: 0; position:absolute; bottom:-14px; left:0px; right:0; margin:auto;
border-style: solid; border-width: 15px 10px 0 10px; border-color: #ffffff transparent transparent transparent;
}
#index_staff_slider .animate_image { display:block; width:120px; height:120px; border-radius:100%; position:relative; overflow:hidden; z-index:2; margin:35px auto 20px; }
#index_staff_slider .animate_image img { display:block; width:100%; height:auto; }
#index_staff_slider .title { color:#fff; text-align:center; font-size:16px; } #staff_list { width:1182px; margin:60px auto 150px; }
#staff_list .item {
width:calc(100% / 3); height:606px; float:left; border:1px solid #ddd; margin:0 -1px -1px 0; background:#fff;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#staff_list .item.no_data_list { height:405px; }
#staff_list .item a { display:block; width:100%; height:100%; position:relative; pointer-events:none; }
#staff_list .title { text-align:center; font-size:20px; color:#ff474f; height:80px; line-height:80px; pointer-events:auto; }
#staff_list .desc { height:184px; position:relative; pointer-events:auto; }
#staff_list .desc p {
font-size:16px; line-height:2.2;  overflow:hidden; max-height:6.6em; padding:0 50px;
position:absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
#staff_list .desc p span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
#staff_list .image_wrap { display:block; width:calc(100% + 2px); height:142px; overflow:hidden; margin:0 -1px; }
#staff_list .image { width:100%; height:100% !important; display:block; overflow:hidden; position:relative; z-index:2; pointer-events:auto; }
#staff_list .image img { width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
#staff_list .data_list {
margin:0 10px; padding:20px 45px; height:188px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#staff_list .data_list .headline { text-align:center; font-size:16px; padding:10px 0 25px; }
#staff_list .data_list ul { max-height:7.2em; overflow:hidden; }
#staff_list .data_list li { line-height:2.4; font-size:14px; margin:0 15px 0 0; position:relative; float:left; }
#staff_list .data_list li:before { content:'\2022'; font-size:14px; margin:0 5px 0 0; } #single_staff { margin-bottom:-65px; } #faq_headline { padding:0 35px; margin:0 0 45px 0; height:80px; line-height:80px; font-size:26px; font-weight:500; background:#f7f7f8; border-left:3px solid #ff4b54; }
#faq_category { margin:0 0 45px 0; line-height:2.6; }
#faq_category li { font-size:16px; display:inline; padding:0 15px 0 0; margin:0 11px 0 0; border-right:1px solid #666; }
#faq_category li a { display:inline; }
#faq_category li:last-child { border:none; }
#faq_category li.active a { color:#ff4b54; }
#faq_list .item { border-bottom:1px solid #ddd; margin:0 0 40px 0; padding:0 0 0 0; }
#faq_list .item:last-child { margin:0; }
#faq_list .queestion { position:relative; color:#ff4b54; font-size:22px; font-weight:500; line-height:1.6; margin:0 0 20px 0; padding:0 0 0 50px; }
#faq_list .queestion:before {
font-size:16px; content:'Q'; display:block; height:35px; line-height:35px; width:35px; background:#000; color:#fff; text-align:center; border-radius:100%;
position:absolute; left:0px; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
#faq_list .meta { margin:0 0 20px 50px; }
#faq_list .meta li { float:left; line-height:1; font-size:14px; color:#999; border-right:1px solid #ccc; margin:0 10px 0 0; padding:0 10px 0 0; }
#faq_list .meta li:last-child { border:none; }
#faq_list .post_content { margin:0 0 0 50px; padding:0; }
#faq_list .post_content p { line-height:2.2; }  #archive_column {
margin:60px auto 150px; width:1182px; padding:60px 40px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#archive_column .headline { font-size:32px; font-weight:500; text-align:center; margin:0 0 20px 0; }
#column_list {  }
#column_list .item {
width:calc(50% - 19px); height:420px; margin:72px 37px 0 0; position:relative; float:left; background:#fff; border:1px solid #ddd;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#column_list.no_category .item { margin-top:40px; }
#column_list .item:nth-of-type(2n) { margin-right:0; }
#column_list .item a.link {
display:block; width:100%; height:100%; padding:30px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#column_list .item a.link .top_area { height:283px; position:relative; overflow:hidden; }
#column_list .title_area { width:100%; height:80px; position:absolute; bottom:0px; left:0px; z-index:2; overflow:hidden; }
#column_list .title_area:before { display:block; content:''; z-index:2; position:absolute; bottom:0px; left:0px; width:100%; height:100%; }
#column_list .normal_image {
position:absolute; top:0px; left:0px; z-index:1; width:100% !important; height:100% !important;
object-fit:cover; font-family: 'object-fit: cover;'
}
#column_list .blur_image { width:100%; height:283px; position:absolute; bottom:0px; left:0px; }
#column_list .blur_image img {
width:100% !important; height:100% !important;
object-fit: cover; font-family: 'object-fit: cover;'
}
#column_list .title {
line-height:1.6; padding:0 30px; font-size:18px; overflow:hidden; max-height:3.2em; z-index:2;
position:absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#column_list .title span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
#column_list .category a {
display:none; position:absolute; top:-36px; left:-1px; z-index:3; background:#000; color:#fff; height:36px; line-height:36px; min-width:110px; text-align:center; font-size:12px; padding:0 15px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#column_list .category a:first-child { display:block; }
#column_list .desc { margin:20px 0 0 0; font-size:16px; line-height:2.2; overflow:hidden; max-height:4.4em; }
#column_list .desc span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } #single_column { background: #FFF!important;}
#single_column .post_content { padding:45px 0px 20px 0px; } #single_column #next_prev_post { margin:0px 60px 60px; }
#single_column #related_post { padding:0 60px 35px; margin:0; }
#single_column #post_pagination { padding:20px 0 0 0; margin-bottom:40px; }
#single_column #p_readmore { padding:20px 0 0 0; margin-bottom:0px; }
#single_column #next_prev_post a:hover { background:#fff; } #column_post_image { padding:0; margin:-1px -1px 0; position:relative; }
#column_post_image img { width:100%; height:auto; display:block; margin:0; z-index:1; }
#column_post_image .category a {
min-width:110px; padding:0 15px; height:35px; line-height:35px; text-align:center; font-size:12px; display:none; background:#000; color:#fff; position:absolute; top:0px; left:0px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#column_post_image .category a:first-child { display:inline-block; } #column_post_title_area { margin:0; text-align:center; padding-top:55px; }
#column_post_title_area .title { color:#ff4b54; font-size:32px; line-height:1.3; font-weight:500; margin:0; }
#column_post_title_area .date { margin-top:5px; font-size:12px; color:#999; } #archive_blog { padding:60px 0 150px; }
#blog_list { margin:0 auto; width:1182px; }
#blog_list .item { width:calc(100% / 3); height:502px; float:left; position:relative; }
#blog_list .link { display:block; width:100%; height:100%; }
#blog_list .image_wrap { display:block; width:100%; height:237px; position:relative; z-index:1; overflow:hidden; }
#blog_list .image { width:100%; height:237px !important; display:block; overflow:hidden; position:relative; z-index:2; }
#blog_list .image img { width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
#blog_list .category a {
display:none; position:absolute; top:0px; left:0px; z-index:3;
background:#000; color:#fff; min-width:110px; height:35px; line-height:35px; text-align:center; font-size:12px; padding:0 15px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#blog_list .category a:first-child { display:inline-block; }
#blog_list .title_area {
border:1px solid #ddd; border-top:none; border-right:none; display:block; height:267px; padding:45px 50px; position:relative; background:#fff;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#blog_list .item:nth-child(3n) .title_area, #blog_list .item:last-child .title_area { border-right:1px solid #ddd; }
#blog_list .title_area .title {
font-size:20px; line-height:1.5; color:#000; max-height:3em; overflow:hidden; font-weight:bold;
-webkit-transition-property:color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
transition-property:color; transition-duration:0.2s; transition-timing-function:ease;
}
#blog_list .title_area .title span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
#blog_list .title_area .excerpt {
font-size:16px; line-height:2.2; color:#000; max-height:6.6em; overflow:hidden; margin:15px 0 0 0;
-webkit-transition-property:color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
transition-property:color; transition-duration:0.2s; transition-timing-function:ease;
}
#blog_list .title_area .excerpt span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
#blog_list .title_area .date { font-size:12px; line-height:1; color:#999; margin-top:20px; }
#blog_list .item.has_date { height:532px; }
#blog_list .item.has_date .title_area { height:297px; } .page_navi { padding:60px 0 0 0; margin-bottom:-4px; z-index:10; position:relative; }
#archive_campaign .page_navi { padding:20px 0 0 0; }
#category_campaign .page_navi { padding:30px 0 0 0; }
.page_navi ul { margin:0; font-size:0; text-align:center; }
.page_navi li { display:inline-block; margin:0 4px 4px 0; }
.page_navi a, .page_navi a:hover, .page_navi span {
color:#fff; background:#ccc; font-size:14px; width:45px; height:45px; line-height:45px; margin:0; display:inline-block; text-align:center;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.page_navi a:hover { }
.page_navi span.dots { background:none; color:#333; }
.page_navi span.current { color:#fff; }
.page_navi .next, .page_navi .prev { }
.page_navi .next span, .page_navi .prev span { display:none; }
.page_navi .next:before, .page_navi .prev:before {
font-family:'design_plus'; font-size:11px; top:1px; position:relative;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.page_navi .prev:before { content:'\e90f'; }
.page_navi .next:before { content:'\e910'; }
.page_navi .prev:hover:before, .page_navi .next:hover:before { color:#fff; }
#no_post { text-align:center; } .post_content {margin-bottom: 100px;}
.post_content a:hover { text-decoration:none; }
#article { position:relative; } #post_title_area { margin:0 0 30px 0; border-left:3px solid #000; padding:24px 0 28px 35px; }
#post_title_area .title { font-size:32px; line-height:1.3; font-weight:500; margin:0; }
#post_title_area .category { margin:0 0 11px 0; }
#post_title_area .date { margin-top:5px; font-size:12px; color:#999; } #post_image { padding:0; margin:0 0 48px 0; position:relative; }
#post_image img { width:100%; height:auto; display:block; margin:0; z-index:1; }
#single_category a {
min-width:110px; padding:0 15px; height:35px; line-height:35px; text-align:center; font-size:12px; display:none; background:#000; color:#fff; position:absolute; top:0px; left:0px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#single_category a:first-child { display:inline-block; } #single_share_top { margin:0 0 44px 0; padding:8px 0 0 0; }
#single_share_top .share-top { margin:0; }
#single_share_bottom { margin:60px 0 0 0; }
#single_share_bottom .share-btm { margin-bottom:0 !important; padding:0; }
#single_share_top .mt10, #single_share_top .mt10 { margin:0 !important; }
#single_share_bottom .mb45, #single_share_bottom .mb45 { margin:0 !important; }
.share-type1 ul { text-align:center; }
.share-type3 ul { text-align:center; }
.share-type2 ul.type2 { text-align:center; }
.share-type4 ul.type4 { text-align:center; }
.sns_default_top  { text-align:center; }
body.single-news #single_share_bottom { margin:23px 0 55px 0; } #post_pagination { margin:0 0 0 0; padding:25px 0 0 0; clear:both; font-size:0; text-align:center; }
#post_pagination h5 { margin:0 0 10px 0; font-size:12px; }
#post_pagination a, #post_pagination p { color:#fff; background:#ccc; font-size:12px; display:inline-block; margin:0 2px; width:45px; height:45px; line-height:45px; text-align:center; text-decoration:none; }
#post_pagination p { position:relative; background:#000; color:#fff; }
#post_pagination a:hover { background:#000; } #p_readmore { text-align:center; padding:22px 0 0 0; margin-bottom:-40px; }
#p_readmore .button {
background:#eee; color:#000; display:inline-block; height:50px; line-height:50px; min-width:220px; padding:0 40px; text-decoration:none;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#p_readmore .button:hover { background:#999; color:#fff; } #post_meta_bottom { margin:55px 0 0; padding:15px 30px; background:#fff; border:1px solid #ddd; }
#post_meta_bottom li { display:inline; margin:0 10px 0 0; padding:0 15px 0 20px; border-right:1px solid #666; font-size:12px; line-height:1.8; position:relative; }
#post_meta_bottom li:last-child { border:none; margin:0; }
#post_meta_bottom li:before {
display:block; width:14px; height:14px; line-height:14px;
font-family:'design_plus'; color:#aaa; font-size:14px;
position:absolute; top:2px; left:0px;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#post_meta_bottom li.post_author:before { content:'\e90d'; }
#post_meta_bottom li.post_category:before { content:'\e92f'; }
#post_meta_bottom li.post_tag:before { content:'\e935'; top:4px; }
#post_meta_bottom li.post_comment:before { content:'\e916'; font-size:18px; top:3px; } #next_prev_post { margin:60px 0 0; }
#next_prev_post .item { float:left; width:50%; height:110px; position:relative; }
#next_prev_post a {
display:block; position:relative; width:100%; height:100%; color:#000; background:#fff; position:relative; border:1px solid #ddd;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#next_prev_post a:hover { }
#next_prev_post .title_area {
font-size:16px; line-height:1.6; position:absolute; margin:0 35px 0 70px; overflow:hidden; max-height:3.2em;
top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
#next_prev_post .title { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
#next_prev_post .nav { display:none; }
#next_prev_post a:before {
content:''; width:12px; height:12px; line-height:12px;
font-family:'design_plus'; color:#111; font-size:12px; display:block;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
content:'\e90f'; position:absolute; left:30px; margin-top:3px;
top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
#next_prev_post .next_post a:before { content:'\e910'; left:auto; right:30px; }
#next_prev_post .next_post { float:right; left:-1px; }
#next_prev_post .next_post .title_area { margin:0 70px 0 35px; } #next_prev_post2 { margin:95px 0 0 0; }
#next_prev_post2 .item { float:left; height:140px; -webkit-width:calc(50% - 5px); width:calc(50% - 5px); position:relative; }
#next_prev_post2 a { display:block; position:relative; width:100%; height:100%; color:#000; }
#next_prev_post2 a:hover { background:#fafafa; color:#000; }
#next_prev_post2 .title_area { float:left; height:140px; width:calc(100% - 140px); position:relative; border:1px solid #ddd; border-left:none; -webkit-box-sizing:border-box; box-sizing:border-box; }
#next_prev_post2 .title {
font-size:16px; line-height:1.6; position:absolute; padding:30px 30px 30px 70px;
top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
#next_prev_post2 .nav { display:none; }
#next_prev_post2 .title_area:before {
content:''; width:12px; height:12px; line-height:12px;
font-family:'design_plus'; color:#111; font-size:12px; display:block;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
content:'\e90f'; position:absolute; left:30px; margin-top:3px;
top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
#next_prev_post2 .next_post .title_area:before { content:'\e910'; left:auto; right:30px; }
#next_prev_post2 .image { width:140px; height:140px; display:block; margin:0; position:relative; z-index:2; overflow:hidden; float:left; }
#next_prev_post2 .image img { width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
#next_prev_post2 .next_post { float:right; }
#next_prev_post2 .next_post .title_area { border-left:1px solid #ddd; border-right:none; }
#next_prev_post2 .next_post .title { padding:30px 70px 30px 30px; }
#next_prev_post2 .next_post .image { float:right; }
body.single-find #next_prev_post2 { margin:75px 0 80px; } #related_post { margin:60px 0 0; padding:30px 60px 35px; }
#related_post .headline { line-height:1; font-weight:bold; margin:0 0 30px 0; color:#ff4b52; font-size:20px; text-align:center; }
#related_post .item { float:left; width:calc(100% / 3 - 14px); margin:0 20px 20px 0; }
#related_post .item:nth-child(3n) { margin-right:0; }
#related_post .item a { display:block; width:100%; height:100%; }
#related_post .image_wrap { display:block; width:100%; height:135px; z-index:1; overflow:hidden; margin:0 0 10px 0; }
#related_post .image { width:100%; height:135px !important; display:block; overflow:hidden; position:relative; z-index:2; }
#related_post .image img { width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
#related_post .item .title { font-size:16px; line-height:1.6; overflow:hidden; max-height:3.2em; word-break:break-all; }
#related_post .item .title span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
#related_post .item a:hover { background:#f6f6f6; color:#000; } .author_profile { background:#fff; border:1px solid #ddd; margin:60px 0 0; padding:50px 40px 48px; position:relative; }
.author_profile a.avatar { display:block; width:100px; height:100px; border-radius:100%; float:left; position:relative; overflow:hidden; z-index:2; background:#000; }
.author_profile img.avatar { display:block; width:100%; height:auto; }
.author_profile .info { font-size:14px; float:right; -webkit-width:calc(100% - 130px); width:calc(100% - 130px); position:relative; }
.author_profile .name { font-size:20px; margin:0 0 20px 0; float:left; font-weight:500; }
.author_profile .desc { margin:0 0 20px 0; }
.author_profile .desc p { line-height:2.0; }
.author_profile .author_link { float:left; margin:0 0 0 -5px; font-size:0; }
.author_profile .author_link li { display:inline-block; margin:0 10px 0 0; position:relative; }
.author_profile .author_link li a {
display:block; overflow:hidden; width:20px; height:20px; line-height:20px; text-align:center; position:relative;
}
.author_profile .author_link li a span { display:none; }
.author_profile .author_link li a:before {
font-family:'design_plus'; font-size:14px; display:block;
position:absolute; top:1px; left:0; right:0; margin:auto;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.author_profile .author_link li a:hover:before { color:#aaa; }
.author_profile .author_link li.home a:before { content:'\f0ac'; }
.author_profile .author_link li.twitter a:before { content:'\e904'; }
.author_profile .author_link li.facebook a:before { content:'\e902'; }
.author_profile .author_link li.insta a:before { content:'\ea92'; }
.author_profile .author_link li.pinterest a:before { content:'\e905'; }
.author_profile .author_link li.google a:before { content:'\e900'; }
.author_profile .author_link li.youtube a { width:42px; }
.author_profile .author_link li.youtube a:before { content:'\ea9e'; }
.author_profile .author_link li.contact a:before { content:'\f003'; }
.author_profile .archive_link { float:right; padding:0 20px 0 0; margin-top:4px; }
.author_profile .archive_link span:after {
font-size:12px; font-family:'design_plus'; content:'\e910'; display:block; position:absolute; right:0px; top:5px; height:14px; line-height:14px;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
} #single_banner_top { margin:0 auto; padding:10px 0 45px; width:700px; }
#single_banner_bottom { margin:0 auto; padding:60px 0 0; width:700px; }
#single_banner_shortcode { margin:0 auto; padding:15px 0 45px; width:700px; }
#mobile_banner_top { margin:30px 0 25px; text-align:center; }
#mobile_banner_bottom { margin:30px 0 30px; text-align:center; }
.single_banner_area .single_banner_left {
float:left; width:50%; text-align:right; padding:0 15px 0 0;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.single_banner_area .single_banner_right {
float:right; width:50%; text-align:left; padding:0 0 0 15px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.single_banner_area img { max-width:100%; height:auto; display:inline-block; margin:0 auto; }
.single_banner_area.one_banner .single_banner_left { float:none; text-align:center; padding:0; width:100%; }  #page_404 { width:100%; height:calc(100vh - 80px); position:relative; background:#000; margin-top:-60px; }
#page_404 .caption {
margin:0; width:100%; padding:0 30px; line-height:1.5; text-align:center; color:#fff; position:absolute; top:50%; left:50%; z-index:3;
-webkit-transform:translate(-50%, -50%); transform:translateY(-50%, -50%);
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#page_404 .title { font-size:48px; font-weight:500; }
#page_404 .sub_title { font-size:16px; font-weight:500; }
#page_404 .overlay { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:2; }
#page_404 .caption { opacity:0; }
#page_404.animate .caption {
-webkit-animation: opacityAnimation 1.0s ease forwards 1.5s;
animation: opacityAnimation 1.0s ease forwards 1.5s;
} #header {
width:100%; z-index:20; position:relative; top:0px;
-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
body.home #header { position:absolute; }
#header_top_inner {
width:80%; height:80px; margin:0 auto; position:relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
header#header.scroll {
background: -webkit-gradient(linear, left top, left bottom, from(white), to(var(--clr-backtransparent)));
background: -webkit-linear-gradient(top, white 0%, var(--clr-backtransparent) 100%);
background: -o-linear-gradient(top, white 0%, var(--clr-backtransparent) 100%);
background: linear-gradient(to bottom, white 0%, var(--clr-backtransparent) 100%)
}
header#header #logo {
display: block;
height: 85%; line-height: 100px;
text-align: left;
}
header#header #logo a {
width: 100%;
height: 100%;
display: inline-block;
}
@media screen and (min-width: 960px) {
header#header #logo a {
width: 150px; position: absolute;
top: 0px; left: 20px
}
}
header#header #logo svg {
width: auto;
height: 100%
}
@media screen and (min-width: 960px) {
header#header #logo {
width: 155px
}
}
header#header { } #header_logo { position:absolute; left:0; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index:30; }
#header_logo .logo { line-height:1; margin:0; padding:0; font-weight:500; }
#header_logo img { display:block; }
#header_logo .mobile_logo_image { display:none; }
#header_logo .mobile_logo_text { display:none; }
#logo h1 {
position: absolute;
left: -9999px;
visibility: hidden;
} #header_button {
position:absolute; right:0px; top:0px!important;
-webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0);
-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;
}
#header_button.animate {
-webkit-transform: translate3d(0,0%,0); transform: translate3d(0,0%,0);
-webkit-transition: -webkit-transform 0.35s 1.5s; transition: transform 0.35s 1.5s;
}
#header_button .button { float:left; }
#header_button .button a { display:block; min-width:200px; height:50px; line-height:50px; text-align:center; font-size:14px; }
#footer_button { display:none; } .pc #global_menu { width:100%; position:relative; z-index:20; }
.pc #global_menu > ul {
position:relative; text-align:center; width:1182px; margin:0 auto;
display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.pc #global_menu > ul > li {
position:relative; line-height:1;
-ms-flex: 1 1 0%; -webkit-flex: 1 1 0%; flex: 1 1 0%;
text-align:center; font-size:14px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.pc #global_menu > ul > li > a {
padding:0 22px; font-size:14px; text-decoration:none; height:60px; line-height:60px; display:block; position:relative; overflow:hidden;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.pc #global_menu > ul > li.active > a, .pc #global_menu > ul > li.current-menu-item > a { }
.pc #global_menu a:hover { }
.pc #global_menu > ul > li > a:after {
display:block; content:''; height:5px; width:100%; position:absolute; top:-5px; left:0px;
-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
.pc #global_menu > ul > li > a:hover:after { top:0; }
.pc #global_menu > ul > li.active > a:after { top:0; }
.pc #global_menu ul ul { display:none; width:100%; min-width:240px; position:absolute; top:60px; left:0px; margin:0; padding:0; }
.pc #global_menu ul ul ul { left: 100%; top:0; margin:0; border:none; }
.pc #global_menu ul ul li { line-height:1.5; padding:0; margin:0; text-align:left; position:relative; display:block; }
.pc #global_menu ul ul a { font-size:14px; display:block; border:none; position:relative; padding:14px 25px 12px; height:auto; line-height:1.6; margin:0; }
.pc #global_menu ul ul a:hover { text-decoration:none; border:none; }
.pc #global_menu ul ul li.menu-item-has-children > a:before {
font-family:'design_plus'; content:'\e910'; color:#ddd; display:block; position:absolute; right:9px; top:23px; font-size:9px; height:9px; line-height:9px;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
} .pc #global_menu ul > li.type2 > ul { left:auto; right:0%; }
.pc #global_menu ul ul > li.type2 ul { left:auto; right:100%; }
.pc #global_menu ul ul li.menu-item-has-children.type2 > a:before { content:'\e90f'; right:auto; left:9px; } .pc #menu_button { display:none; }
.pc #header_mobile_banner { display:none; } .pc .header_fix { padding-top:140px; } .pc body.home.header_fix { padding-top:0; }
.pc body.admin-bar.header_fix { padding-top:112px; }
.pc .header_fix #header {
position:fixed; top:0px; left:0px; z-index:200; width:100%; box-shadow:0 0 15px 5px rgba(0,0,0,0.1);
-webkit-animation: slideDown 0.5s ease; animation: slideDown 0.5s ease;
}
.pc .admin-bar.header_fix { padding-top:190px; }
@-webkit-keyframes slideDown {
0% { top:-80px; }
100% { top:0px; }
}
@keyframes slideDown {
0% { top:-80px; }
100% { top:0px; }
} #bread_crumb { width:100%; border-bottom:1px solid #ddd; background:#fff; }
#bread_crumb ul { width:1182px; margin:0 auto; padding:0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#bread_crumb li { display:inline; font-size:12px; padding:0 0 0 17px; margin:0 5px 0 0; height:60px; line-height:60px; position:relative; color:#000; }
#bread_crumb li:before {
font-family:'design_plus'; content:'\e910'; font-size:9px; width:9px; height:9px; line-height:9px;
display:block; position:absolute; left:0; top:-1px; bottom:0; margin-top:4.5px;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#bread_crumb li a { color:#000; }
#bread_crumb li a:hover { }
#bread_crumb li.category a { display:none; }
#bread_crumb li.category a:first-of-type, #bread_crumb li.category a:only-of-type { display:inline; }
#bread_crumb li.home { padding:0; }
#bread_crumb li.home:before { display:none; }
#bread_crumb li.home a {
text-indent:-200%; overflow:hidden; width:17px; height:13px; display:inline-block; top:2px; position:relative;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#bread_crumb li.home a:before {
font-family:'design_plus'; content:'\e90c'; width:12px; height:13px; line-height:13px;
text-indent:0; display:block; position:absolute; top:0px; bottom:0; left:0px; margin:auto;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}  #footer_banner { position:relative; }
#footer_banner .box { width:calc(100% / 3 - 0.01px); height:300px; position:relative; float:left; overflow:hidden; }
#footer_banner .link { display:block; position:relative; width:100%; height:100%; overflow:hidden; }
#footer_banner .normal_image {
position:absolute; top:0px; left:0px; z-index:1; width:100% !important; height:100% !important;
object-fit:cover; font-family: 'object-fit: cover;'
}
#footer_banner .blur_image { width:100%; height:300px; position:absolute; bottom:0px; left:0px; }
#footer_banner .blur_image img {
width:100% !important; height:100% !important;
object-fit: cover; font-family: 'object-fit: cover;'
}
#footer_banner .catch { width:100%; height:60px; position:absolute; bottom:0px; left:0px; z-index:2; overflow:hidden; }
#footer_banner .catch:before { display:block; content:''; z-index:2; position:absolute; bottom:0px; left:0px; width:100%; height:100%; }
#footer_banner .title {
position:absolute; z-index:2; text-align:center; width:100%; line-height:1.4; padding:0 20px;
top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-box-sizing:border-box; box-sizing:border-box;
} #footer_information_inner {
width:1182px; margin:0 auto;
display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#footer_company {
padding:65px 40px 55px 0; width:calc(100% /3); border-right:1px solid #ddd;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#footer_logo { }
#footer_logo .logo { line-height:1; padding:0; font-weight:500; }
#footer_logo img { display:block; margin:0 0 20px 0; }
#footer_logo .pc_logo_text { display:block; margin:0 0 15px 0; }
#footer_logo .mobile_logo_image { display:none; }
#footer_logo .mobile_logo_text { display:none; }
#footer_company .desc { line-height:2.2; font-size:14px; }
.footer_info_content {
padding:65px 40px; width:calc(100% / 3); border-right:1px solid #ddd; text-align:center;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.footer_info_content .title { font-size:24px; font-weight:500; }
.footer_info_content .desc { text-align:left; line-height:2.2; margin:23px 0 0 0; font-size:14px; }
.footer_info_content .button a {
margin:23px 0 0 0; display:inline-block; min-width:240px; height:60px; line-height:60px; padding:0 20px; background:#222222; color:#fff; font-size:16px;
-webkit-box-sizing:border-box; box-sizing:border-box;
} #footer_menu_area { position:relative; width:100%; min-width:1182px; }
#footer_menu_area_inner {
width:1182px; margin:0 auto; position:relative;
display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.footer_menu {
padding:60px 20px 55px 0; width:25%;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.footer_menu:last-child { padding-right:0; }
.footer_menu .footer_headline { font-size:20px; font-weight:bold; margin:0 0 25px 0; }
.footer_menu .footer_headline span { font-size:12px; display:inline-block; vertical-align:top; padding:5px 0 0 10px; }
.footer_menu li { margin:0 0 15px 0; font-size:14px; line-height:1.5; }
.footer_menu li:last-child { margin:0; }
.footer_menu li a { display:block; }
#footer_menu .footer_headline a {
text-indent:-500%; overflow:hidden; width:17px; height:17px; display:inline-block; position:relative;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#footer_menu .footer_headline a:before {
font-family:'design_plus'; content:'\e90c'; width:17px; height:17px; line-height:17px; font-size:17px;
text-indent:0; display:block; position:absolute; top:0px; bottom:0; left:0px; margin:auto;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
} #footer_bottom { height:60px; width:100%; min-width:1182px; background:#222; color:#fff; }
#footer_bottom_inner { width:1182px; margin:0 auto; position:relative; } #footer_social_link { margin:0; font-size:0; position:absolute; top:20px; left:-7px; z-index:20; }
#footer_social_link li { display:inline-block; margin:0 7px 0 0; position:relative; }
#footer_social_link li a {
display:block; overflow:hidden; width:20px; height:20px; line-height:20px; text-align:center; position:relative;
}
#footer_social_link li a span { display:none; }
#footer_social_link li a:before {
font-family:'design_plus'; font-size:15px; display:block;
position:absolute; top:1px; left:0; right:0;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#footer_social_link li a:hover:before { color:#aaa; }
#footer_social_link li.twitter a:before { content:'\e904'; }
#footer_social_link li.facebook a:before { content:'\e902'; }
#footer_social_link li.insta a:before { content:'\ea92'; }
#footer_social_link li.pinterest a:before { content:'\e905'; }
#footer_social_link li.google a:before { content:'\e900'; }
#footer_social_link li.youtube a { width:45px; }
#footer_social_link li.youtube a:before { content:'\ea9e'; }
#footer_social_link li.contact a:before { content:'\f003'; }
#footer_social_link li.rss a:before { content:'\e90b'; } #copyright { line-height:60px; height:60px; font-size:12px; position:absolute; left:0; right:0; margin:auto; z-index:10; text-align:center; } #return_top { display:block; }
#return_top a { background:#222; display:block; height:60px; width:60px; line-height:60px; text-decoration:none; z-index:100; position:relative; }
#return_top a:hover { color:#fff !important; }
#return_top span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
#return_top a:before {
color:#fff; font-family:'design_plus'; content:'\e911'; font-size:12px; display:block; width:12px; height:12px;
position:absolute; left:0; right:0; top:4px; margin:auto;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#return_top {
position:fixed; right:0px; bottom:0px; z-index:999;
-webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);
-webkit-transition: -webkit-transform 0.35s; transition: all 0.35s;
}
#return_top.active { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
body.light_color #return_top a { color:#000; } #fixed_footer_content {
position:fixed; bottom:0; left:0; width:100%; height:120px; color:#fff; padding:40px; z-index:9999;
-webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);
-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;
}
#fixed_footer_content.active { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
#fixed_footer_content a { color:#fff; text-decoration:none; }
#fixed_footer_content .content_left {
position:absolute; left:40px; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
width:-webkit-calc(100% - 530px); width:calc(100% - 530px);
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#fixed_footer_content .has_image .content_left { width:-webkit-calc(100% - 840px); width:calc(100% - 840px); }
#fixed_footer_content .button {
position:absolute; right:55px; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
min-width:300px; height:55px; line-height:55px; text-align:center; display:inline-block; padding:0 40px 0 10px; font-size:16px;
}
#fixed_footer_content .button:after {
font-family:'design_plus'; content:'\e910'; color:#fff; font-size:14px; display:block; position:absolute; top:1px; right:16px;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#fixed_footer_content .image {
position:absolute; right:55px; max-width:728px;
top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
#fixed_footer_content .image img { width:100%; max-width:100%; height:auto; display:block; }
#fixed_footer_content .close {
position:absolute; right:5px; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
display:block; width:40px; height:40px; border-radius:100%;
}
#fixed_footer_content span { display:none; }
#fixed_footer_content .close:before {
font-family:'design_plus'; color:#fff; font-size:20px; display:block;
content:'\e91a'; position:absolute; top:10px; left:10px;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#fixed_footer_content .close:hover { background:rgba(255,255,255,0.1); }
#fixed_footer_content .catch { font-size:21px; margin:0; line-height:1.5; }
#fixed_footer_content .desc { font-size:14px; margin:5px 0 0 0; line-height:2; }
#fixed_footer_content .pr { background:#fff; color:#333; display:inline; font-size:12px; margin:5px 15px 0 0; padding:0 12px; border-radius:2px; height:20px; line-height:20px; float:left; }
#fixed_footer_content .pr1 { display:none; }
#fixed_footer_content .free {
width:100%; padding-right:100px; position:absolute; left:40px;
top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#fixed_footer_content .post_content p { margin:0; line-height:1.6; }  .side_widget { margin:0 0 50px 0; }
.side_widget:last-child { margin-bottom:0; }
.side_headline { font-size:18px; font-weight:bold; margin:0 0 20px 0; }
.side_widget ul { margin:0; }
.side_widget li ul { margin:10px 0 0 0; }
.side_widget li { line-height:2; padding:2px 0; margin:0 0 10px 0; }
.side_widget a { text-decoration:none; color:#000; }
.side_widget a:hover { }
.side_widget img { height:auto; max-width:100%; } .side_category_list { margin:0 0 50px 0; }
.side_category_list .headline { height:80px; line-height:80px; padding:0 0 0 25px; font-weight:500; position:relative; }
.side_category_list .headline span {
font-size:14px;
position:absolute; right:25px; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.side_category_list a { display:block; height:50px; line-height:50px; padding:0 25px; }
.side_category_list a:hover, .side_category_list li.active > a { color:#ff4b53; }
.side_category_list.type2 a { border:1px solid #ddd; border-top:none; }
.side_category_list .child_menu > a { background:#000; color:#fff; position:relative; pointer-events:none; }
.side_category_list .child_menu > a:before {
content:''; display:block; position:absolute; left:25px; top:47px; z-index:5;
border-style: solid; border-width: 10px 7px 0 7px; border-color: #000 transparent transparent transparent;
}
.side_category_list .post_list a { color:#000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .campaign_list_widget .side_headline { font-size:16px; background:#ff4b54; color:#fff; height:50px; line-height:50px; margin:0; padding:0 25px; }
.campaign_list_widget .side_headline { text-transform:lowercase; }
.campaign_list_widget .side_headline::first-letter { text-transform: capitalize; }
.campaign_list_widget .item { width:100%; height:210px; margin:0; position:relative; }
.campaign_list_widget .item a.link { display:block; width:100%; height:210px; background:#fff; position:relative; overflow:hidden; }
.campaign_list_widget .title_area { width:100%; height:70px; position:absolute; bottom:0px; left:0px; z-index:2; overflow:hidden; }
.campaign_list_widget .title_area:before { display:block; content:''; z-index:2; position:absolute; bottom:0px; left:0px; width:100%; height:100%; }
.campaign_list_widget .title {
line-height:1.6; padding:0 25px; font-size:16px; overflow:hidden; max-height:3.2em; z-index:2;
position:absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.campaign_list_widget .title span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.campaign_list_widget .normal_image {
position:absolute; top:0px; left:0px; z-index:1; width:100% !important; height:100% !important;
object-fit:cover; font-family: 'object-fit: cover;'
}
.campaign_list_widget .blur_image { width:100%; height:220px; position:absolute; bottom:0px; left:0px; }
.campaign_list_widget .blur_image img {
width:100% !important; height:100% !important;
object-fit: cover; font-family: 'object-fit: cover;'
}
.campaign_list_widget .category a {
display:none; position:absolute; bottom:70px; left:0px; z-index:3; color:#fff; height:36px; line-height:36px; min-width:110px; text-align:center; font-size:12px; padding:0 15px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.campaign_list_widget .category a:first-child { display:block; } .campaign_slider_widget { overflow:hidden; }
.campaign_slider_widget .side_headline {
font-size:16px; height:50px; line-height:50px; margin:0; padding:0 25px; border:1px solid #ddd; border-bottom:none;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.campaign_slider_widget .item { width:100%; height:210px; margin:0; position:relative; }
.campaign_slider_widget .item a.link { display:block; width:100%; height:210px; background:#fff; position:relative; overflow:hidden; }
.campaign_slider_widget .title_area { width:100%; height:70px; position:absolute; bottom:0px; left:0px; z-index:2; overflow:hidden; }
.campaign_slider_widget .title_area:before { display:block; content:''; z-index:2; position:absolute; bottom:0px; left:0px; width:100%; height:100%; }
.campaign_slider_widget .normal_image {
position:absolute; top:0px; left:0px; z-index:1; width:100% !important; height:100% !important;
object-fit:cover; font-family: 'object-fit: cover;'
}
.campaign_slider_widget .blur_image { width:100%; height:210px; position:absolute; bottom:0px; left:0px; }
.campaign_slider_widget .blur_image img {
width:100% !important; height:100% !important;
object-fit: cover; font-family: 'object-fit: cover;'
}
.campaign_slider_widget .title {
line-height:1.6; padding:0 22px; font-size:16px; overflow:hidden; max-height:3.2em; z-index:2;
position:absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.campaign_slider_widget .title span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.campaign_slider_widget .category a {
display:none; position:absolute; bottom:70px; left:0px; z-index:3; color:#fff; height:36px; line-height:36px; min-width:110px; text-align:center; font-size:12px; padding:0 15px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.campaign_slider_widget .category a:first-child { display:block; } .campaign_slider_widget .slick-arrow {
width:60px; height:60px; line-height:60px; text-align:center; position:absolute; opacity:0; cursor:pointer; z-index:9; border:none; background:none; overflow:hidden; text-indent:-200px;
top:0px;
-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
.campaign_slider_widget .slick-arrow:before {
font-family:'design_plus'; color:#fff; width:20px; height:20px; font-size:20px; display:block; position:absolute; text-indent:0px;
top:2px; left:14px;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.campaign_slider_widget .slick-prev:before { content:'\e90f'; }
.campaign_slider_widget .slick-next:before { content:'\e910'; left:0; right:0; margin:auto; }
.campaign_slider_widget .slick-prev { left:-50px; }
.campaign_slider_widget .slick-next { right:-50px; }
.campaign_slider_widget:hover .slick-prev { left:0px; opacity:1; }
.campaign_slider_widget:hover .slick-next { right:-4px; opacity:1; }
.campaign_slider_widget .slick-arrow:hover:before { color:#fff; } .tcd_ad_widget { border:none; padding:0; background:none; }
.tcd_ad_widget img { height:auto; max-width:100%; margin:0 auto; display:block; } .tcd_banner_widget .banner_item { display:block; position:relative; margin:0 0 5px 0; overflow:hidden; }
.tcd_banner_widget .banner_item:last-child { margin-bottom:0; }
.tcd_banner_widget .overlay { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:3; }
.tcd_banner_widget .image_wrap { display:block; width:100%; height:150px; position:relative; z-index:1; overflow:hidden; }
.tcd_banner_widget .image { width:100%; height:100% !important; display:block; overflow:hidden; position:relative; z-index:2; }
.tcd_banner_widget .image img { width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.tcd_banner_widget .title_area { position:absolute; top:23px; left:28px; z-index:5; }
.tcd_banner_widget .title_area.position_bottom { top:auto; bottom:23px; }
.tcd_banner_widget .title { font-weight:bold; }
.tcd_banner_widget .sub_title { margin-top:10px; } .widget_calendar .side_headline { margin:0 0 30px 0; }
#wp-calendar { margin:0 auto; width:100%; font-size:11px; border-collapse:separate; table-layout:fixed; }
#wp-calendar th, #wp-calendar td { padding:2px; line-height:3.4; text-align:center; }
#wp-calendar td a { display:block; margin:0; padding:0; text-decoration:none; background-color:#eee; }
#wp-calendar td a:hover { text-decoration:none; color:#fff; background:#aaa; }
#wp-calendar caption { padding:7px 0; }
#wp-calendar thead th, #wp-calendar tfoot td { border:none; padding:0; line-height:2; }
#wp-calendar #prev, #wp-calendar #next { line-height:3; }
#wp-calendar #prev a, #wp-calendar #next a { text-decoration:none; background:none; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover { }
#wp-calendar td#today { font-weight:bold; } .styled_post_list1 { }
.styled_post_list1 li { margin:0; padding:0; }
.styled_post_list1 a { display:block; width:100%; height:120px; overflow:hidden; }
.styled_post_list1 .image_wrap { float:left; display:block; width:120px; height:120px; position:relative; z-index:1; overflow:hidden; }
.styled_post_list1 .image { width:100%; height:120px !important; display:block; overflow:hidden; position:relative; z-index:2; }
.styled_post_list1 .image img { width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.styled_post_list1 .title_area {
width:calc(100% - 120px); height:120px; float:left; border:1px solid #ddd; border-left:none; border-bottom:none; position:relative;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.styled_post_list1 .title_area_inner {
position:absolute; padding:0 20px;
top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
.styled_post_list1 li:last-child .title_area { border-bottom:1px solid #ddd; }
.styled_post_list1 .title {
font-size:14px; line-height:1.6; max-height:4.8em; font-weight:500; word-break:break-all; overflow:hidden;
-webkit-transition-property:color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
transition-property:color; transition-duration:0.2s; transition-timing-function:ease;
}
.styled_post_list1 .title span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.styled_post_list1 .date { font-size:12px; color:#999; }
.styled_post_list1 a:hover { } .widget_search label { display:none; }
#searchform {
border:1px solid #ddd; background:#fff; height:50px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#searchform #s {
border:none; background:none; padding:0 10px; margin:0; width:calc(100% - 50px); height:50px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#searchform #searchsubmit {
border:none; background:none; width:50px; height:50px; z-index:200; position:relative;
cursor:pointer; display:block; text-indent:-300px; overflow:hidden;
}
#searchform .submit_button  { position:relative; width:50px; height:50px; float:right; top:-1px; }
#searchform .submit_button:before {
text-indent:0; display:block; width:50px; height:50px; line-height:50px; text-align:center; cursor:pointer; z-index:1;
position:absolute; font-family:'design_plus'; color:#333; font-size:18px; content:'\e915'; right:0px; top:1px;
}
#searchform .submit_button:hover:before { color:#aaa; }
#searchform .submit_button:hover { } .tcd_category_list { margin:0; }
.tcd_category_list li { margin:0; padding:0; background:none; position:relative; }
.tcd_category_list .child_menu_button { width:50px; height:50px; position:absolute; right:0px; top:0px; z-index:2; cursor:pointer; }
.tcd_category_list .child_menu_button:before {
font-family:'design_plus'; content:'\e90e'; text-align:center;
display:block; font-size:14px; width:14px; height:14px; line-height:14px;
position:absolute; right:18px; top:21px;
}
.tcd_category_list li.active > .child_menu_button:before { content:'\e911'; }
.tcd_category_list .child_menu_button:hover { }
.tcd_category_list a {
font-size:14px; display:block; padding:0 5px 0 20px; height:50px; line-height:50px; overflow:hidden; margin:0; text-decoration:none; position:relative; color:#000;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.tcd_category_list li:nth-child(odd) { background:#f7f7f8; }
.tcd_category_list li:nth-child(even) { background:#f1f1f1; }
.tcd_category_list a:hover { color:#fff; }
.tcd_category_list li li a { padding-left:34px; background:#e8e8e8; }
.tcd_category_list li li li a { padding-left:48px; background:#dddddd; }
.tcd_category_list li li li li a { padding-left:62px; background:#d2d2d2; }
.tcd_category_list ul {
display:none; margin:0 !important; padding:0 !important; background:none;
z-index:9; position:relative;
}
.tcd_category_list li.open > ul { }
.tcd_category_list ul ul { width:100%; position:relative;}
.tcd_category_list ul li { margin:0; padding:0; }
.tcd_category_list ul li a {  }
.tcd_category_list ul ul li a { }
.tcd_category_list ul ul ul li a { }
.tcd_category_list ul ul ul ul li a { }
.tcd_category_list a { }
.tcd_category_list.type2 { border-bottom:1px solid #ddd; }
.tcd_category_list.type2 a { background:#fff !important; border:1px solid #ddd; border-bottom:none; } .widget_archive, .widget_categories, .tcdw_archive_list_widget { }
.widget_archive .side_headline { margin:0 0 20px 0; }
.widget_archive ul  { margin:0; padding:0; }
.widget_archive ul li { }
.widget_archive select, .widget_categories select, .tcd_archive_dropdown select { border:1px solid #ddd; padding:12px 10px; width:100%; margin:0; }
.widget_archive select { border:1px solid #ddd; padding:12px; }
.widget_archive label, .widget_categories label { display:none; }
.widget_archive select option, .widget_categories select option, .tcd_archive_dropdown option { background:#fff; color:#000; } .tcdw_archive_list_widget .side_headline { }
.p-widget-dropdown { height:45px; line-height:45px; position:relative; }
.p-widget-dropdown::after { color:#666; content:"\e90e"; font-family: "design_plus"; position:absolute; top:0; right: 17px; z-index:1; }
.p-widget-dropdown select { padding-right:33px; position:relative; z-index:2; -webkit-appearance:none; appearance:none; }
.p-widget-dropdown select::-ms-expand { display:none; }
.p-dropdown { font-size:14px; }
.p-dropdown__title { -webkit-box-sizing:border-box; box-sizing:border-box; position: relative; height:50px; padding:0 18px; border:1px solid #ddd; background:#fff; line-height:50px; }
.p-dropdown__title::after { position:absolute; right:17px; font-family:"design_plus"; content:"\e90e"; }
.p-dropdown__title:hover { cursor:pointer; }
.p-dropdown__title.is-active::after { content:"\e911"; }
.p-dropdown__list { display:none; }
.p-widget .p-dropdown .p-dropdown__list { margin:0; }
.p-dropdown__list li { border:1px solid #ddd; border-top:0; line-height:1.5; margin:0; padding:0; }
.p-dropdown__list li a { display:block; padding:14px 18px; background:#fff; color:#000; }
.p-dropdown__list li a:hover { }
body.light_color .p-dropdown__title, body.light_color .p-dropdown__list li { border-color:#ddd !important; } .widget_recent_entries li { border-bottom:1px dotted #ccc; padding:0 0 15px 0; }
.widget_recent_entries li:last-child { border:none; padding:0; }  #comments { margin:60px 0 0 0; }
#comment_headline { text-align:center; padding:0 30px; font-weight:bold; margin:0 0 30px 0; font-size:20px; color:#ff4b52; } #comment_header { position:relative; margin:0 0 25px; }
#comment_tab { margin:0; }
#comment_tab li { float:left; text-align:center; margin:0; width:50%; }
#comment_tab li a, #comment_tab li p { font-size:11px; padding:15px 15px; line-height:1.6; display:block; text-decoration:none; background:#eee; color:#000; }
#comment_tab li a:hover { color:#fff !important; background:#aaa; }
#comment_tab li.active a, #comment_header #comment_closed p { color:#fff; position:relative; background:#aaa; }
#comment_tab li.active a:after, #comment_header #comment_closed p:after {
position:absolute; bottom:-17px; left:-webkit-calc(50% - 5px); left:calc(50% - 5px);
content:""; width:0; height:0; border-width:10px; border-style:solid; border-color:#aaa transparent transparent transparent;
}
#comment_tab li.active a:hover { } .commentlist { list-style-type:none; margin:0; padding:0; }
.comment { margin:0 0 15px; padding:15px 20px 0; background:#fff; border:1px solid #ddd; }
#comments .post_content { margin:0; padding:0; background:none; } .comment-meta { position:relative; margin:0 0 10px 0; }
.comment-meta-left { float:left; width:100%; }
#comments .avatar { float:left; margin:0 10px 0 0; background:#333; width:40px; height:40px; border-radius:100%; }
.comment-name-date { padding:3px 0 0 0; height:37px; }
a.admin-url { text-decoration:underline; }
a.guest-url { text-decoration:underline; }
.comment-name-date { margin:0; }
.comment-date { font-size:11px; color:#888; margin:10px 0 0 0; }
.comment-act { font-size:11px; position:absolute; right:0px; padding:0; margin:5px 0 0 0; }
.comment-act li { display:inline; margin:0; }
.comment-reply a, .comment-reply a:visited { border-right:1px solid #aaa; padding:0 10px 0 0; margin:0 6px 0 0; }
.comment-edit a, .comment-edit a:visited { border-left:1px solid #aaa; padding:0 0 0 10px; margin:0 0 0 6px; } #comments .post_content p { margin:0 0 15px 0; }
#comments .post_content blockquote span { margin:0 0 -1em 0; display:block; } .comment-note { display:block; font-size:11px; margin:0 0 1em 0; color:#33a8e5; border:1px solid #94ddd4; padding:10px 15px; background:#d6f4f0; }
.comment_closed { border:1px solid #ccc; text-align:center; margin:0 35px 15px 0; padding:15px; background:#fefefe; }
.no_comment { padding-bottom:15px; }
.comment_message { margin:0 0 25px 0; } .commentlist .ping-link { margin:0 0 25px 0; }
.commentlist .ping-meta { margin:0 0 15px 0; } #comment_pager { margin:0 0 10px; height:24px; }
#comment_pager a, #comment_pager span { display:inline; float:left; margin:0 10px 0 0; }
#comment_pager .current { text-decoration:underline; } .comment_form_wrapper { border:1px solid #ddd; margin:0 0 0px; padding:15px; background:#fff; }
.comment .comment_form_wrapper { margin:0 0 20px; }
#cancel_comment_reply a { background:#eee; margin:0 0 1em 0; padding:10px; text-align:center; display:block; }
#cancel_comment_reply a:hover { background:#222; color:#fff; }
#comment_user_login p { padding:0 0 0 1px; margin:0; line-height:1; }
#comment_user_login span { margin:0 0 0 40px; }
#comment_login { margin:0; padding:3px 30px 10px 30px; }
#comment_login p { margin:0; padding:12px 0 11px 36px; line-height:1; }
#comment_login a { margin:0 0 0 20px; padding:0; }
#guest_info { padding:0; width:100%; }
#guest_info div { margin:0 0 12px 0; text-align:left; }
#guest_info input { margin:0; padding:5px 10px; border:1px solid #ccc; width:100%; background:#fff; box-shadow:1px 1px 5px 0 rgba(0,0,0,0.1) inset; }
#guest_info input:focus { border:1px solid #999; }
#guest_info label { display:block; margin:0 0 10px 0; padding:0; font-size:12px; }
#guest_info span { margin:0 10px 0 0; }
#comment_textarea textarea {
margin:15px 0 0; width:100%; height:150px; font-size:12px; overflow:auto; padding:10px;
background:#fff; color:#000; border:1px solid #ccc; box-shadow:1px 1px 5px 0 rgba(0,0,0,0.1) inset;
}
#comment_textarea textarea:focus { border:1px solid #999; }
#submit_comment_wrapper { text-align:center; }
#submit_comment {
color:#000; background:#eee; border:none; cursor:pointer; font-size:14px; width:200px; height:50px; margin:15px auto 0; display:block;
-webkit-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out;
}
#submit_comment:hover { background:#222; color:#fff; }
#input_hidden_field { display:none; } .password_protected { text-align:center; margin:0 38px 30px; padding:10px 20px; color:#fff; background:#3db4b2; border-radius:5px; }
.password_protected p { font-size:12px; margin:0; line-height:1.6; }  .post_content .alignright { float:right; }
.post_content .alignleft { float:left; }
.post_content .aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:7px; }
.post_content blockquote.alignleft, .post_content img.alignleft { margin:7px 24px 7px 0; }
.post_content .wp-caption.alignleft { margin:7px 14px 7px 0; }
.post_content blockquote.alignright, .post_content img.alignright { margin:7px 0 7px 24px; }
.post_content .wp-caption.alignright { margin:7px 0 7px 14px; }
.post_content blockquote.aligncenter, .post_content img.aligncenter, .post_content .wp-caption.aligncenter { margin-top:7px; margin-bottom:7px; } .post_content p, li{ line-height:2.0; margin:1em 0 1em 0; font-size: 16px;} .post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 { clear:both; line-height:1.4;  margin:0 0 10px 0; padding:10px 0 0 0; }
.post_content h1 { font-size:150%; } .post_content h2:not(.ttl) {margin: 2.5em 0 1.5em;line-height: 1.6;padding: 1.3em;background: #393B3E!important;color: #fff;text-align: center;font-size: 140%;}
.post_content h2:not(.ttl) {
position: relative;
margin: 1.5em 0 1.5em;
line-height: 1.6;
background: #393B3E!important;
color: #fff;
text-align: left;
font-size: 140%;
font-weight: bold;
padding: 25px 15px 25px 35px;
border-radius: 0px;
}
.post_content h2:not(.ttl):before {
position: absolute;
top: 25%;
left: 15px;
width: 3px;
height: 50%;
content: '';
opacity: .8;
border-radius: 3px;
background: #FFFFFF;
}
.post_content h3:not(.ttl) { font-size:130%; position: relative; padding: 1rem 0rem; border-bottom: 3px solid #B2ADA9;}.post_content h3:not(.ttl):before {position: absolute; bottom: -3px; left: 0; width: 20%; height: 3px; content: ''; background: #35353C;}
@media screen and (max-width: 960px){ }
.post_content h3 { font-size:130%; }
.post_content h4 { font-size:120%; }
.post_content h5 { font-size:110%; }
.post_content h6 { font-size:100%; } .post_content img[class*="align"], .post_content img[class*="wp-image-"], .post_content img[class*="attachment-"], .post_content img.size-full, .post_content img.size-large, .post_content .wp-post-image, .post_content img
{ height:auto; max-width:100%; } .post_content li, .post_content dt, .post_content dd { line-height:2.2; } .post_content ol { list-style:decimal outside none; margin-left:1.5em; }
.post_content ul { list-style:square outside none; margin-left:1.3em; } .post_content li > ul, .post_content li > ol { margin-bottom:0; }
.post_content dt { font-weight:bold; }
.post_content dd { margin-bottom:1em; } .post_content table { margin:20px 0 24px 0; width:100% !important; } .post_content td, .post_content th { border:1px solid #ccc; padding:10px 15px; line-height:2.2; background:#fff; }
.post_content th { background:#f2f2f2; font-weight:normal; } .post_content table.table_no_border th, .post_content table.table_no_border td { border:none; padding-left:0; }
.post_content table.table_border_horizontal th, .post_content table.table_border_horizontal td { border-left:none; border-right:none; padding-left:0; }
body.light_color .post_content td, body.light_color .post_content th { border:1px solid #ccc; background:#fafafa; }
body.light_color .post_content th { background:#eee; } .post_content blockquote { margin:0 0 25px 0; padding:27px 30px 0; background:#fff; border:1px solid #ccc; box-shadow:0px 4px 0px 0px #f8f8f8; position:relative; }
.post_content blockquote:before { content: '"'; font-style:italic; font-size:30px; font-weight:normal; line-height:40px; width:30px; height:30px; position:absolute; top:5px; left:10px; color:#5cbcd7; }
.post_content blockquote:after { content: '"'; font-style:italic; font-size:30px; font-weight:normal; text-align:left; line-height:60px; width:30px; height:30px; position:absolute; bottom:7px; right:-2px; color:#5cbcd7; }
.post_content blockquote cite { border-top:1px dotted #aaa; display:block; padding:20px 0 0 0; font-style:italic; text-align:right; font-size:90%; } .post_content .wp-caption {
margin-bottom:24px; background:#f8f8f8; border:1px solid #ccc; padding:5px; max-width:100%;
-webkit-border-radius:5px; border-radius:5px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.post_content .wp-caption-text { text-align:center; font-size:12px; font-style:italic; line-height:1.5; margin:9px auto; }
.post_content .wp-caption img[class*="wp-image-"] { display:block; margin:0 auto; } .gallery { margin-bottom:20px; }
.gallery a img { border: 0 !important; }
.gallery-item { float:left; margin:0 4px 4px 0; overflow:hidden; position:relative; }
.gallery-columns-1 .gallery-item { max-width:100%; }
.gallery-columns-2 .gallery-item { max-width:48%; max-width:-webkit-calc(50% - 4px); max-width:calc(50% - 4px); }
.gallery-columns-3 .gallery-item { max-width:32%; max-width:-webkit-calc(33.3% - 4px); max-width:calc(33.3% - 4px); }
.gallery-columns-4 .gallery-item { max-width:23%; max-width:-webkit-calc(25% - 4px); max-width:calc(25% - 4px); }
.gallery-columns-5 .gallery-item { max-width:19%; max-width:-webkit-calc(20% - 4px); max-width:calc(20% - 4px); }
.gallery-columns-6 .gallery-item { max-width:15%; max-width:-webkit-calc(16.7% - 4px); max-width:calc(16.7% - 4px); }
.gallery-columns-7 .gallery-item { max-width:13%; max-width:-webkit-calc(14.28% - 4px); max-width:calc(14.28% - 4px); }
.gallery-columns-8 .gallery-item { max-width:11%; max-width:-webkit-calc(12.5% - 4px); max-width:calc(12.5% - 4px); }
.gallery-columns-9 .gallery-item { max-width: 9%; max-width:-webkit-calc(11.1% - 4px); max-width:calc(11.1% - 4px); }
.gallery-columns-10 .gallery-item { max-width: 7%; max-width:-webkit-calc(9.4% - 0px); max-width:calc(9.4% - 0px); }
.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n), .gallery-columns-10 .gallery-item:nth-of-type(10n) { margin-right:0; }
.gallery-caption {
background-color:rgba(0, 0, 0, 0.7); color:#fff; font-size:12px; line-height:1.5; margin:0; max-height:50%;
opacity:0; padding:6px 8px; position:absolute; bottom:0; left:0; text-align:left; width:100%;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.gallery-caption:before { content: ""; height:100%; min-height:49px; position:absolute; top:0; left:0; width:100%; }
.gallery-item:hover .gallery-caption { opacity: 1; }
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption, .gallery-columns-10 .gallery-caption { display: none; } .post_content .wp-smiley { border:0; margin-bottom:0; margin-top:0; padding:0; }
.post_content address { margin:0 0 24px 0; line-height:2.2; }
.post_content pre { border-left:3px solid #ccc; background:#f8f8f8; font-size:12px; margin:0 0 27px 0; line-height:1.7; padding:20px; overflow:auto; }
.post_content .sticky { }
.post_content .mejs-container { margin: 12px 0 25px; } .c-pw__desc, .c-pw__desc p { line-height:2.5; }
.c-pw__desc p { margin-bottom:16px; }
.c-pw__btn { border:none; background:#111; color: #fff; display: inline-block; padding: 0px 20px; font-size:14px; text-align:center; line-height:40px; height:40px; }
.c-pw__btn:hover { background:#333; color: #fff; }
.c-pw__btn--register { min-width: 160px; margin-bottom:32px; }
.c-pw__btn--submit { background:#111; color:#fff; min-width: 100px; border:0; cursor:pointer; top:-1px; position:relative; }
.c-pw .c-pw__btn:hover { text-decoration: none; }
.c-pw__box { width:100%; border:1px solid #ddd; padding: 25px 36px; display:inline-block; margin-bottom:40px; box-sizing: border-box; }
.c-pw__box .c-pw__box-desc { line-height:1.2; margin-bottom: 20px; }
.c-pw__box-label { margin-right: 14px; }
.c-pw__box-input { border:1px solid #ddd; background:#fff; height:40px; width:250px; margin-right: 13px; flex: 1; box-sizing: border-box; padding: 0 10px; }
.post_content .c-pw__btn, .post_content .c-pw__btn:hover { color: #fff; } .cardlink { word-wrap: break-word; max-width: 100%; margin: 45px 0 !important; padding: 12px; border: 1px solid #ddd; background: #fafafa; }
.cardlink_thumbnail { margin-right: 20px; float: left; }
.cardlink_content { line-height: 1.6; }
.cardlink_timestamp { display: inline; margin: 0; padding: 0; color: #222; font-size: 12px; line-height: 1.6; vertical-align: top; }
.cardlink_title { margin: 0 0 5px; font-size: 14px; }
.cardlink_title a { color: #000; font-weight: bold; text-decoration: none; }
.cardlink_title a:hover { text-decoration: underline; }
.cardlink_excerpt { overflow: hidden; color: #333; font-size: 12px; line-height: 1.8; }
.cardlink_footer { clear: both; }
.clear { clear: both; }
@media screen and (max-width: 767px) {
.cardlink_thumbnail { float: none; }
.cardlink_timestamp { line-height: 2.4; vertical-align: middle; }
.cardlink_excerpt { float: none; }
} .p-btn {
-webkit-box-sizing: border-box; box-sizing: border-box;
display: inline-block; min-width: 180px; height: 50px; padding: 0 15px; border-radius: 0;
color: #fff; font-size: 14px; line-height: 50px; text-align: center;
}
@media screen and (max-width: 767px) {
.p-btn { height: 45px; font-size: 12px; line-height: 45px; }
} @media all{
#treatment_list{background:#F4F2F0;padding:60px 0;margin:0;posiiton:relative;}
#treatment_list .inner{text-align:center;margin-bottom:;}
#treatment_list .inner .catch{text-align:center;line-height:1.7;margin:-10px 0 20px 0;}
#treatment_list .inner .desc{line-height:2.4;}
#treatment_list .post_list{width:930px;margin:0 auto 80px;display:flex;flex-wrap:wrap;}
#treatment_list .post_list .item{width:50%;}
#treatment_list .post_list a{padding:20px 30px;display:block;background:#fff;border-right:1px solid #ddd;border-top:1px solid #ddd;display:flex;flex-wrap:wrap;align-items:center;}
#treatment_list .post_list .item:nth-child(1) a{border-top:none;}
#treatment_list .post_list .item:nth-child(2) a{border-top:none;}
#treatment_list .post_list .item:nth-child(2n) a{border-right:none;}
#treatment_list .post_list .item:last-of-type a{border-right:none;}
#treatment_list .post_list .image_wrap{width:80px;height:80px;position:relative;overflow:hidden;z-index:1;border-radius:100%;}
#treatment_list .post_list .image{width:100%;height:100%;display:block;overflow:hidden;position:relative;z-index:2;}
#treatment_list .post_list .image img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;}
#treatment_list .post_list .title{font-weight:500;width:calc(100% - 80px);padding-left:30px;line-height:1.6;transform:translate3d(0,0,0);transition:transform 0.35s ease;}
#treatment_list .post_list a:hover .title{transform:translate3d(14px,0,0);}
#treatment_list .link_button{text-align:center;}
#treatment_list .h4{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
}
@media screen and (max-width: 1221px){
#treatment_list .inner{padding:0 100px;}
#treatment_list .post_list{width:auto;margin:0 0px 80px;} @media only screen and (max-width: 1000px){
#treatment_list{padding:100px 0;}
#treatment_list .inner{padding:0 60px;} }
@media only screen and (max-width: 800px){
#treatment_list{padding:40px 0;}
#treatment_list .inner{margin-bottom:32px;padding:0 20px;}
#treatment_list .inner .catch{margin-bottom:18px;margin-top:-5px;}
#treatment_list .inner .desc{line-height:2;}
#treatment_list .post_list{margin:0 0px 40px;}
#treatment_list .post_list a{padding:15px 20px;}
#treatment_list .post_list .image_wrap{width:70px;height:70px;}
#treatment_list .post_list .title{width:calc(100% - 70px);padding-left:20px;}
}
@media only screen and (max-width: 600px){
#treatment_list .post_list{display:block;}
#treatment_list .post_list .item{width:auto;}
#treatment_list .post_list .item a{border:none;border-bottom:1px solid #ddd;}
#treatment_list .post_list .item:last-of-type a{border-bottom:none;}
}
} .anime, section h2 span.line, section h3 span.line, section .box li a:not(.btn) picture, section .box li a:not(.btn) div, section .step-box>div.in::before, section .step-box>div.in::after, section .step-box>div.in>div::before, section .plan-card strong, header#header, .route-box>div>div.in::before, .route-box>div>div.in::after, .news-list a dt>span, .news-list a dd>span {
-webkit-transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
.over, section .caution-box .item picture, .page-nav,  #student h2,  #trans h2, #qa-header picture {
margin-left: calc( 0px - 2.66vw);
margin-right: calc( 0px - 2.66vw);
width: calc( 100% + 5.33vw)
}
.over>img, section .caution-box .item picture>img, .page-nav>img,  #student h2>img,  #trans h2>img, #qa-header picture>img {
width: calc( 100% + 5.33vw)
}
@media screen and (min-width: 960px) {
.over, section .caution-box .item picture, .page-nav,  #student h2,  #trans h2, #qa-header picture {
margin-left: 0;
margin-right: 0;
width: 100%
}
.over>img, section .caution-box .item picture>img, .page-nav>img,  #student h2>img,  #trans h2>img, #qa-header picture>img {
width: 100%
}
}
body, div, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, th, td, pre, code, blockquote, form, fieldset, legend, input, textarea {
margin: 0;
padding: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
fieldset, img {
border: 0
}
address, caption, cite, code, dfn, em, th, var {
font-style: normal;
font-weight: normal
}
li { }
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
}
input, textarea, select {
*font-size: 100%
}
legend {
color: #FFF
}
hr {
display: none
}
img {
vertical-align: bottom
}
body {
color: #000;
background-color: #FFF;
font-size: 14px;
-webkit-text-size-adjust: 100%
}
select, input, button, textarea {
font-size: 99%
}
table {
font-size: inherit;
font: 100%;
border-collapse: collapse;
border-spacing: 0
}
pre, code, kbd, samp, tt {
font-family: monospace;
*font-size: 108%;
line-height: 100%
}
.hd {
display: block;
width: 0;
height: 0;
overflow: hidden
}
.cf:before, .cf:after {
content: " ";
display: table
}
.cf:after {
clear: both
}
.cf {
*zoom: 1
}
* {
max-height: 999999px
}
main .small {
font-size: 12px
}
main .medium {
font-size: 18px
}
body {
min-height: 100%;
overscroll-behavior: none;
-webkit-overflow-scrolling: touch
}
body:before {
content: '';
position: fixed;
z-index: -1;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: -webkit-linear-gradient(358deg, var(--clr-main-b), var(--clr-main-m), var(--clr-main-p));
background: -o-linear-gradient(358deg, var(--clr-main-b), var(--clr-main-m), var(--clr-main-p));
background: linear-gradient(92deg, var(--clr-main-b), var(--clr-main-m), var(--clr-main-p));
background-position: 50% 0
}
@media screen and (min-width: 960px) {
body:before {
width: 100%;background: #FFF;
}
}
@-webkit-keyframes gradient {
0% {
background-position: 50% 0;
background-size: 100%
}
25% {
background-position: 75% 0;
background-size: 125%
}
50% {
background-position: 50% 0;
background-size: 100%
}
75% {
background-position: 25% 0;
background-size: 125%
}
100% {
background-position: 50% 0;
background-size: 100%
}
}
@keyframes gradient {
0% {
background-position: 50% 0;
background-size: 100%
}
25% {
background-position: 75% 0;
background-size: 125%
}
50% {
background-position: 50% 0;
background-size: 100%
}
75% {
background-position: 25% 0;
background-size: 125%
}
100% {
background-position: 50% 0;
background-size: 100%
}
}
a {
color: var(--clr-link);
text-decoration: none!important;
cursor: pointer;
}
a.underline {
color: var(--clr-link);
text-decoration: underline!important;
cursor: pointer;
}
a:not(.btn):not(.check):not(.plan-card):not(.page-nav>a) :not(.purpose-panels) :not(.price-cards) :not(.price-card){
color: var(--clr-link)
}
a:not(.btn):not(.check):not(.plan-card) :hover {
color: var(--clr-main-p)
}
h1, h2, h3, h4, h5, h6 {
position: relative;
vertical-align: middle;
font-weight: 500;
letter-spacing: .05em;
line-height: 1.6;
color: var(--clr-main)
}
p {
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
line-height: 1.6;
vertical-align: middle
}
p.left {
text-align: left !important
}
p.right {
text-align: right !important
}
p.center {
text-align: center !important
}
p.small{
line-height: 1.8;
text-align: left;
font-size: 12px;
}
p.large{
line-height: 1.8;
text-align: left;
font-size: 18px;
}
span.large{
font-size: 2.5em;
margin-bottom: 1em;
margin-top: 0em;
font-weight: 500;
}
picture {
display: block;
max-width: 100%
}
picture img {
width: 100%;
height: auto
}
@media screen and (max-width: 960px) {
picture img not(.image_wrap){
width: auto
}
span.large{
font-size: 2.0em;
}
}
picture img.aligncenter {
text-align: center
}
picture img.alignleft {
text-align: left
}
picture img.alignright {
text-align: right
}
picture.left {
margin-left: calc( 0px - 2.66vw)
}
picture.left img {
width: calc( 100% + 2.66vw)
}
@media screen and (min-width: 960px) {
picture.left {
margin-left: 0
}
}
picture.right {
margin-right: calc( 0px - 2.66vw)
}
picture.right img {
width: calc( 100% + 2.66vw)
}
@media screen and (min-width: 960px) {
picture.right {
margin-right: 0
}
}
@media screen and (min-width: 960px) {
html, body, a, p {
font-size: 16px
}
}
h1 {
font-size: 36px; font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429)); line-height: 1.3;
}
h2 {
font-size: 24px; font-size: calc(2rem + ((1vw - 0.64rem) * 0.7143)); line-height: 1.3;
}
@media screen and (max-width: 960px) { body{
line-height: 2;
}
h1{
font-size: 2rem;
}
h2 {
font-size: 1.7rem;
text-align: center;
}
}
.centered-image {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
vertical-align: bottom;
}  .col_3{
width: 100%;
display: flex;
flex-wrap: wrap;
margin-top: 30px;
}
.col_3 > *{
width: calc( 33.33333% - 8px ) ;
margin-right: 12px;
margin-bottom: 12px;
}
.col_3 > *:nth-child(3n){
margin-right: auto;
}
.col_3 > * > *{
position: relative;
overflow: hidden
}
@media screen and (max-width: 960px) {
.col_3 > *{
width: calc( 50% - 6px ) ;
}
.col_3 > *:nth-child(3n){
margin-right: 12px;
}
.col_3 > *:nth-child(2n){
margin-right: auto;
}
}
@media screen and (max-width: 580px) {
.col_3 > *{
width: 100%;
margin-right: auto;
}
.col_3 > *:nth-child(3n){
margin-right: auto;
}
}
.content_header{
}  section {
width: 100%;
position: relative
} section.bg::before {
content: '';
width: 100%;
height: 97%;
position: absolute;
top: 0;
z-index: 0
}
@media screen and (min-width: 960px) {
section.bg::before {
width: 100% !important;
height: calc( 100% - 60px)
}
}
section.bg::after {
background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(60%, white), to(var(--clr-backtransparent)));
background: -webkit-linear-gradient(top, white 0%, white 60%, var(--clr-backtransparent) 100%);
background: -o-linear-gradient(top, white 0%, white 60%, var(--clr-backtransparent) 100%);
background: linear-gradient(to bottom, white 0%, white 60%, var(--clr-backtransparent) 100%);
content: '';
width: 100%;
height: 35vh;
position: absolute;
top: 0;
z-index: 0
}
@media screen and (min-width: 960px) {
section.bg::after {
width: 100% !important;
height: 375px
}
}
section.bg>.inner {
position: relative;
z-index: 2
}
section.bg>.inner h2, section.bg>.inner h3 {
z-index: 2
}
section.bg.hgt::before {
height: 100%
}
section.bgw {
background: white !important
}
section .inner {
margin: 0 auto;
padding: 7.46vw 2.66vw 7.46vw;
width: 100%;
max-width: 1200px;
position: relative;
z-index: 2;
}
@media screen and (min-width: 960px) {
section .inner {
padding: 60px 20px 120px
}
}
@media screen and (min-width: 1280px) {
section .inner {
padding: 60px 0 60px
}
}
section .inner .left {
text-align: left
}
section .inner .center {
text-align: center
}
section .inner .right {
text-align: right
}
section .article {
padding: 0 5.33vw
}
@media screen and (min-width: 960px) {
section .article {
padding: 90px 145px;
background: white;
border-radius: 10px
}
}
section.bgb {
background: linear-gradient( 92deg , var(--clr-background-a), var(--clr-background-b), var(--clr-background-c)) !important;
color: #333;
}
section.bgba {
margin-top: -65px
}
p.bgba{
margin-top: 30px;
} section h1 {
font-size: 2rem;
text-align: center
}
@media screen and (min-width: 960px) {
section h1 {
font-size: 33px
}
}
section h2 not(.title){
margin-bottom: 2rem;
font-size: 1.7rem;
text-align: center
}
section h2 span.line {
display: inline-block;
background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--clr-line)), color-stop(50%, var(--clr-backtransparent)));
background: -webkit-linear-gradient(left, var(--clr-line) 50%, var(--clr-backtransparent) 50%);
background: -o-linear-gradient(left, var(--clr-line) 50%, var(--clr-backtransparent) 50%);
background: linear-gradient(to right, var(--clr-line) 50%, var(--clr-backtransparent) 50%);
background-position: 0% 90%;
background-size: 200% 30%;
background-repeat: no-repeat
}
section h2 span.line.b {
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--clr-line-h3)), color-stop(50%, var(--clr-backtransparent)));
background-image: -webkit-linear-gradient(left, var(--clr-line-h3) 50%, var(--clr-backtransparent) 50%);
background-image: -o-linear-gradient(left, var(--clr-line-h3) 50%, var(--clr-backtransparent) 50%);
background-image: linear-gradient(to right, var(--clr-line-h3) 50%, var(--clr-backtransparent) 50%)
}
section h2 span.s {
font-size: .7em
}
section h2 span.l {
font-size: 1.1em
}
section h2 span.xl {
font-size: 1.3em
}
@media screen and (min-width: 960px) {
section h2 {
font-size: 24px;
text-align: center;
}
}
section h2.in {
opacity: 1;
font-size: 18px;
text-align: center;
}
section h2.in span.line {
background-position: 100% 90%
}
section h2.view span.line {
background-position: 0% 90% !important
}
section h3 not(.title){
display: block;
margin: 0 auto 5.33vw;
font-size: 1.5rem;
text-align: center
}
@media screen and (min-width: 960px) {
section h3 not(.title) {
margin-bottom: 30px;
font-size: 20px
}
}
section h1.l-border, section h2.l-border, section h3.l-border, section h4.l-border {
padding: 0 0 0 14.66vw;
text-align: left;
font-size: 4.8vw
}
@media screen and (min-width: 960px) {
section h1.l-border, section h2.l-border, section h3.l-border, section h4.l-border {
padding: 30px 0 40px 68px;
font-size: 24px
}
}
section h1.l-border::before, section h2.l-border::before, section h3.l-border::before, section h4.l-border::before {
content: '';
position: absolute;
z-index: 2;
top: calc(50% - 1px);
left: 0;
width: 13.33vw;
height: 1px;
background: var(--clr-text)
}
@media screen and (min-width: 960px) {
section h1.l-border::before, section h2.l-border::before, section h3.l-border::before, section h4.l-border::before {
width: 60px
}
}
section h1[data-eng], section h2[data-eng], section div[data-eng].h1 {
position: relative;
display: block;
margin-bottom: 0;
padding: 1em 0;
width: 100%;
line-height: 1;
text-align: center
}
@media screen and (min-width: 960px) {
section h1[data-eng], section h2[data-eng], section div[data-eng].h1 {
margin-bottom: 0;
padding: 30px 0 40px
}
}
section h1[data-eng]>span, section h2[data-eng]>span, section div[data-eng].h1>span {
position: relative;
z-index: 2
}
section h1[data-eng]::after, section h2[data-eng]::after, section div[data-eng].h1::after {
opacity: 0.23;
display: block;
text-align: center;
content: attr(data-eng) "";
margin-left: calc( 0px - 2.66vw);
margin-right: calc( 0px - 2.66vw);
width: calc( 100% + 5.33vw);
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
font-size: 6rem;
font-family: 'Jost';
font-weight: 300;
line-height: 1;
background: -webkit-gradient(linear, left top, right top, color-stop(25%, #DEC2E1), color-stop(75%, #BCDEF3));
background: -webkit-linear-gradient(left, #DEC2E1 25%, #BCDEF3 75%);
background: -o-linear-gradient(left, #DEC2E1 25%, #BCDEF3 75%);
background: linear-gradient(to right, #91836D 25%, #BCDEF3 75%);
background-clip: text;
-webkit-background-clip: text;
color: var(--clr-backtransparent);
white-space: nowrap
}
.in, picture {
will-change: opacity;
opacity: 0;
-webkit-transition: 0.5s cubic-bezier(0.53, 0.22, 0.29, 1.46);
-o-transition: 0.5s cubic-bezier(0.53, 0.22, 0.29, 1.46);
transition: 0.5s cubic-bezier(0.53, 0.22, 0.29, 1.46);
-webkit-transition-property: opacity, -webkit-transform, -webkit-filter;
transition-property: opacity, -webkit-transform, -webkit-filter;
-o-transition-property: opacity, transform, filter;
transition-property: opacity, transform, filter;
transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter
}
.in.view, picture.view {
opacity: 1!important;
}
section h1[data-eng]:after, main section h2[data-eng]:after, main section div[data-eng].h1:after {
letter-spacing: 0.4em;
overflow: hidden;
will-change: opacity, letter-spacing;
opacity: 0;
-webkit-transition: 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transition-property: opacity, letter-spacing;
-o-transition-property: opacity, letter-spacing;
transition-property: opacity, letter-spacing
}
section h1[data-eng].view:after, main section h2[data-eng].view:after, main section div[data-eng].h1.view:after {
letter-spacing: .05em;
opacity: 0.23
}
@media screen and (min-width: 960px) {
section h1[data-eng]::after, section h2[data-eng]::after, section div[data-eng].h1::after {
margin: 0;
width: 100%;
font-size: 120px
}
}
section h1[data-eng].up, section h2[data-eng].up, section div[data-eng].h1.up {
padding: 4rem 0 0;
margin-bottom: 2rem;
line-height: 1.4
}
@media screen and (min-width: 960px) {
section h1[data-eng].up, section h2[data-eng].up, section div[data-eng].h1.up {
margin-bottom: 0;
padding: 60px 0 35px 80px
}
section h1[data-eng].up::before, section h2[data-eng].up::before, section div[data-eng].h1.up::before {
top: 79px
}
}
@media screen and (min-width: 960px) {
section h1[data-eng].center, section h2[data-eng].center, section div[data-eng].h1.center {
padding-left: 0
}
section h1[data-eng].center::before, section h2[data-eng].center::before, section div[data-eng].h1.center::before {
display: none
}
}
@media screen and (min-width: 960px) {
section h2[data-eng] {
padding: 30px 0 40px 68px;
text-align: left
}
section h2[data-eng]::before {
content: '';
position: absolute;
z-index: 2;
top: calc(50% - 1px);
left: 0;
width: 60px;
height: 1px;
background: var(--clr-text)
}
}
section h2[data-eng]+div {
position: relative;
z-index: 2
}
section strong {
color: var(--clr-strong)
}
section strong.price {
margin-bottom: 1.2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
font-size: 14.73vw;font-family: 'JOST'; line-height: 1;
background: -webkit-gradient(linear, left top, left bottom, color-stop(85%, var(--clr-backtransparent)), color-stop(85%, var(--clr-underline)));
background: -webkit-linear-gradient(var(--clr-backtransparent) 85%, var(--clr-underline) 85%);
background: -o-linear-gradient(var(--clr-backtransparent) 85%, var(--clr-underline) 85%);
background: linear-gradient(var(--clr-backtransparent) 85%, var(--clr-underline) 85%)
}
@media screen and (min-width: 960px) {
section strong.price {
font-size: 40px
}
}
@media screen and (min-width: 1280px) {
section strong.price {
font-size: 53px ;font-family: 'JOST' }
}
section strong.price .max {
display: block;
width: 2em;
font-size: 4.26vw;
line-height: 1.26
}
@media screen and (min-width: 960px) {
section strong.price .max {
font-size: 16px
}
}
section strong.price .yen {
display: block;
width: 3em;
font-size: 5.33vw
}
@media screen and (min-width: 960px) {
section strong.price .yen {
font-size: 20px
}
}
section strong.b {
color: var(--clr-text)
}
section p {
margin-bottom: 2em;
font-size: 1rem;
font-weight: 400;
line-height: 2;
}
@media screen and (min-width: 960px) {
section p {
font-size: 16px
}
}
section p:last-child {
margin-bottom: 0
}
section p.fm {
font-size: 4.26vw
}
@media screen and (min-width: 960px) {
section p.fm {
font-size: 16px
}
}
section p.m {
font-weight: 500
}
section p.r {
font-weight: 400
}
section span.fm {
font-size: 4.26vw
}
@media screen and (min-width: 960px) {
section span.fm {
font-size: 16px
}
}
section span.m {
font-weight: 500
}
section span.r {
font-weight: 400
} /
section dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 1em 0;
width: 100%;
border-top: 1px solid var(--clr-comment);
color: var(--clr-text)
}
@media screen and (min-width: 960px) {
section dl {
padding: 20px 0
}
}
section dl dt, section dl dd {
width: 100%;
line-height: 1.8
}
section dl dt {
font-weight: 700
}
@media screen and (min-width: 960px) {
section dl dt {
width: 160px
}
}
section dl dd {
line-height: 1.6;
font-weight: 400
}
@media screen and (min-width: 960px) {
section dl dd {
width: calc(100% - 160px);
padding-left: 20px
}
}
section .tbl {
position: relative
}
section .tbl dl {
position: relative
}
@media screen and (min-width: 960px) {
section .tbl dl {
padding: 30px 0
}
}
section .tbl dl:before {
content: '';
position: absolute;
left: 0;
top: -1px;
width: 8rem;
height: inherit;
border-top: 1px solid var(--clr-access)
}
@media screen and (min-width: 960px) {
section .tbl dl:before {
width: 160px
}
}
section .tbl dl dt, section .tbl dl dd {
font-size: 4.26vw
}
@media screen and (min-width: 960px) {
section .tbl dl dt, section .tbl dl dd {
font-size: 14px
}
}
section .tbl dl dt a {
display: inline
}
section table.plan {
table-layout: fixed;
width: 100%
}
section table.plan tr th, section table.plan tr td {
padding: .65em .1em;
border: 1px solid var(--clr-menu-table-line);
text-align: center
}
section table.plan tr th {
background: var(--clr-menu-table-th);
font-weight: 700;
color:#FFF;
}
section table.plan tr th:first-of-type {
width: 5em
}
section table.plan tr td {
background: white
}
section table.plan+p {
margin-top: 1rem
}
section table.block {
width: 100%;
margin-bottom: 2rem;
border-bottom: 1px solid var(--clr-menu-table-line);display: table;
}
section table.block tr td, section table.block tr th {
display: block;
padding: 5.33vw;
text-align: center;
font-weight: 400;
border-top: 1px solid var(--clr-menu-table-line);
border-left: 1px solid var(--clr-menu-table-line);
border-right: 1px solid var(--clr-menu-table-line)
}
@media screen and (min-width: 960px) {
section table.block tr td, section table.block tr th {
display: table-cell;
padding: 30px
}
}
section table.block tr th {
background-color: var(--clr-menu-table-th);
font-weight: 700;
color:#FFF;
}
@media screen and (min-width: 960px) {
section table.block tr th {
width: 270px
}
}
section table.block tr td {
background: white
}
@media screen and (min-width: 960px) {
section table.block tr td dl {
padding-top: 1em;
padding-bottom: 1em
}
}
section table.block tr td dl dt, section table.block tr td dl dd {
font-size: 3.73vw;
text-align: left
}
@media screen and (min-width: 960px) {
section table.block tr td dl dt, section table.block tr td dl dd {
font-size: 14px
}
}
section table.block tr td dl dd {
font-weight: 400
}
section table.block tr td.pain dl {
margin-bottom: 1em;
padding-bottom: 1.5em;
padding-top: 1.5em;
background: var(--clr-backgroundg);
border-radius: 0px;
border: none;
}
section table.block tr td.pain dl dt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: #393B3E 1px solid;
padding-bottom: 1em
}
@media screen and (min-width: 960px) {
section table.block tr td.pain dl dt {
border-right: #393B3E 1px solid;
border-bottom: none;
text-align: left;
margin: 0;
padding: 0 25px;
width: 230px
}
}
section table.block tr td.pain dl dt a {
display: inline
}
section table.block tr td.pain dl dd {
padding: .5em 1em 0 1em
}
section table.block tr td.pain dl dd .star {
display: block;
margin-bottom: .3em;
text-align: center;
font-size: 1.4em;
color: var(--clr-strong);
}
@media screen and (min-width: 960px) {
section table.block tr td.pain dl dd .star {
text-align: left
}
}
@media screen and (min-width: 960px) {
section table.block tr td.pain dl dd {
padding: 0 25px;
width: 100%; text-align: left
}
}
section table.block tr td.pain dl dd.parent {
width: 100%
}
section table.block tr td.pain dl:last-of-type {
margin-bottom: 0
}
section table.block tr td p {
text-align: left
}
section table.block tr td p span {
display: block
}
section table.block tr td .ttl {
text-align: left;
margin: 2em 0 .5em
}
section table.block tr td .ttl:first-of-type {
margin-top: 0
}
section table.block tr td strong {
margin-bottom: .5em;
display: block;
color: var(--clr-text)
}
section ul.list {
position: relative;
margin-bottom: 1em
}
section ul.list li {
margin-left: 1.2em;
list-style-type: disc
} section .box {
position: relative;
z-index: 2
}
@media screen and (min-width: 960px) {
section .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -8px;
margin-right: -8px
}
}
section .box .item {
display: block;
margin-bottom: 1.4rem;
padding: 8vw;
background: white;
border-radius: 0px;
-webkit-box-shadow: 0px 3px 16px var(--clr-box-shadow);
box-shadow: 0px 3px 16px var(--clr-box-shadow)
}
@media screen and (min-width: 960px) {
section .box .item {
margin: 0 8px;
padding: 30px 20px;
width: calc( (100%/3) - 16px)
}
section .box .item a.btn, section .box .item #search-button, section .box .item article a.reserve, article section .box .item a.reserve, section .box .item .article-content a.reserve, .article-content section .box .item a.reserve, section .box .item article .btn a, article .btn section .box .item a, section .box .item .article-content .btn a, .article-content .btn section .box .item a {
width: 240px
}
}
@media screen and (min-width: 960px) {
section .box .item picture {
height: 252px
}
}
section .box .item picture img {
width: 100% !important
}
@media screen and (min-width: 960px) {
section .box .item picture img {
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
}
section .box.number {
counter-reset: boxnum
}
section .box.number .item {
position: relative;
padding: 10.66vw 0 0
}
@media screen and (min-width: 960px) {
section .box.number .item {
padding: 40px 0 0 0; margin-bottom: 18px }
}
section .box.number .item::before {
counter-increment: boxnum;
content: counter(boxnum, decimal-leading-zero);
color: var(--clr-comment);
font-size: 4rem;
font-family: 'Jost';
line-height: 1;
position: absolute;
top: 4vw;
left: 4vw;
z-index: 0
}
@media screen and (min-width: 960px) {
section .box.number .item::before {
top: 13px;
left: 13px
}
}
section .box.number .item h3 {
position: relative;
z-index: 1;
font-size: 1.15rem
}
@media screen and (min-width: 960px) {
section .box.number .item h3 {
font-size: 14px
}
}
@media screen and (min-width: 1280px) {
section .box.number .item h3 {
font-size: 16px
}
}
section .box.number .item h3 span {
font-size: 2.05rem
}
section .box.list .item {
position: relative;
margin-bottom: 30px;
padding: 0
}
section .box.list .item>picture {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
overflow: hidden;
position: relative;
width: 100%;
height: auto;
padding-top: 45.0704%
}
section .box.list .item>picture img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
section .box.list .item div {
padding: 3.2vw 5.33vw 8vw;
text-align: center
}
@media screen and (min-width: 960px) {
section .box.list .item div {
padding: 12px 20px 40px
}
}
section .box.list .item div h2, section .box.list .item div h3.line {
margin-bottom: 1rem;
border-bottom: 1px solid var(--clr-comment);
padding-bottom: .5em;
font-size: 5.33vw;
font-weight: 700;
color: var(--clr-text)
}
@media screen and (min-width: 960px) {
section .box.list .item div h2, section .box.list .item div h3.line {
font-size: 20px
}
}
section .box.list .item div p {
margin-bottom: 1rem;
line-height: 1.8;
text-align: left
}
section .box.list .item div p:last-of-type {
margin-bottom: 0
}
section .box.list .item div p:last-of-type+table {
margin-top: 1rem
}
section .box.list .item .stamp {
background: var(--clr-strong);
color: white;
font-size: 3rem;
font-family: 'Jost';
line-height: 5.2rem;
text-align: center;
width: 5.2rem;
height: 5.2rem;
border-radius: 50%;
position: absolute;
top: 21%;
left: -2vw;
z-index: 2
}
@media screen and (min-width: 960px) {
section .box.list .item .stamp {
font-size: 40px;
line-height: 72px;
width: 72px;
height: 72px;
left: 15px
}
}
section .box.list .item .stamp>span.small {
font-size: .5em
}
section .box.list .item.btm>div {
padding: 3.2vw 5.33vw 8vw
}
@media screen and (min-width: 960px) {
section .box.list .item.btm>div {
padding: 12px 20px 125px }
}
@media screen and (min-width: 960px) {
section#topmenu .box.list .item.btm>div {
padding: 12px 20px 0px }
}
section .box.list .item.btm a.btn, section .box.list .item.btm #search-button, section .box.list .item.btm article a.reserve, article section .box.list .item.btm a.reserve, section .box.list .item.btm .article-content a.reserve, .article-content section .box.list .item.btm a.reserve, section .box.list .item.btm article .btn a, article .btn section .box.list .item.btm a, section .box.list .item.btm .article-content .btn a, .article-content .btn section .box.list .item.btm a {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
width: 100%;
max-width: 100%
}
@media screen and (min-width: 960px) {
section .box.list .item.btm a.btn, section .box.list .item.btm #search-button, section .box.list .item.btm article a.reserve, article section .box.list .item.btm a.reserve, section .box.list .item.btm .article-content a.reserve, .article-content section .box.list .item.btm a.reserve, section .box.list .item.btm article .btn a, article .btn section .box.list .item.btm a, section .box.list .item.btm .article-content .btn a, .article-content .btn section .box.list .item.btm a {
margin: 0 auto;
position: absolute;
bottom: 0;
left: 0;
right: 0
}
}
section .box.list.number .item h3 span {
font-size: 1.8rem
}
section .box.list.number .item::before {
z-index: 1;
left: 0;
top: 0;
color: var(--clr-box-number)
}
section .box li {
margin-bottom: 2.66vw
}
section .box li a:not(.btn) {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
background: white;
border-radius: 0px;
-webkit-box-shadow: 0px 3px 16px var(--clr-box-shadow);
box-shadow: 0px 3px 16px var(--clr-box-shadow);
font-size: 4.8vw;
color: var(--clr-text)
}
section .box li a:not(.btn) picture {
position: relative;
width: 50%;
padding-top: 34.0909%
}
section .box li a:not(.btn) picture img {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100%;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
-o-object-fit: cover;
object-fit: cover
}
section .box li a:not(.btn) div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 50%
}
section .box li a:not(.btn):hover picture {
width: 0
}
section .box li a:not(.btn):hover div {
width: 100%
}
@media screen and (min-width: 960px) {
section .box li a:not(.btn) {
font-size: 18px
}
}
@media screen and (min-width: 960px) {
section .box li {
margin: 0 8px 25px;
width: calc( (100%/3) - 16px)
}
}
section .box .q {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
position: relative;
margin-bottom: 1.4rem;
padding: 5.33vw;
background: white;
border-radius: 0px;
-webkit-box-shadow: 0px 3px 16px var(--clr-box-shadow);
box-shadow: 0px 3px 16px var(--clr-box-shadow)
}
@media screen and (min-width: 960px) {
section .box .q {
margin: 0 8px 18px;
padding: 25px 76px 25px 25px
}
}
section#qa .q{padding:5.33vw 0 0 0;cursor:pointer;}
section .box .q>span, section .box .q h1 {
width: calc( 100% - 3.4rem);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--clr-text) !important;
font-size: 1rem;
text-align: left;
font-weight: 500;
letter-spacing: normal
}
@media screen and (min-width: 960px) {
section .box .q>span, section .box .q h1 {
font-size: 15px
}
}
section .box .q::before {
margin-right: .7rem;
padding-right: .7rem;
width: 2.7rem;
border-right: 1px solid var(--clr-comment);
content: 'Q.';
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 2rem;
font-family: 'Jost';
line-height: 1;
color: var(--clr-access)
}
section .box a.q::after {
display: none
}
@media screen and (min-width: 960px) {
section .box a.q::after {
display: block;
content: "";
width: 23px;
height: 23px;
background: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/right_icon02.svg)center /contain no-repeat;
position: absolute;
top: 50%;
right: 25px;
font-size: 26px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: var(--clr-text)
}
}
section .box .a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
position: relative;
margin-bottom: 1.4rem;
padding: 5.33vw;
background: white;
border-radius: 0px;
-webkit-box-shadow: 0px 3px 16px var(--clr-box-shadow);
box-shadow: 0px 3px 16px var(--clr-box-shadow);
color: var(--clr-text)
}
@media screen and (min-width: 960px) {
section .box .a {
margin: 0 8px 18px;
padding: 25px 76px 25px 25px
}
}
section .box .a>div {
width: calc( 100% - 3.4rem);
display: block
}
section .box .a::before {
margin-right: .7rem;
padding-right: .7rem;
width: 2.7rem;
content: 'A.';
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
font-size: 2rem;
font-family: 'Jost';
line-height: 1;
color: #DE80BE
}
section .box>a:hover {
-webkit-transform: translateX(2.66vw);
-ms-transform: translateX(2.66vw);
transform: translateX(2.66vw)
} section .flow {
margin-bottom: 10.66vw;
counter-reset: flownum
}
section .flow>div {
position: relative;
margin: 0 25.6vw 1rem
}
@media screen and (min-width: 960px) {
section .flow>div {
margin: 0;
display: block
}
}
section .flow>div>span {
display: block;
text-align: center
}
section .flow>div>span::before {
font-size: 1.4em;
color: var(--clr-link);
counter-increment: flownum;
content: counter(flownum, decimal-leading-zero) "."
}
section .flow>i {
display: block;
margin-bottom: 1rem;
text-align: center;
font-size: 1.7em;
font-weight: 400;
color: var(--clr-link)
}
@media screen and (min-width: 960px) {
section .flow>i {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 70%;
}
section .flow>i::before {
content: "";
width: 100%;
height: 100%;
background: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/arrow_icon.svg)center /70% 100% no-repeat;
}
}
@media screen and (min-width: 960px) {
section .flow {
margin-bottom: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}  article .explain, .article-content .explain {
background: #F7F7F8;
border-radius: 0px;
width: 100%;
padding: 6.66vw 5.33vw;
margin-bottom: 2em; }
@media screen and (min-width: 960px) {
article .explain, .article-content .explain {
border-radius: 0px;
padding: 50px;
width: 100%;
background: var(--clr-backgroundg);
margin-bottom: 50px；
}
} article .explain span.ttl, .article-content .explain span.ttl {
display: block;
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px solid #EBEBEB;
text-align: center;
font-size: 4.26vw
}
@media screen and (min-width: 960px) {
article .explain span.ttl, .article-content .explain span.ttl {
font-size: 20px
}
}
article .explain h3, .article-content .explain h3 {
padding: 0.7rem 0rem;
border-left: 5px solid #72727B;
font-size: 3.8vw;
font-weight: 700;
text-align: left;
position: relative;
padding-left: 3.73vw;
margin-bottom: 2.13vw
}
@media screen and (min-width: 960px) {
article .explain h3, .article-content .explain h3 {
font-size: 18px;
padding-left: 13px;
margin-bottom: 14px;
line-height: 1.4
}
}
section#overview h2 {
margin-bottom: 0;
padding: 36px 0 35px 0px;
text-align: center;
line-height: 1.4;
font-size: 24px;
position: relative;
display: block;
}
@media screen and (min-width: 960px) {
section#overview h2 {
margin-bottom: 0;
padding: 36px 0 35px 80px;
text-align: left;
line-height: 1.4;
font-size: 24px;
position: relative;
display: block;
}
section#overview h2::before {
content: '';
position: absolute;
z-index: 2;
top: calc(50% - 1px);
left: 0;
width: 60px;
height: 1px;
background: var(--clr-text);
}
}
article .explain ul, .article-content .explain ul {
margin-bottom: 0
}
article a:not([class]):not([id]), .article-content a:not([class]):not([id]) {
text-decoration: underline
}
article a:not([class]):not([id]):hover, .article-content a:not([class]):not([id]):hover {
color: var(--clr-main-p)
}
*/  @import url("https://fonts.googleapis.com/css?family=Exo:400,700"); section#qa .q{padding:5.33vw 0 0 0;cursor:pointer;}
@media screen and (min-width: 960px){
section#qa .q{padding:20px 0 0 0;}
}
section#qa .q::before{margin-left:5.33vw;margin-bottom:5.33vw;}
@media screen and (min-width: 960px){
section#qa .q::before{margin-left:20px;margin-bottom:20px;}
}
section#qa .q>span{margin-right:5.33vw;margin-bottom:5.33vw;width:calc( 100% -  3.4rem - 10.66vw);min-height: 55px;}
@media screen and (min-width: 960px){
section#qa .q>span{margin-right:20px;margin-bottom:20px;width:calc(100% -  3.4rem - 40px);min-height: 55px;}
}
section#qa .acc-a{display:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px;width:100%;}
section#qa .acc-a>div{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:5.33vw;width:100%;position:relative;color:var(--clr-text);background:#F4F4F5;border-top:1px solid var(--clr-comment);border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
@media screen and (min-width: 960px){
section#qa .acc-a>div{padding:20px;}
}
section#qa .acc-a>div>p{width:calc( 100% -  3.4rem);display:block;position:relative;z-index:2;}
section#qa .acc-a>div::before{margin-right:.7rem;padding-right:.7rem;width:2.7rem;content:'A.';display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;font-size:2rem;font-family:'Jost';line-height:1;color:#e8867f;z-index:2;}
}
section#qa::after {
background: -webkit-gradient(linear, left top, left bottom, from(white), to(var(--clr-backtransparent)));
background: -webkit-linear-gradient(top, white 0%, var(--clr-backtransparent) 100%);
background: -o-linear-gradient(top, white 0%, var(--clr-backtransparent) 100%);
background: linear-gradient(to bottom, white 0%, var(--clr-backtransparent) 100%);
content: '';
width: 100vw;
height: 30%;
position: absolute;
top: 0;
z-index: 0
}
.gradient-gray, #qa {
background: -webkit-gradient(linear, right top, left top, from(#F2F0F5), color-stop(48%, #E1E9F8), to(#EAEFF0));
background: -webkit-linear-gradient(right, #F2F0F5 0%, #E1E9F8 48%, #EAEFF0 100%);
background: -o-linear-gradient(right, #F2F0F5 0%, #E1E9F8 48%, #EAEFF0 100%);
background: linear-gradient(270deg, #F2F0F5 0%, #E1E9F8 48%, #EAEFF0 100%)
}
#qa h2[data-eng]::after { opacity: 0.23;
} section span.line {
background: linear-gradient(var(--clr-backtransparent) 65%, var(--clr-strong) 65%);
} @media screen and (min-width: 960px), print{
.l-content{width:960px;margin-left:auto;margin-right:auto;padding-left:12px;padding-right:12px;}
}
@media screen and (max-width: 960px){
.l-content{width:100%;max-width:564px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;}
}
@media screen and (min-width: 960px), print{
.l-content{width:960px;margin-left:auto;margin-right:auto;padding-left:12px;padding-right:12px;}
}
@media screen and (max-width: 960px){
.l-content{width:100%;max-width:564px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;}
}
@media screen and (min-width: 960px), print{
.l-content{width:960px;margin-left:auto;margin-right:auto;padding-left:12px;padding-right:12px;}
}
@media screen and (max-width: 960px){
.l-content{width:100%;max-width:564px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;}
}
@media screen and (min-width: 960px), print{
.l-content{width:960px;margin-left:auto;margin-right:auto;padding-left:12px;padding-right:12px;}
}
@media screen and (max-width: 960px){
.l-content{width:100%;max-width:564px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;}
}
.c-panel{position:relative;overflow:hidden;background-color:#fff; box-shadow: 0px 3px 16px var(--clr-box-shadow)!important;}
.c-panel__content{position:relative;}
@media screen and (min-width: 960px), print{
.c-panel__content{padding:30px;}
}
@media screen and (max-width: 960px){
.c-panel__content{padding:15px;}
}
.c-panel--border::before{content:'';top:0;left:0;right:0;bottom:0;border:1px solid #FFF;border-radius:8px;} .p-clickable-style{outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:default;-webkit-box-shadow:0 2px 0 0 rgba(99,99,99,0.35);box-shadow:0 2px 0 0 rgba(99,99,99,0.35);text-decoration:none;color:inherit;}
.p-clickable-style:hover{opacity:0.5;}
.p-clickable-style:link{text-decoration:none;color:inherit;}
.p-clickable-style:visited{text-decoration:none;color:inherit;}
.p-clickable-style:focus{text-decoration:none;color:inherit;}
.p-clickable-style:hover{text-decoration:none;color:inherit;}
.p-clickable-style:active{text-decoration:none;color:inherit;}
.u-align-center{text-align:center;}
.u-mt30{margin-top:30px;}
@media screen and (max-width: 960px){
.u-mt-sp20{margin-top:20px;}
}
@media screen and (max-width: 960px){
.u-txt-size-small{font-size:12px;}
}
@media screen and (min-width: 960px), print{
.u-txt-size-small{font-size:14px;}
}
.u-txt-weight-bold{font-weight:500;color: var(--clr-text)!important;}
@media screen and (min-width: 960px), print{
.l-content{width:960px;margin-left:auto;margin-right:auto;padding-left:12px;padding-right:12px;}
}
@media screen and (max-width: 960px){
.l-content{width:100%;max-width:564px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;}
}
.h{font-weight:700;text-align:center;line-height:1.3;}
@media screen and (min-width: 960px), print{
.h{font-size:2.3rem;}
}
@media screen and (max-width: 960px){
.h{font-size:1.7rem;}
}
.purpose-panels{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-8px;margin-right:-8px;}
@media screen and (min-width: 960px), print{
.purpose-panels{margin-bottom:-20px;}
}
@media screen and (max-width: 960px){
.purpose-panels{margin-bottom:-16px;}
}
.purpose-panels__item{display:block;margin-left:8px;margin-right:8px;color:#222;text-decoration:none;}
.purpose-panels__item:link{color:#222;text-decoration:none;}
.purpose-panels__item:visited{color:#222;text-decoration:none;}
.purpose-panels__item:focus{color:#222;text-decoration:none;}
.purpose-panels__item:hover{color:#222;text-decoration:none;}
.purpose-panels__item:active{color:#222;text-decoration:none;}
@media screen and (min-width: 960px), print{
.purpose-panels__item{-ms-flex-preferred-size:calc(25% - 16px);flex-basis:calc(25% - 16px);margin-bottom:20px;}
}
@media screen and (max-width: 960px){
.purpose-panels__item{-ms-flex-preferred-size:calc(50% - 16px);flex-basis:calc(50% - 16px);margin-bottom:15px;}
}
.purpose-panel-img{position:relative;display:block;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:default;}
.purpose-panel-img::after{position:absolute;content:'';display:block;background-repeat:no-repeat;background-size:100px;width:100px;height:100px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
@media screen and (min-width: 960px), print{
.purpose-panel-img::after{top:18px;}
}
@media screen and (max-width: 960px){
.purpose-panel-img::after{top:12px;}
}
.purpose-panel-img--01::after{background-image:url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/common/icon_01.svg);}
.purpose-panel-img--02::after{background-image:url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/common/icon_02.svg);}
.purpose-panel-img--03::after{background-image:url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/common/icon_03.svg);}
.purpose-panel-img--04::after{background-image:url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/common/icon_04.svg);}
.purpose-panel-img--05::after{background-image:url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/common/icon_05.svg);}
.purpose-panel-img--06::after{background-image:url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/common/icon_06.svg);}
.purpose-panel-img--07::after{background-image:url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/common/icon_07.svg);}
.purpose-panel-img--08::after{background-image:url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/common/icon_08.svg);}
@media screen and (min-width: 960px), print{
.purpose-panel-content{padding:30px 10px 20px;}
}
@media screen and (max-width: 960px){
.purpose-panel-content{padding:20px ​5px;}
}
.purpose-panel-content__img{height:95px;} @media screen and (min-width: 960px), print{
.u-hide-pc{display:none;}
}
.u-txt-phrase{display:inline-block;text-decoration:inherit;}
@media screen and (max-width: 960px){
.u-txt-size-x-small{font-size:10px;}
}
@media screen and (min-width: 960px), print{
.u-txt-size-x-small{font-size:12px;}
}
.campaign-balloon__content{position:relative;background-color:#e5538a;background-size:10px 10px;background: var(--clr-strong);border-radius:8px;text-align:center;z-index:10;}
@media screen and (min-width: 960px), print{
.campaign-balloon__content{padding:10px 20px;}
}
@media screen and (max-width: 960px){
.campaign-balloon__content{padding:10px 15px;}
}
.campaign-balloon__text{line-height:1.4;color:#fff;font-weight:700;}
@media screen and (min-width: 960px), print{
.campaign-balloon__text{font-size:18px;letter-spacing: 0.1em;}
}
@media screen and (max-width: 960px){
.campaign-balloon__text{font-size:14px;}
}  @media all{
.ani_over{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.font_min{font-family:'Noto Serif JP', serif;}
.effect-active{visibility:visible;}
.effect-target{opacity:0;}
.effect-top{opacity:0;}
.effect-active{animation:effect-fadeIn 300ms ease-out both;}
.effect-target:nth-child( 1){animation-delay:0000ms!important;}
.effect-target:nth-child( 2){animation-delay:0100ms!important;}
.effect-active .effect-slide{animation:effect-slideIn 640ms ease-in-out both;}
@media screen and (max-width:960px){
.effect-active .effect-slide{animation:effect-slideIn 640ms ease-out both;}
}
}
@media all{
@media screen and (min-width:960px){
.cv_btn{background:#FBF8F0;padding:70px 0 80px;}
.cv_btn h2{font-size:18px;letter-spacing:.08em;text-align:center;margin:0 auto 20px;}
.cv_btn a{color: #FFF!important;width:450px;text-align:center;font-size:16px;font-family:;font-weight:500;letter-spacing:.06em;line-height:1.8;margin:0 auto;padding:28px 0 50px;display:block;box-sizing:border-box;border:var(--clr-cv) 1px solid;background:var(--clr-cv) url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/common/icon_ya_black.png) no-repeat center bottom 28px;background-size:55px 8px;color:#000;}
.cv_btn a:hover{color:black!important;border:var(--clr-cv) 1px solid;background:#fff url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/common/icon_ya_ov2.png) no-repeat center bottom 28px;background-size:55px 8px;color:var(--clr-cv);}
}
@media screen and (max-width: 960px){
.cv_btn{width:100%;padding:calc(100vw / ( 768 / 60 )) 0 calc(100vw / ( 768 / 80 ));background:#FBF8F0;text-align: center;}
.cv_btn h2{font-size:calc(100vw / ( 768 / 28 ));letter-spacing:.06em;line-height:2;margin:0 auto calc(100vw / ( 768 / 20 ));}
.cv_btn a{width:calc(100vw / ( 768 / 680 ));text-align:center;font-size:calc(100vw / ( 768 / 24 ));font-family:;font-weight:500;letter-spacing:.06em;line-height:1.8;margin:0 auto;padding:calc(100vw / ( 768 / 37 )) 0 calc(100vw / ( 768 / 53 ));display:block;box-sizing:border-box;border:var(--clr-cv) 1px solid;background:var(--clr-cv) url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/common/icon_ya_black.png) no-repeat center bottom calc(100vw / ( 768 / 32 ));background-size:calc(100vw / ( 768 / 55 )) auto;color:#FFF;}
}
}  .font-m-18{font-size:18px;}
.font-m-23{font-size:23px;}
.font-m-29{font-size:29px;}
.font-m-33{font-size:33px;}
.font-m-36{font-size:36px;}
.container{width:87%;max-width:1080px;margin:0 auto;}
.sp-only{display:none;}
.black-bg{background:#000;padding-top:82px;}
.flex{display:flex;justify-content:space-between;}
.txt-center{text-align:center;}
.txt-bold{font-weight:bold;}
@media screen and (max-width: 1280px) and (min-width: 960px){
.black-bg{width:1280px;}
}
@media screen and (max-width: 960px){
.sp-only{display:block;}
.container{width:85%;}
.font-24-sp{font-size:calc(11px + (25 - 11) * ((100vw - 320px) / (960 - 320)));}
.font-m-33-sp{font-size:calc(13px + (33 - 13) * ((100vw - 320px) / (960 - 320)));}
.font-m-42-sp{font-size:calc(18px + (43 - 18) * ((100vw - 320px) / (960 - 320)));}
.font-m-48-sp{font-size:calc(22px + (48 - 22) * ((100vw - 320px) / (960 - 320)));}
.font-m-52-sp{font-size:calc(22px + (52 - 22) * ((100vw - 320px) / (960 - 320)));}
.black-bg{padding-top:calc(45px + (90 - 45) * ((100vw - 320px) / (960 - 320)));}
}
.menu-lists{padding-left:4.5%;margin-bottom:-31px;flex-wrap:wrap;justify-content:center;}
.menu-lists li{position:relative;width:20%;padding-left:45px;margin-bottom:40px;}
.menu-lists li:before{position:absolute;top:3px;left:0;width:50px;height:60px;content:"";background:url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/cheack.svg) no-repeat;background-size:contain;}
::-webkit-input-placeholder{color:#00a9f8;}
::-moz-placeholder{color:#00a9f8;}
:-ms-input-placeholder{color:#00a9f8;}
:-moz-placeholder{color:#00a9f8;}
.all-sec02{padding:63px 0 83px;background: linear-gradient( 92deg , var(--clr-background-a), var(--clr-background-b), var(--clr-background-c));}
.all-sec02 h2{margin-bottom:23px;color:#333;}
.square-tlt{display:flex;margin-bottom:85px;justify-content:center;color: white;}
.square-tlt span{width:auto;padding:0 7px;margin-right:4px;line-height:1.4;color:#333;border:1px solid #333;}
.square-tlt span.font-m-33{padding:0 3px;border:none;}
.square-tlt span.black-bg{padding:0 8px;border:none;background:#333;color:#fff;}
.all-sec02 .list-block .menu-lists{width:48%;padding:0;margin:0;}
.all-sec02 .list-block .img{position:absolute;top:-22px;left:55%;width:423px;}
.all-sec02 .list-block .menu-lists li{width:48%;padding-left:37px;margin-right: 2%;margin-bottom:23px;color: #333;}
.all-sec02 .menu-lists li:before{width:30px;height:30px;}
.all-sec02 .list-block{position:relative;padding-left:100px;box-sizing:border-box;} @media screen and (max-width: 960px){
.menu-lists{margin-bottom:-5%;}
.menu-lists li{width:42%;padding-left:8%;margin-bottom:5%;}
.menu-lists li:before{top:calc(-17px + (-32 + 17) * ((100vw - 320px) / (960 - 320)));left:0;width:calc(25px + (63 - 25) * ((100vw - 320px) / (960 - 320)));height:calc(30px + (60 - 30) * ((100vw - 320px) / (960 - 320)));}
.all-sec02 .menu-lists li:before{top:calc(-14px + (-32 + 14) * ((100vw - 320px) / (960 - 320)));width:calc(26px + (58 - 26) * ((100vw - 320px) / (960 - 320)));height:calc(27px + (65 - 27) * ((100vw - 320px) / (960 - 320)));}
.all-sec02{padding:calc(37px + (86 - 37) * ((100vw - 320px) / (960 - 320))) 0     calc(33px + (75 - 33) * ((100vw - 320px) / (960 - 320)));background: linear-gradient( 92deg , var(--clr-background-a), var(--clr-background-b), var(--clr-background-c));}
.all-sec02 h2{padding-left:calc(19px + (46 - 19) * ((100vw - 320px) / (960 - 320)));margin-bottom:calc(6px + (23 - 6) * ((100vw - 320px) / (960 - 320)));text-align:center;;}
.square-tlt{display:block;padding-left:calc(22px + (54 - 22) * ((100vw - 320px) / (960 - 320)));margin-bottom:calc(17px + (36 - 17) * ((100vw - 320px) / (960 - 320)));text-align:left;margin-bottom: 85px;}
.square-tlt span{display:inline-block;padding:0 calc(4px + (10 - 4) * ((100vw - 320px) / (960 - 320)));margin-right:calc(-4px + (-11 + 4) * ((100vw - 320px) / (960 - 320)));margin-bottom:calc(5px + (12 - 5) * ((100vw - 320px) / (960 - 320)));}
.square-tlt span.black-bg{padding:calc(1px + (3 - 1) * ((100vw - 320px) / (960 - 320)))     calc(6px + (12 - 6) * ((100vw - 320px) / (960 - 320)));border:none;background:#333;}
.all-sec02 .list-block .menu-lists{width:100%;}
.all-sec02 .list-block .img{position:initial;top:inherit;right:inherit;width:94%;}
.all-sec02 .list-block .menu-lists li{width:41%;padding-left:calc(18px + (48 - 18) * ((100vw - 320px) / (960 - 320)));margin-bottom:calc(11px + (27 - 11) * ((100vw - 320px) / (960 - 320)));}
.menu-lists li:before{width:calc(26px + (58 - 26) * ((100vw - 320px) / (960 - 320)));height:calc(27px + (65 - 27) * ((100vw - 320px) / (960 - 320)));}
.all-sec02 .list-block{padding-left:calc(22px + (50 - 22) * ((100vw - 320px) / (960 - 320)));}
} .font-oswald{font-family:'Jost';font-weight:bold;-moz-transform:scale(1) rotate(0deg) translate(0px, 0px) skew(-deg, 0deg);-webkit-transform:scale(1) rotate(0deg) translate(0px, 0px) skew(-deg, 0deg);-o-transform:scale(1) rotate(0deg) translate(0px, 0px) skew(-5deg, 0deg);-ms-transform:scale(1) rotate(0deg) translate(0px, 0px) skew(-5deg, 0deg);transform:scale(1) rotate(0deg) translate(0px, 0px) skew(-5deg, 0deg);}
.txt-i{-moz-transform:scale(1) rotate(0deg) translate(0px, 0px) skew(-deg, 0deg);-webkit-transform:scale(1) rotate(0deg) translate(0px, 0px) skew(-deg, 0deg);-o-transform:scale(1) rotate(0deg) translate(0px, 0px) skew(-5deg, 0deg);-ms-transform:scale(1) rotate(0deg) translate(0px, 0px) skew(-5deg, 0deg);transform:scale(1) rotate(0deg) translate(0px, 0px) skew(-5deg, 0deg);}
.font-14{font-size:14px;}
.font-16{font-size:16px;}
.font-48-eng{font-size:48px;}
.font-m-21{font-size:21px;}
.font-m-27{font-size:18px;}
.font-m-34{font-size:34px;}
.container{width:87%;max-width:1080px;margin:0 auto;}
.txt-bold{font-weight:bold;}
.line-ani{position:relative;}
.line-ani:after{position:absolute;bottom:-10px;left:-10px;width:0;content:"";transition:all 2s ease;border-bottom:6px solid #00aafa;}
.line-ani-after:after{left:0;width:100%;}
.fav-box .drop-down-content{margin-top:2.5%;border-radius:6px;}
.fav-box .drop-down-content ul{padding:0 2.5% 3.5%;border-bottom:1px solid;align-items:center;}
.fav-box .drop-down-content ul li{width:30%;}
.fav-box .drop-down-content ul li:last-child{position:relative;}
.fav-box .drop-down-content ul li:last-child:before{position:absolute;left:-9%;width:1px;height:100%;content:"";background:#000;}
.fav-box .course-times{line-height:1.5;border-radius:50px;background:#071A54;color: #FFF;}
.fav-box .price{line-height:1.2;}
.fav-box .pay-txt{margin-bottom:4%;line-height:2;letter-spacing:1px;}
.fav-box .cost{padding:0!important;line-height:2;border:1px solid;border-radius:3px;font-family: 'Jost';}
::-webkit-input-placeholder{color:#00a9f8;}
::-moz-placeholder{color:#00a9f8;}
:-ms-input-placeholder{color:#00a9f8;}
:-moz-placeholder{color:#00a9f8;}
.full-plan .drop-down-content.flex{width:100%;margin:0 auto;align-items:center;justify-content:flex-end;}
.full-plan .drop-down-content.flex .left{width:370px;}
.full-plan .drop-down-content.flex .left img{width:370px;}
.full-plan .drop-down-content.flex .right{width:445px;margin-left:100px;}
.full-plan .drop-down-content.flex ul{padding:0 0 20px 0;margin-bottom:25px;}
.full-plan .drop-down-content.flex ul li{width:45%;}
.full-plan-tlt{margin-bottom:80px;}
.full-plan-tlt span{display:inline-block;}
.page-all .line-ani:after{border-bottom:4px solid #00aafa;}
.page-all .line-ani:after{bottom:0;border-bottom:4px solid #00aafa;}
.full-plan-tlt span{display:inline-block;line-height:1.8;} @media screen and (max-width: 960px){
.fav-box .drop-down-content{padding:30px 7.1% 0;margin-top:4%;border-radius:6px;}
.fav-box .drop-down-content ul{padding:0;padding-bottom:6.5%;flex-wrap:wrap;}
.fav-box .drop-down-content ul li:first-child{width:100%;margin-bottom:5.5%;}
.fav-box .drop-down-content ul li{width:46%;}
.fav-box .cost{letter-spacing:calc(0px + (2 - 0) * ((100vw - 320px) / (960 - 320)));}
.fav-box .pay-txt{margin-bottom:3%;letter-spacing:1.5px;}
.line-ani:after,.page-all .line-ani:after{bottom:calc(-5px + (-10 + 5) * ((100vw - 320px) / (960 - 320)));border-bottom:calc(3px + (6 - 3) * ((100vw - 320px) / (960 - 320))) solid #00aafa;}
.fav-box .course-times{line-height:calc(18px + (37 - 18) * ((100vw - 320px) / (960 - 320)));}
.full-plan .drop-down-content.flex{display:block;width:100%;padding:0;}
.full-plan .drop-down-content.flex .left{width:100%;margin:0 auto;margin-bottom:calc(25px + (60 - 25) * ((100vw - 320px) / (960 - 320)));}
.full-plan .fav-box .course-times{margin-bottom:calc(0px + (5 - 0) * ((100vw - 320px) / (960 - 320)));line-height:calc(21px + (47 - 21) * ((100vw - 320px) / (960 - 320)));}
.full-plan .fav-box .pay-txt{margin-bottom:calc(0px + (5 - 0) * ((100vw - 320px) / (960 - 320)));}
.full-plan .fav-box .cost{padding:calc(0px + (4 - 0) * ((100vw - 320px) / (960 - 320)))!important;box-sizing:border-box;letter-spacing:0;}
.full-plan .drop-down-content.flex .right{width:100%;margin-left:0;}
.full-plan .drop-down-content.flex .right .font-14{letter-spacing:calc(0px + (2 - 0) * ((100vw - 320px) / (960 - 320)));}
.full-plan .drop-down-content.flex ul{padding:0 0 calc(15px + (35 - 15) * ((100vw - 320px) / (960 - 320))) 0;margin-bottom:calc(17px + (38 - 17) * ((100vw - 320px) / (960 - 320)));}
.full-plan .drop-down-content.flex ul li{width:46%;margin-bottom:0;}
.full-plan-tlt{margin-bottom:calc(28px + (75 - 28) * ((100vw - 320px) / (960 - 320)));}
}
.drop-down-content .font-14{line-height:1.5;} .custom-shape-divider-top-1631532852 {
position: relative;
top: 32px;
left: 0;
width: 100%;
overflow: hidden;
line-height: 0;
background: linear-gradient( 92deg , var(--clr-background-a), var(--clr-background-b), var(--clr-background-c))!important;
}
.custom-shape-divider-top-1631532852 svg {
position: relative;
display: block;
width: calc(100% + 1.3px);
height: 100px;
}
.custom-shape-divider-top-1631532852 .shape-fill {
fill: #FFFFFF;
}
.divider {
position: relative;
}
section.white {
background: #fff;
margin-bottom: -70px
}
.blue-section {
margin-top: 2rem;
background: linear-gradient( 92deg , var(--clr-background-a), var(--clr-background-b), var(--clr-background-c))!important;
} section span.line_w {
background: linear-gradient(var(--clr-backtransparent) 65%, #FFF 65%);
}
section table.plan tr td {
font-family: 'Jost';
} @media all{
button{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}
button{overflow:visible;}
button{text-transform:none;}
button{-webkit-appearance:button;}
button::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring{outline:1px dotted ButtonText;}
button{color:#404040;font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;font-size:16px;font-size:1rem;line-height:1.5;}
.plan-item img{height:auto;max-width:100%;}
button{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:rgba(0, 0, 0, 0.8);font-size:12px;font-size:0.75rem;line-height:1;padding:.6em 1em .4em;}
button:hover{border-color:#ccc #bbb #aaa;}
button:active,button:focus{border-color:#aaa #bbb #bbb;}
.plan-item{position:relative;margin-bottom: 50px}
.plan-item + .plan-item{padding-top:4rem;}
.plan-item:after{content:"";width:1px;height:100%;background:#333533;position:absolute;left:12px;top:0;z-index:-1;}
.plan-item .label{display:inline-block;line-height:1;}
.plan-item > .label{background:#333533;color:#FFF;padding:6px 12px;font-weight:600;}
.plan-item .label + .con{margin-top:24px;}
.plan-item .label + .con + div{margin-top:24px;} .zu_img{max-width:420px;margin : 0 auto;}
.plan-item .tab button{border-top:1px solid#f4f0f2;border-right:1px solid#f4f0f2;}
.plan-item .tab button.active{background:var(--clr-strong);color:#FFF;}
.plan-item .tab button.active:after{content:none;}
.tab button:not(:last-child):before{content:none;}
@media (min-width: 960px){
.plan-item .label + .con{margin-top:24px;font-size:1.15rem;line-height:1.7;}
.plan-item .label + .con + div{margin-top:24px;}
.plan-item > div:not(.label){margin-left:2rem;}
.plan-item:after{left:1rem;}
}
@media (max-width: 480px){
.plan-item .tab button{padding:12px 8px;}
}
@media (min-width: 960px){
.tab-box-content-inner{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;}
.tab-box-content-inner .tab{-webkit-flex-flow:column wrap;flex-flow:column wrap;-ms-flex-preferred-size:210px;flex-basis:210px;max-width:210px;}
.plan-item .tab-box-content-inner .tab button:not(.active){background-color:var(--clr-backgroundg);border-top-color:;}
}
.hpnk{color:rgb(204,103,125)!important;color:rgba(204,103,125,1)!important;}
.bold{font-weight:600;}
@media screen and (max-width: 320px){
.tab button{font-size:13px;}
.plan-item > .label{font-size:15px;}
.plan-item .tab button,.plan-item .con p{font-size:14px;}
}
} @media all{
@media only screen and (max-width:62em){
.active{display:block;}
}
.active{color:rgba(210,158,167,1);}
.tab{overflow:hidden;border-bottom:1px solid #f4f0f2;background-color:#FFF;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;}
.tab button{background-color:transparent;background:none;float:none;border:none;outline:none;cursor:pointer;min-height:42px;padding:14px 16px;transition:0.3s;font-size:1rem;border-radius:0px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;}
.tab button:not(.active){color:#9b9f9f;}
.tab button{position:relative;}
.tab button:not(:last-child):before{content:"";width:1px;height:100%;display:block;position:absolute;right:0;top:0;background:#f4f0f2;}
.tab button:hover{color:rgb(203,116,143);color:rgba(60, 181, 250,1);}
.tab button.active{background-color:transparent;color:rgb(220,134,148);color:rgba(220,134,148,1);}
.tab button.active:after{content:"";position:absolute;height:4px;width:90px;bottom:0px;left:50%;background:rgb(210,153,169);background:rgba(210,153,169,1);transform:translate(-50%, 0);}
.tabcontent{display:none;padding:0;border:none;margin: 0 auto;} @media (min-width: 960px){
.tab button{min-height:62px;font-size:1.15rem;}
}
} html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
.background { position: relative;
width: 100%;
}
.background::after {
content: '';
background: linear-gradient( 92deg , var(--clr-background-a), var(--clr-background-b), var(--clr-background-c))!important;
color: white;
background: -moz-linear-gradient(top, #60a9ff 0%, #4394f4 100%);
background: -webkit-linear-gradient(top, #60a9ff 0%,#4394f4 100%);
background: linear-gradient(92deg, var(--clr-main-b), var(--clr-main-m), var(--clr-main-p));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60a9ff', endColorstr='#4394f4',GradientType=0 );
height: 380px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
@media (min-width: 960px) {
.background {
padding: 0 0 25px;
}
}
.container_p {
margin: 0 auto;
padding: 50px 0 0;
max-width: 960px;
width: 100%;
}
.panel {
background-color: #fff;
border-radius: 0px;
padding: 15px 25px;
position: relative;
width: 100%;
z-index: 10;
}
.pricing-table {
box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.08), 0px 20px 31px 3px rgba(0, 0, 0, 0.09), 0px 8px 20px 7px rgba(0, 0, 0, 0.02);
display: flex;
flex-direction: column;
}
@media (min-width: 960px) {
.pricing-table {
flex-direction: row;
}
}
.pricing-table * {
text-align: center;
text-transform: uppercase;
}
.pricing-plan {
border-bottom: 1px solid #e1f1ff;
padding: 25px;
}
.pricing-plan:last-child {
border-bottom: none;
}
@media (min-width: 960px) {
.pricing-plan {
border-bottom: none;
border-right: 1px solid var(--clr-menu-table-line);
flex-basis: 100%;
padding: 25px 50px;
}
.pricing-plan:last-child {
border-right: none;
}
}
.pricing-img {
margin-bottom: 25px;
max-width: 100%;
}
.pricing-header { font-weight: 500;
font-size: 30px;
letter-spacing: 1px;
}
.pricing-features { font-weight: 600;
letter-spacing: 1px;
margin: 50px 0 25px;
}
.pricing-features-item {
border-top: 1px solid var(--clr-menu-table-line);
font-size: 12px;
line-height: 1.5;
padding: 15px 0;
}
.pricing-features-item:last-child {
border-bottom: 1px solid var(--clr-menu-table-line);
}
.pricing-price { display: block;
font-size: 32px;
font-family: 'Jost';
font-weight: 700;
}
.pricing-button {
display: block;
margin: 0 auto;
position: relative;
z-index: 1;
text-align: center !important;
border-radius: 4em;
background: linear-gradient(to right, var(--clr-btn-gr-start) 0%, var(--clr-btn-gr-end) 100%);
color: white !important;
line-height: 1.6;
cursor: pointer;
outline: none;
overflow: hidden;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
padding: 15px 35px;
}
.pricing-button:hover,
.pricing-button:focus {
background-color: #e1f1ff;
}
.pricing-button.is-featured {
background-color: #48aaff;
color: #fff;
}
.pricing-button.is-featured:hover,
.pricing-button.is-featured:active {
background-color: #269aff;
} .cost{padding:0!important;line-height:2;border:1px solid;border-radius:3px;font-family: 'Jost';}
.pay-txt{margin-bottom:4%;line-height:2;letter-spacing:1px;}
#qa h2[data-eng]::after { font-weight: 100;
} {
background: white
}
.intro {
margin-bottom: 8vw
}
@media screen and (min-width: 960px) {
.intro {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 0
}
}
.intro picture {
border-radius: 0px;
overflow: hidden;
position: relative;
padding-top: 99.0788%; }
@media screen and (min-width: 960px) {
.intro picture {
margin-top: 0;
width: 352px;
height: 264px
}
}
.intro picture img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.intro>div:last-of-type {
margin-top: 8vw
}
@media screen and (min-width: 960px) {
.intro>div:last-of-type {
margin: 0;
padding-left: 36px; }
} section .price-cards .price-card  b span a{
color: #FFF;
}
section .price-cards{position:relative;z-index:2;margin-bottom:3rem;}
@media screen and (min-width: 960px){
section .price-cards{display:flex;flex-wrap:wrap;margin-left:-8px;margin-right:-8px;}
}
@media screen and (min-width: 960px){
section .price-cards a.price-card:hover{box-shadow:0px 3px 16px var(--clr-main-p);transform:scale(0.95);}
section .price-cards a.price-card:hover .num:before{width:100%;}
}
section .price-cards .price-card{position:relative;display:block;margin-bottom:1.4rem;padding:1.33vw; color:var(--clr-text);}
@media screen and (min-width: 960px){
section .price-cards .price-card{margin:0 8px;padding:20px;width:calc(33.3333333333% - 16px);}
}
section .price-cards .price-card:hover span,section .price-cards .price-card:hover b,section .price-cards .price-card:hover p{color:var(--clr-text);}
section .price-cards .price-card:hover .times *{color:#fff;}
section .price-cards .price-card .times{width:19.2vw;height:19.2vw;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;position:absolute;top:.5rem;left:.5rem;border-radius:50%;background:var(--clr-strong);}
@media screen and (min-width: 960px){
section .price-cards .price-card .times{width:72px;height:72px;}
}
section .price-cards .price-card .times span{font-size:4.8vw;color:#fff;}
@media screen and (min-width: 960px){
section .price-cards .price-card .times span{font-size:18px;}
}
section .price-cards .price-card .times span b{font-family:"Jost";font-size:10.66vw;font-weight:500;padding-right:.2rem;}
@media screen and (min-width: 960px){
section .price-cards .price-card .times span b{font-size:40px;}
}
section .price-cards .price-card h3{margin:0;line-height:1.2;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:13.33vw;}
@media screen and (min-width: 960px){
section .price-cards .price-card h3{height:50px;}
}
section .price-cards .price-card strong{color:var(--clr-strong);background:unset;margin-bottom:1rem;margin-top:1rem;font-size: 68px;}
section .price-cards .price-card strong span{line-height:1;}
section .price-cards .price-card .fm{text-align:center;}
section .price-cards .price-card .num{position:relative;}
section .price-cards .price-card .num:before{content:"";height:12px;width:100%;background:var(--clr-main-p);position:absolute;bottom:5px;left:0;right:0;z-index:-1;transition:.2s ease;}
section .price-cards .price-card .img{
background: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/top/top_bg01.png)left top repeat; display: flex;
justify-content: center;
align-items: center;
border-radius: 0px;
max-width: 500px;
margin:0 auto 15px;
}
section .price-cards .price-card:nth-of-type(2) .img{
background: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/top/top_bg02.png)left top repeat;
}
section .price-cards .price-card:nth-of-type(3) .img{
background: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/top/top_bg03.png)left top repeat;
}
section .price-cards .price-card:nth-of-type(4) .img{
background:#FFF;
}
section .price-cards .price-card:nth-of-type(5) .img{
background:#FFF;
}
section .price-cards .price-card:nth-of-type(6) .img{
background:#FFF;
}
section .price-cards .price-card .img img{   width: auto;
max-width: 100%;
}
section .price-cards .price-card:nth-of-type(4) .img img{
background: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/top/top_bg01.png)left top repeat;  padding: 0px;
width: auto;
max-width: 100%;
}
section .price-cards .price-card:nth-of-type(5) .img img{
background: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/top/top_bg01.png)left top repeat;  padding: 0px;
width: auto;
max-width: 100%;
}
section .price-cards .price-card:nth-of-type(6) .img img{  padding: 0px;
width: auto;
max-width: 100%;
}
section .price-cards .price-card:nth-of-type(8) .img img{  padding: 0px;
width: auto;
max-width: 100%;
}
section .price-cards .price-card .text{ margin-bottom: 0;
position: relative;
padding-left: 15px;
}
section .price-cards .price-card .text::before{
position: absolute;
content: '＊';
top: 0;
left: 0;
}
@media screen and (min-width: 960px){
section .price-cards .price-card .text{
padding-left: 15px;
}
}
@media all{
.effect-active{visibility:visible;}
.effect-target{opacity:0;}
.effect-top{opacity:0;}
.effect-active{animation:effect-fadeIn .3s ease-out both;}
.effect-target:nth-child( 1){animation-delay:0s!important;}
.effect-target:nth-child( 2){animation-delay:.3s!important;}
.effect-target:nth-child( 3){animation-delay:.6s!important;}
.effect-target:nth-child( 4){animation-delay:.9s!important;}
.effect-target:nth-child( 5){animation-delay:1.2s!important;}
.effect-target:nth-child( 6){animation-delay:1.5s!important;}
.effect-target:nth-child( 7){animation-delay:1.8s!important;}
.effect-target:nth-child( 8){animation-delay:2.1s!important;}
.effect-target:nth-child( 9){animation-delay:2.4s!important;}
.effect-active .effect-slide{animation:effect-slideIn .3s ease-in-out both;}
}
@media screen and (max-width: 960px){
.price-cards {
display: flex;
overflow-x: auto;
-webkit-overflow-scrolling: touch; position: absolute;
}
.price-cards a {
flex: 0 0 auto;
width: 80%; margin-right: 10px;
text-decoration: none; }
.price-card {
display: flex;
flex-direction: column;
align-items: center;
}
.price-card .img img {
width: 100%;
height: auto;
border-radius: 0px;
}
.price-card .text {
margin-top: 0.5rem;
color: #333;
} .price-cards::-webkit-scrollbar {
display: ;
}
}
@media screen and (max-width: 960px) {
section .price-cards .price-card {
flex: 0 0 90%;
}
} @media all{
.menu_title{margin-bottom:72px;text-align:left;}
.menu_title h2{font-size:16px;letter-spacing:.2em;margin-left:35px;font-family:'Noto Serif JP', serif;font-weight:600;display:inline-block;color:#646464;}
.menu_title .lang_jp{padding-left:204px;}
.menu_title .lang_jp::before{content:'';width:212px;height:1px;background:#eeb860;display:inline-block;position:absolute;left:0;top:0;bottom:0;margin:auto;}
#review li{width:920px;background:white;text-align:left;margin:0 auto 20px;padding:39px 40px;box-sizing:border-box;position:relative;}
#review li h3{font-size:16px;letter-spacing:.06em;margin-right:1em;margin-bottom:1em;display:inline-block;}
#review li .review_date{color:#646464;font-size:13px;letter-spacing:.08em;position:absolute;top:41px;right:40px;}
#review li .review_star{color:var(--clr-strong);font-size:16px;letter-spacing:.16em;line-height:1;margin-bottom:1em;display:inline-block;}
#review li .review_txt{line-height:2;}
#review .gbp_link{width:920px;margin:0 auto;text-align:right;font-size:13px;}
#review .gbp_link a{text-decoration:underline;}
#review .gbp_link a:hover{color:#efa951;}
@media screen and (max-width: 960px){
.menu_title{margin-bottom:calc(100vw / ( 768 / 89 ));text-align:left;}
.menu_title h2{font-size:calc(100vw / ( 768 / 26 ));display:inline-block;letter-spacing:.1em;margin-left:2em;font-family:'Noto Serif JP', serif;font-weight:600;color:#646464;}
.menu_title .lang_jp::before{content:'';width:calc(100vw / ( 768 / 35 ));display:inline-block;height:calc(100vw / ( 768 / 2 ));background:#f3b55e;position:absolute;left:0;top:0;bottom:0;margin:auto;}
#review{background:#fdf7ee;margin:calc(100vw / ( 768 / 80 )) auto;padding:calc(100vw / ( 768 / 60 )) 0;}
#review .menu_title{margin-bottom:calc(100vw / ( 768 / 38 ));}
#review li{max-width:calc(100vw / ( 768 / 688 ));background:#fff;text-align:left;margin:0 auto calc(100vw / ( 768 / 30 ));padding:calc(100vw / ( 768 / 40 ));box-sizing:border-box;position:relative;}
#review li h3{font-size:calc(100vw / ( 768 / 26 ));letter-spacing:.06em;margin-right:1em;margin-bottom:1em;display:inline-block;}
#review li .review_date{color:#646464;letter-spacing:.08em;position:absolute;bottom:calc(100vw / ( 768 / 40 ));right:calc(100vw / ( 768 / 40 ));}
#review li .review_star{color:#efa951;font-size:calc(100vw / ( 768 / 28 ));letter-spacing:.16em;line-height:1;margin-bottom:1em;display:inline-block;}
#review li .review_txt{line-height:2;padding-bottom:calc(100vw / ( 768 / 60 ));}
#review .gbp_link{width:calc(100vw / ( 768 / 688 ));margin:0 auto;text-align:right;}
#review .gbp_link a{text-decoration:underline;}
}
}
#review {
background: #F4F2F0
} .price-table-list {
margin-bottom: 2rem;
width: 100%;
border-top: 1px solid #D8D8D8;
border-left: 1px solid #D8D8D8;
border-right: 1px solid #D8D8D8
}
@media screen and (min-width: 960px) {
.price-table-list {
width: 100%;
border-collapse: collapse; }
}
.price-table-list tr.thead {
display: none
}
@media screen and (min-width: 960px) {
.price-table-list tr.thead {
display: table-row
}
.price-table-list tr.thead th {
background: var(--clr-menu-table-th);
color: white;
text-align: center
}
.price-table-list tr.thead th:nth-last-child(-n+3) {
width: 120px
}
.price-table-list tr.thead th:nth-last-child(5) {
width: 280px
}
}
@media screen and (min-width: 960px) {
.price-table-list tr:not(.thead) th:first-child {
background: var(--clr-menu-table-child);
color: black;
}
}
.price-table-list tr {
width: 100%
}
.price-table-list tr th, .price-table-list tr td {
display: block;
width: 100%;
border-bottom: 1px solid #D8D8D8;
line-height: 1.4
}
@media screen and (min-width: 960px) {
.price-table-list tr th, .price-table-list tr td {
display: table-cell;
padding: 1rem .5rem;
width: auto;
border-right: 1px solid #D8D8D8
}
}
.price-table-list tr th:first-child {
padding: 1em;
background: var(--clr-menu-table-th);
color: white;
text-align: left;
font-weight: 700
}
.price-table-list tr td {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
border-bottom: 1px solid #D8D8D8;
line-height: 1.4;
font-weight: 500
}
@media screen and (min-width: 960px) {
.price-table-list tr td {
display: table-cell;
padding: 1rem .5rem;
width: auto;
border-right: 1px solid #D8D8D8;
font-size: 15px
}
}
.price-table-list tr td::before {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
content: attr(data-label);
padding: 1em;
width: 6em;
background: var(--clr-menu-table-child);
text-align: center;
font-weight: 700
}
@media screen and (min-width: 960px) {
.price-table-list tr td::before {
display: none
}
}
.price-table-list tr td>span {
padding: 1em;
width: calc( 100% - 6em);
text-align: right
}
@media screen and (min-width: 960px) {
.price-table-list tr td>span {
display: block;
padding: 0;
width: 100%;
text-align: center;
}
} @media screen and (min-width: 960px) {
section .price.list .item .stamp {
font-size: 40px;
line-height: 72px;
width: 72px;
height: 72px;
left: 15px;
top: 11%!important;
left: 4vw;
}
}
section .price.list .item .stamp {
background: var(--clr-strong);
color: white;
font-size: 3rem;
font-family: 'Jost';
line-height: 5.2rem;
text-align: center;
width: 5.2rem;
height: 5.2rem;
border-radius: 50%;
position: absolute;
top: 27%;
left: 4vw;
z-index: 2
}
section .price.list .item .stamp>span.small {
font-size: .5em
} section .title_c .h2_en {
margin-bottom: 0em;
}
#menu {
padding-top: 115px;
}
@media screen and (min-width: 960px){
section .box.list .item.btm_c>div {
padding: 12px 20px 12px ;
}
} .route-box {
margin-bottom: 8vw;
padding-left: 5.33vw;
padding-right: 5.33vw;
counter-reset: routenum
}
@media screen and (min-width: 960px) {
.route-box {
margin-bottom: 60px;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.route-box:last-of-type {
margin-bottom: 0
}
}
.route-box>h4 {
position: relative;
margin-bottom: 1em;
text-align: center;
color: white;
background: var(--clr-text);
width: 100vw;
margin-left: -8vw;
margin-right: -8vw;
padding: 1.8em 3rem
}
@media screen and (min-width: 960px) {
.route-box>h4 {
width: 100%;
text-align: left;
margin-left: 0;
margin-right: 0;
padding-left: 80px;
font-size: 26px;
color: var(--clr-text);
background: transparent
}
.route-box>h4::before {
content: '';
position: absolute;
z-index: 2;
top: calc(50% - 1px);
left: 0;
width: 60px;
height: 1px;
background: var(--clr-text)
}
}
.route-box>h4::after {
content: "";
position: absolute;
border-radius: 50%;
display: flex;
background: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/plus-solid.svg)center/contain no-repeat;
width: 6%;
height: 50%;
right: 1rem;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}
@media screen and (min-width: 960px) {
.route-box>h4::after {
display: none
}
}
.route-box>h4.active::after {
background: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/minus-solid.svg)center/contain no-repeat;
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}
.route-box>div {
display: -webkit-box;
display: -ms-flexbox;
display: contents;
width: 100%
}
.route-box>div>div {
position: relative;
margin-bottom: 2.66vw;
padding: 8vw 8.8vw 0
}
@media screen and (min-width: 960px) {
.route-box>div>div {
width: calc( (100%/4) - 28px);
margin-right: 28px;
padding: 30px 0 0
}
.route-box>div>div:last-child {
margin-right: 0
}
}
.route-box>div>div::before {
counter-increment: routenum;
content: counter(routenum);
background: var(--clr-access);
color: white;
font-size: 2rem;
font-family: 'Jost';
line-height: 3.5rem;
text-align: center;
width: 3.5rem;
height: 3.5rem;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
z-index: 2
}
@media screen and (min-width: 960px) {
.route-box>div>div::before {
font-size: 24px;
width: 48px;
height: 48px;
left: -10px
}
}
.route-box>div>div::after {
content: '';
position: absolute;
z-index: 0;
top: 0;
left: calc( 1.75rem - 1.33vw);
width: 2.66vw;
height: 100%;
background: var(--clr-access);
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px
}
@media screen and (min-width: 960px) {
.route-box>div>div::after {
top: 22px;
left: 0;
height: 10px;
width: 100%;
border-top-left-radius: 0;
border-top-right-radius: 10px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 10px
}
}
.route-box>div>div.in {
opacity: 1 !important
}
.route-box>div>div.in::before {
opacity: 0
}
.route-box>div>div.in::after {
height: 0
}
@media screen and (min-width: 960px) {
.route-box>div>div.in::after {
height: 5px;
width: 0
}
}
.route-box>div>div.view::before {
opacity: 1
}
.route-box>div>div.view::after {
height: 100%
}
@media screen and (min-width: 960px) {
.route-box>div>div.view::after {
height: 10px;
width: 100%
}
}
.route-box>div>div:last-of-type::after {
display: none
}
.route-box picture {
position: relative;
width: 100%;
padding-top: 66.9172%
}
.route-box picture img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100% !important;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 30%;
object-position: 50% 30%
}
.route-box p {
margin-top: 2rem
}
.route-box picture+p {
margin-top: .5rem
}
#detail {
background: white !important
}
#detail>.inner {
*padding: 0 8vw 16vw;
background: white
}
@media screen and (min-width: 960px) {
#detail>.inner {
padding: 60px 92px 92px;
border-radius: 10px
}
}
#access {
background: white
}
#access>.inner {
padding-top: 16vw;
padding-bottom: 0
}
@media screen and (min-width: 960px) {
#access>.inner {
padding-top: 60px;
padding-bottom: 90px
}
#access>.inner h2 {
padding-top: 80px
}
#access>.inner h2::before {
top: 100px
}
}
#access>.inner .route-txt {
font-weight: 400;
margin-bottom: 8vw;
padding-left: 5.33vw;
padding-right: 5.33vw
}
@media screen and (min-width: 960px) {
#access>.inner .route-txt {
padding-top: 0;
padding-left: 30px;
margin-top: -65px;
margin-bottom: 30px;
margin-left: 200px;
border-left: 1px solid var(--clr-border)
}
}
#route {
background: #F5F7F7
}
#route>.inner {
padding-top: 16vw
}
@media screen and (min-width: 960px) {
#route>.inner {
padding-top: 90px
}
}
#route h3 {
font-size: 6.4vw;
text-align: center;
}
@media screen and (min-width: 960px) {
#route h3 {
font-size: 26px;
margin-bottom: 60px
}
}
#intro {
background: white
}
@media screen and (min-width: 960px) {
#intro .inner {
padding: 92px 92px 40px
}
}
#intro .intro {
margin-bottom: 8vw
}
@media screen and (min-width: 960px) {
#intro .intro {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 18px;
}
}
#intro .intro picture {
border-radius: 0px;
overflow: hidden;
position: relative;
width: 100%;
padding-top: 75.0788%
}
@media screen and (min-width: 960px) {
#intro .intro picture {
margin-top: 0;
width: 352px;
height: 264px
}
}
#intro .intro picture img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
#intro .intro>div:last-of-type {
margin-top: 8vw
}
@media screen and (min-width: 960px) {
#intro .intro>div:last-of-type {
margin: 0;
padding-left: 36px
}
}
#recommend .inner {
padding-bottom: 0rem;
}
#recommend .inner h2 {
font-size: 1.55rem
}
@media screen and (min-width: 960px) {
#recommend .inner h2 {
font-size: 1.7rem;
padding-left: 0;
text-align: center
}
#recommend .inner h2::before {
display: none
}
}
#recommend .inner p.h3 {
position: relative;
z-index: 2;
font-size: 4.8vw;
font-weight: 500;
letter-spacing: .05em;
line-height: 1.6;
text-align: center;
vertical-align: middle;
margin-bottom: 1em;
-webkit-font-feature-settings: normal;
font-feature-settings: normal
}
@media screen and (min-width: 960px) {
#recommend .inner p.h3 {
padding-left: 68px;
font-size: 18px;
text-align: left
}
#recommend .inner p.h3::before {
content: '';
position: absolute;
z-index: 2;
top: 50%;
left: 0;
width: 60px;
height: 1px;
background: var(--clr-text)
}
}
#recommend .box.list .item>div {
padding-top: 8vw
}
@media screen and (min-width: 960px) {
#recommend .box.list .item>div {
padding-top: 30px
}
}
#recommend .box.list .item>div p {
margin: .3em 0 0;
font-size: 4.8vw;
font-weight: 500;
text-align: center;
line-height: 1
}
@media screen and (min-width: 960px) {
#recommend .box.list .item>div p {
font-size: 18px
}
}
#recommend .box.list .item>div p span.big {
padding: 0 .15em;
font-size: 16vw;
font-family: 'Jost';
font-weight: 700
}
@media screen and (min-width: 960px) {
#recommend .box.list .item>div p span.big {
font-size: 60px
}
}
#recommend .box.list .item>div p.h4 {
margin: 0;
font-size: 5.6vw;
font-weight: 700;
position: relative;
vertical-align: middle;
letter-spacing: .05em;
line-height: 1.6;
-webkit-font-feature-settings: normal;
font-feature-settings: normal
}
@media screen and (min-width: 960px) {
#recommend .box.list .item>div p.h4 {
font-size: 21px
}
}
#recommend .box.list .item>div span.small {
font-size: 1rem
}
#recommend .box.list .item>div a.btn, #recommend .box.list .item>div #search-button, #recommend .box.list .item>div article a.reserve, article #recommend .box.list .item>div a.reserve, #recommend .box.list .item>div .article-content a.reserve, .article-content #recommend .box.list .item>div a.reserve, #recommend .box.list .item>div article .btn a, article .btn #recommend .box.list .item>div a, #recommend .box.list .item>div .article-content .btn a, .article-content .btn #recommend .box.list .item>div a {
margin-top: 1.8rem
}
.map {
position: relative;
width: calc 100% + 5.33vw;
padding-top: 93.3333%;
margin-left: calc( 0px - 2.66vw);
margin-right: calc( 0px - 2.66vw)
}
@media screen and (min-width: 960px) {
.map {
margin: 0;
padding-top: 32.1691%
}
}
.map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
} @media all{
.ani_over{transition:all .3s ease-out;}
@media screen and (min-width:1025px){
a[href^="tel:"]{pointer-events:none;}
.box_container{max-width:1000px;margin:0 auto;}
}
@media screen and (max-width:1024px){
.box_container{margin:0 auto;}
}
} @media all{
@media screen and (min-width:960px){
.clinic_info.box_container{padding:8vw 0;}
.single_clinic h2{font-size:28px;letter-spacing:.03em;margin:0 auto 3vw;border-bottom:3px solid #4f9c00;padding-bottom:.3em;display:inline-block;}
.single_clinic h2 .small_text{font-size:22px;}
.clinic_info_data{width:100%;margin:0 auto;border-collapse:separate;border-spacing:2px;background:#fff;}
.clinic_info_data th{color:#fff;font-size:16px;font-weight:500;background:var(--clr-menu-table-th);width:260px;padding:18px 15px 18px 40px;text-align:left;box-sizing:border-box;border:none;}
.clinic_info_data td{font-size:14px;font-weight:500;background:var(--clr-menu-table-child);text-align:left;line-height:1.8;letter-spacing:0.03em;padding:18px 15px 18px 40px;border:none;}
a.gmap{width:100px;height:26px;background:var(--clr-strong);color:#fff;font-size:12px;font-weight:400;line-height:24px;text-align:center;margin-top:.5em;display:block;border:1px var(--clr-strong) solid;box-sizing:border-box;}
a.gmap i{display:inline-block;margin-right:.3em;}
a.gmap:hover{background:transparent;color:#E8867F;}
}
@media screen and (max-width:959px){
.clinic_info.box_container{padding-bottom:calc(100vw / ( 750 / 120 ));}
.single_clinic h2{font-size:calc(100vw / ( 750 / 32 ));margin:0 auto calc(100vw / ( 750 / 50 ));border-bottom:3px solid #4f9c00;padding-bottom:.1em;display:inline-block;}
.single_clinic h2 .small_text{font-size:calc(100vw / ( 750 / 26 ));}
.clinic_info{padding-left:calc(100vw / ( 750 / 30 ));padding-right:calc(100vw / ( 750 / 30 ));box-sizing:border-box;}
.clinic_info_data{margin:0 auto;border-collapse:separate;border-spacing:0;background:#fff;}
.clinic_info_data th,.clinic_info_data td{display:block;width:100%;box-sizing:border-box;text-align:left;}
.clinic_info_data th{color:#fff;font-size:calc(100vw / ( 750 / 28 ));font-weight:500;background:#35353C;padding:calc(100vw / ( 750 / 14 )) 0 calc(100vw / ( 750 / 14 )) calc(100vw / ( 750 / 32 ));border:none;}
.clinic_info_data td{font-size:calc(100vw / ( 750 / 26 ));font-weight:500;background:#F4F2F0;text-align:left;line-height:1.8;letter-spacing:0.03em;padding:calc(100vw / ( 750 / 40 )) calc(100vw / ( 750 / 32 ));border:none;}
a.gmap{height:calc(100vw / ( 750 / 52 ));background:#E8867F;color:#fff;font-size:calc(100vw / ( 750 / 24 ));font-weight:400;line-height:calc(100vw / ( 750 / 48 ));text-align:center;margin-top:.5em;display:block;box-sizing:border-box;}
a.gmap i{display:inline-block;margin-right:.3em;}
}
} @keyframes effect-fadeIn{from{opacity:0;}to{opacity:1;}}
@keyframes effect-slideIn{from{opacity:0;transform:translateY(5em);}to{opacity:1;transform:translateY(0);}}
@keyframes bgextendAnimeBase{from{opacity:0;}to{opacity:1;}}
@keyframes bgextendAnimeSecond{0%{opacity:0;}100%{opacity:1;}}
@keyframes bgUDextendAnime{0%{transform-origin:top;transform:scaleY(0);}50%{transform-origin:top;transform:scaleY(1);}50.001%{transform-origin:bottom;}100%{transform-origin:bottom;transform:scaleY(0);}} #detail tbody p{
margin-bottom: 0em;
font-weight: 400;
line-height: 1;
}
tbody.nishinomiya .name:after, .content .name:after{
content: " 堀内 利夫";
} section#flow .flow{
margin-top: 50px
}
#flow picture img {
width: 150%;
height: 150%;
}
@media screen and (min-width: 960px){
#flow picture img {
width: auto;
}
}
#flow picture img {
width: 100%;
height: 100%;
} .u-image{object-fit:cover;display:block;vertical-align:middle;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
img.u-image{overflow:hidden;}
.u-container-layout{position:relative;flex:1;max-width:100%;transition-duration:inherit;box-shadow: 0px 3px 16px var(--clr-box-shadow);background: #fff;}
.u-container-layout > *{position:relative;}
.u-expanded-width{width:100%!important;margin-left:0!important;margin-right:0!important;}
[class*="u-border-"]:not(.u-shape-svg){stroke:none;}
.u-icon{display:block;line-height:0;border-width:0px;}
.u-file-icon img{object-fit:contain;width:100%;height:100%;}
.u-body h4{padding:0;}
.u-align-center{text-align:center;}
.u-repeater{display:grid;grid-template-columns:repeat(3, 33.33333333%);}
.u-repeater-item{display:flex;position:relative;}
.u-list:not(.u-repeater){display:flex;flex-direction:column;}
.u-list:not(.u-repeater) .u-repeater{flex-grow:1;flex-shrink:1;flex-basis:auto;margin-top: 10px}
[class*="u-border-"]{border-style:solid;}
.u-border-1,a.u-button-style.u-border-1{border-width:1px;}
.u-image{color:#111111;}
.u-list-1{grid-template-rows:repeat(1, auto);grid-auto-rows:100%;width:px;margin:10px auto 0;}
.u-repeater-1{grid-template-columns:repeat(3, calc(33.3333% - 6.66667px));min-height:266px;grid-auto-columns:calc(33.3333% - 6.66667px);grid-gap:10px;}
.u-list-item-1{background-image:none;}
.u-container-layout-1{padding:0 23px 30px;}
.u-icon-1{background-image:none;margin: 0; margin-left: -23px; margin-right: -23px;}
.u-text-1{letter-spacing:normal;text-transform:none;font-weight:500;font-size:1.5rem;margin:24px auto 0;}
.u-text-2{font-style:normal;margin:30px 7px 0;text-align: left}
.number {
counter-reset: boxnum;
}
.u-container-layout-1::before{
counter-increment: boxnum;
font-weight: 500;
content: counter(boxnum, decimal-leading-zero);
color: var(--clr-comment);
font-size: 4rem;
font-family: 'Jost';
line-height: 1;
position: absolute;
top: ;
left: 4vw;
z-index: 0;
}
.u-container-layout-1::before {
z-index: 1;
color: #505C7E; left: 0;
top: 0px;
}
.u-file-icon img {
object-fit: cover;
width: 100%;
height: 100%; top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 960px){
.u-repeater-1{min-height:503px;grid-template-columns:repeat(1, calc(100% - -0.999998px));grid-auto-columns:calc(100% - 5.0000025px);}
.u-container-layout-1{padding-top:0;padding-bottom:70px;}
}  section#price h3::before {
content: '';
position: absolute;
z-index: 2;
top: calc(50% - 1px);
left: 0;
width: 50px;
height: 1px;
background: var(--clr-text);
}
section#price h3{
margin-bottom: 0;
padding: 36px 0 35px 70px;
text-align: left;
line-height: 1.4;
font-size: 24px;
position: relative;
display: block;
}
section#price h3 span.s {
font-size: .7em;
}
section#recommend h2.ticket::before {
content: '';
position: absolute;
z-index: 2;
top: calc(50% - 1px);
left: 0;
width: 50px;
height: 1px;
background: var(--clr-text);
display: block;
}
section#recommend h2.ticket{
margin-bottom: 0;
padding: 36px 0 35px 70px;
text-align: left;
line-height: 1.4;
font-size: 24px;
position: relative;
display: block;
}
section#recommend h3 span.s {
font-size: .8em;
}
section#recommend h3 span.xl {
font-size: 1.4em;
}  .pc { display: block !important; }
.sp { display: none !important; } @media only screen and (max-width: 960px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
.article h2 {
border-left: solid 8px var(--clr-strong);
padding: 0.75em 1em;
background: -webkit-linear-gradient(135deg, transparent 25%, rgba(0, 64, 128, 0.05 ) 25%, rgba(0, 64, 128, 0.05 ) 50%, transparent 50%, transparent 75%, rgba(0, 64, 128, 0.05 ) 75%, rgba(0, 64, 128, 0.05 ));
background: linear-gradient(135deg, transparent 25%, rgba(0, 64, 128, 0.05 ) 25%, rgba(0, 64, 128, 0.05 ) 50%, transparent 50%, transparent 75%, rgba(0, 64, 128, 0.05 ) 75%, rgba(0, 64, 128, 0.05 ));
background-size: 4px 4px;
}
.article h2 {
font-size: 1.2em;
line-height: 1.4;
margin: 4em 0 2em;
position: relative;
z-index: 1;
} section#mv{
padding-top: 0px;
}
@media screen and (min-width: 1250px) {
section#mv{
padding-top: -60px;
}
} .number {
counter-reset: boxnum;
}
#index_clinic .image_wrap ::before{
counter-increment: boxnum;
font-weight: 500;
content: counter(boxnum, decimal-leading-zero);
color: var(--clr-comment);
font-size: 4rem;
font-family: 'Jost';
line-height: 1;
position: absolute;
top: 4vw;
left: 4vw;
z-index: 0;
}
#index_clinic .image_wrap :before {
z-index: 1;
color: #35353c;
font-style: italic;
left: 0;
top: 0px;
} @media screen and (max-width: 960px){
#header_top { }
} #footer_button .button a {
font-size: 1.2em!important;
}        .well2 {
background: #F4F4F4!important;
}
@media screen and (max-width: 550px){
#index_staff_slider .desc_area p {
font-size: 12px;
}
}
.price-table-list tr td:nth-child(2)>span {
text-align: left;
} .container {
width: 96%;
margin: 1rem auto;
}
.card {
height: auto;
display: flex;
align-items: center;
margin-bottom: 1rem;
overflow: hidden;
background-color: #fff;
}
.card div:first-child {
flex-basis: 35%;
}
.card div:last-child {
flex-basis: 65%;
padding: 0 0.8rem 0.8rem;
}
.card img {
display: block;
width: 100%;
height: 270px;
object-fit: cover;
}
.card p {
margin-top: 0.5rem;
margin-bottom: 0.35rem; }
.card h3 {
margin-top: 0.5rem;
margin-bottom: 0.35rem;
line-height: 1.5;
text-align: left;
font-size: 2.1rem
}
.shadow {
box-shadow:0px 3px 16px var(--clr-box-shadow)!important;
}
.border {
border: 0px solid #ddd;
}
.curve {
border-radius: 0.35rem;
}
@media (max-width: 960px) {
.container {
height: auto;
}
.card div:first-child {
flex-basis: 30%;
height: auto;
}
.card div:last-child {
flex-basis: 70%;
}
.card {
height: auto;
display: block;
align-items: center;
margin-bottom: 1rem;
overflow: hidden;
background-color: #fff;
}
} .fb-offset .fb-offset-inner .image { background-size: cover;background-position: center;box-shadow: 0px 3px 16px var(--clr-box-shadow);margin: 0 0 -5em -2em;width: 100%;width: 100%; }
.feature-block-offset {margin-bottom: 100px;}
.top {height: 3em;display: grid; grid-template-columns: 8em auto;grid-template-rows: auto;}
.top .first {background: var(--clr-backgroundg);}
.top .second {background: var(--clr-backgroundg);}
.fb-offset {color: #333;padding: 0;width: 100%;}
.fb-offset .fb-offset-inner {display: flex;flex-direction: column-reverse;background: var(--clr-backgroundg);}
.fb-offset .fb-offset-inner .content {padding: 1em 1em 3em;}
.transparent{
background: #fff;
}
@media (min-width: 960px) {
.top {height: 6em;}
.top .first {background: transparent;}
.fb-offset .fb-offset-inner {display: grid;grid-template-columns: 6em auto auto;grid-template-rows: auto;}
.fb-offset .fb-offset-inner
.image {width: 650px;}
}
@media (min-width: 640px) {
.fb-offset .fb-offset-inner
.content {padding: 0em 15% 3em;}
.fb-offset .fb-offset-inner .image {height: 500px;margin: 0 0 -3em -6em;background-position: right top;}
}
@media all{
*,*::before,*::after{box-sizing:border-box;}
div,dl,dt,dd{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
*:focus{outline:none;}
.career_list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin-bottom:px;}
.career_list dl{display:flex;flex-wrap:wrap;width:calc(50% - 30px);margin:0!important;font-size: 16px;line-height: 2;}
.career_list dt{width:70px;margin:0!important;font-weight:500!important;font-size: 16px;line-height: 2;}
.career_list dd{width:calc(100% - 70px);margin:0!important;}
.post_content *:first-child{margin-top:0;}
.post_content *:last-child{margin-bottom:0;}
.post_content dt,.post_content dd{line-height:2.2;}
.post_content dl{margin-bottom:2em;}
.post_content dt{font-weight:bold;}
.post_content dd{margin-bottom:1em;}
}
@media screen and (max-width: 1200px){
@media only screen and (max-width: 800px){
.career_list{margin-bottom:35px;}
.career_list dl{width:auto;font-size:14px;}
.career_list dt{width:60px;margin:0;}
.career_list dd{width:calc(100% - 60px);margin:0;}
}
@media screen and (max-width:800px){
.post_content dt,.post_content dd{line-height:1.8;}
}
}
h3.career_list {
position: relative;
padding: 0 65px;
text-align: center;
color: #333;
font-size: 1.5rem;
}
h3.career_list:before {
position: absolute;
top: calc(50% - 1px);
left: 0;
width: 100%;
height: 1px;
content: '';
background: #72727B;
}
h3.career_list span {
position: relative;
padding: 0 1em;
background: #fff;
} #page_titel{display:block;margin:0; margin-top: 60px;}
#page_titel .title_area_inner{color:#fff;padding:12px 10px;line-height:1.4;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;-webkit-align-items:center;align-items:center;}
#page_titel .title{font-size:20px;font-weight:600;-ms-flex:1 1 0%;-webkit-flex:1 1 0%;flex:1 1 0%;  clip-path: polygon(100% 100%, 100% 100%, 100% 100%, 100% 100%);
animation: mask 2s;
animation-iteration-count: 1;
animation-timing-function:ease;
animation-fill-mode: forwards;
animation-delay: 1s;}
#page_titel .job{font-size:12px;margin:0 15px 0 0;}
#page_titel .catch_bottom{padding:20px 10px;line-height:1.6;font-size:26px;}
#page_titel .title_area{
clip-path: polygon(0px 0px, 100% 0, 100% 100%, 0px 100%);
animation: mask 1.5s;
animation-iteration-count: 1;
animation-timing-function:ease;
}
.catch_bottom{ }
.rich_font_type2{font-family:Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;font-weight:500;}
#page_titel .job{font-size:16px;color:#ffffff;}
#page_titel .title{font-size:26px;color:#ffffff;text-align: left;}
#page_titel .info{font-size:16px;color:#ffffff;}
#page_titel .catch_bottom{font-size:26px;}
@media screen and (max-width:1250px){
#page_titel{display:block;margin:0; margin-top: 0px;}
#page_titel .job{font-size:12px;}
#page_titel .title{font-size:18px;}
#page_titel .catch_bottom{font-size:16px;}
}
@keyframes mask {
0% {
clip-path: polygon(0px 0px, 0% 0, 0% 100%, 0px 100%);
}
100% {
clip-path: polygon(0px 0px, 100% 0, 100% 100%, 0px 100%);
}
} .menu-content h2 {
margin: 2.5em 0 1.5em;
line-height: 1.6;
padding: 1.3em;
background: #72727B!important;
color: #fff;
text-align: center;
font-size: 22px;
}
@media screen and (max-width: 960px) {
.menu-content h2 {
margin: 2.5em 0 1.5em;
line-height: 1.6;
padding: 1.3em;
background: #72727B!important;
color: #fff;
text-align: center;
font-size: 18px;
}
}
.post_row {
margin-right: 0px!important;
margin-left: -25px;
line-height: 2.4;
}
div.article-content h2 {
margin-bottom: 0;
padding: 36px 0 35px 0px;
text-align: center;
line-height: 1.4;
font-size: 24px;
position: relative;
display: block;
}
@media screen and (min-width: 960px) {
div.article-content h2 {
margin-bottom: 0;
padding: 36px 0 35px 80px;
text-align: left;
line-height: 1.4;
font-size: 24px;
position: relative;
display: block;
}
div.article-content h2::before {
content: '';
position: absolute;
z-index: 2;
top: calc(50% - 1px);
left: 0;
width: 60px;
height: 1px;
background: var(--clr-text);
}
}  .box-explain {
position: relative;
margin: 2em auto;
padding: 1.2em;
color: #555555; background-color: #fff; border: 1px solid #555555; width: 100%;
font-size: 16px;
}
.title-explain {
position: absolute;
padding: 0 .5em;
left: 20px;
top: -15px;
font-weight: bold;
background-color: #fff; color: #555555; } .box-01 {
margin: 0em auto;
padding: 1em;
max-width: 768px;
background-color: #f7f7f7; } .box-02{
margin: 2em auto; background-color: #ebebeb; padding:3em 2em 2em; position:relative; }
.box-02 .box-title {
background-color:#909792; font-size: 1em; color: #fff ; padding: 7px 10px; line-height: 1; position:absolute; top: 0; left: 0; } .timeline{margin:4em auto;position:relative;max-width:50em;}
.timeline:before{background-color:#72727B;content:'';margin-left:-1px;position:absolute;top:0;left:2em;width:2px;height:100%;}
.timeline-event{position:relative;}
.timeline-event:hover .timeline-event-icon{-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:#a83279;}
.timeline-event:hover .timeline-event-thumbnail{-moz-box-shadow:inset 40em 0 0 0 #a83279;-webkit-box-shadow:inset 40em 0 0 0 #a83279;box-shadow:inset 40em 0 0 0 #a83279;}
.timeline-event-copy{padding:1em;position:relative;top:-1.875em;left:4em;width:85%;}
.timeline-event-copy h3{font-size:1.75em;margin-bottom: 0em;text-align: left;}
.timeline-event-copy h4{font-size:1.2em;margin-bottom:1.2em;}
.timeline-event-copy strong{font-weight:700;}
.timeline-event-copy p:not(.timeline-event-thumbnail){padding-bottom:0em;margin-bottom: 0em}
.timeline-event-icon{-moz-transition:-moz-transform 0.2s ease-in;-o-transition:-o-transform 0.2s ease-in;-webkit-transition:-webkit-transform 0.2s ease-in;transition:transform 0.2s ease-in;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:black;outline:10px solid white;display:block;margin:0.5em 0.5em 0.5em -0.5em;position:absolute;top:0;left:2em;width:1em;height:1em;}
.timeline-event-thumbnail{-moz-transition:box-shadow 0.5s ease-in 0.1s;-o-transition:box-shadow 0.5s ease-in 0.1s;-webkit-transition:box-shadow 0.5s ease-in;-webkit-transition-delay:0.1s;transition:box-shadow 0.5s ease-in 0.1s;color:white;font-size:0.75em;background-color:black;-moz-box-shadow:inset 0 0 0 0em #ef795a;-webkit-box-shadow:inset 0 0 0 0em #ef795a;box-shadow:inset 0 0 0 0em #ef795a;display:inline-block;margin-bottom:1.2em;padding:0.25em 1em 0.2em 1em;width: 100px;text-align: center} #advantage{background:linear-gradient( 92deg , var(--clr-background-a), var(--clr-background-b), var(--clr-background-c))!important;padding:60px 0;margin:0;posiiton:relative;}  #advantage .u-image{object-fit:cover;display:block;vertical-align:middle;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
img.u-image{overflow:hidden;}
#advantage .u-container-layout{position:relative;flex:1;max-width:100%;transition-duration:inherit;box-shadow: 0px 3px 16px var(--clr-box-shadow);}
#advantage .u-container-layout > *{position:relative;}
#advantage .u-expanded-width{width:100%!important;margin-left:0!important;margin-right:0!important;}
[class*="u-border-"]:not(.u-shape-svg){stroke:none;}
#advantage .u-icon{display:block;line-height:0;border-width:0px;}
#advantage .u-file-icon img{object-fit:contain;width:100%;height:100%;}
#advantage .u-body h4{padding:0;}
#advantage .u-align-center{text-align:center;}
#advantage .u-repeater{display:grid;grid-template-columns:repeat(3, 33.33333333%);}
#advantage .u-repeater-item{display:flex;position:relative;}
#advantage .u-list:not(.u-repeater){display:flex;flex-direction:column;}
#advantage .u-list:not(.u-repeater) .u-repeater{flex-grow:1;flex-shrink:1;flex-basis:auto;margin-top: 10px}
[class*="u-border-"]{border-style:solid;}
#advantage .u-border-1,a.u-button-style.u-border-1{border-width:1px;}
#advantage .u-image{color:#111111;}
#advantage .u-list-1{grid-template-rows:repeat(1, auto);grid-auto-rows:100%;width:px;margin:10px auto 0;}
#advantage .u-repeater-1{grid-template-columns:repeat(3, calc(33.3333% - 6.66667px));min-height:266px;grid-auto-columns:calc(33.3333% - 6.66667px);grid-gap:10px;}
#advantage .u-list-item-1{background-image:none;}
#advantage .u-container-layout-1{padding:0 23px 30px;background: #FFF;}
#advantage .u-icon-1{background-image:none;margin: 0; margin-left: -23px; margin-right: -23px;}
#advantage .u-text-1{letter-spacing:normal;text-transform:none;font-weight:500;font-size:1.5rem;margin:24px auto 0;}
#advantage .u-text-2{font-style:normal;margin:30px 7px 0;text-align: left}
#advantage .number {
counter-reset: boxnum;
}
#advantage .u-container-layout-1::before{
counter-increment: boxnum;
font-weight: 500;
content: counter(boxnum, decimal-leading-zero);
color: var(--clr-comment);
font-size: 4rem;
font-family: 'Jost';
line-height: 1;
position: absolute;
top: ;
left: 4vw;
z-index: 0;
}
#advantage .u-container-layout-1::before {
z-index: 1;
color: #505C7E; left: 0;
top: 0px;
}
#advantage .u-file-icon img {
object-fit: cover;
width: 100%;
height: 100%; top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 960px){
#advantage .u-repeater-1{min-height:503px;grid-template-columns:repeat(1, calc(100% - -0.999998px));grid-auto-columns:calc(100% - 5.0000025px);}
#advantage .u-container-layout-1{padding-top:0;padding-bottom:70px;}
} .explain ul{
list-style: square;
font-size: 16px!important;
font-size: 1rem;
font-weight: 400;
line-height: 2;
padding-left: 18px;
}
.explain ol{
list-style: revert;
font-size: 16px!important;
font-size: 1rem;
font-weight: 400;
line-height: 2;
padding-left: 18px;
}   } .q_button:not(.post_content .clearfix){
border: 1px solid #535353!important;
background: #FFF!important;
color: #535353;
}
.q_button{ position: relative;
overflow: hidden; text-decoration: none;
display: inline-block;
border: 1px solid #555; padding: 10px 30px;
text-align: center;
outline: none; transition: ease .2s;
background: #fff!important;
} .q_button span {
position: relative;
z-index: 3; color:#333;
}
.q_button:hover span{
color:#fff!important;
} .bgleft:before{
content: ''; position: absolute;
top: 0;
left: 0;
z-index: 2; background:#333; width: 100%;
height: 100%; transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transform: scale(0, 1);
transform-origin: right top;
} .bgleft:hover:before{
transform-origin:left top;
transform:scale(1, 1);
}
#archive_service li a {
display: block;
margin-top: 0.5rem;
}
#archive_service ul.clearfix {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#archive_service li {
text-align: center;
margin-bottom: 0.5rem;
}
#archive_service .q_button{
width: 400px;
margin: 0 auto;
}  *, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .cd-image-container {
position: relative;
width: 100%;
max-width: 768px;
margin: 0em auto;
}
.cd-image-container img {
display: block;
width:100%;
}
.cd-image-label {
position: absolute;
font-weight: 500;
letter-spacing: 1px;
top: 0;
right: 0;
color: #ffffff;
padding: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
opacity: 0;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
-moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
visibility: hidden;
}
.is-visible .cd-image-label {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cd-resize-img {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
overflow: hidden; -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-resize-img img {
position: absolute;
left: 0;
top: 0;
display: block;
height: 100%;
width: auto;
max-width: none;
}
.cd-resize-img .cd-image-label {
right: auto;
left: 0;
}
.is-visible .cd-resize-img {
width: 50%; -webkit-animation: cd-bounce-in 0.7s;
-moz-animation: cd-bounce-in 0.7s;
animation: cd-bounce-in 0.7s;
}
@-webkit-keyframes cd-bounce-in {
0% {
width: 0;
}
60% {
width: 55%;
}
100% {
width: 50%;
}
}
@-moz-keyframes cd-bounce-in {
0% {
width: 0;
}
60% {
width: 55%;
}
100% {
width: 50%;
}
}
@keyframes cd-bounce-in {
0% {
width: 0;
}
60% {
width: 55%;
}
100% {
width: 50%;
}
}
.cd-handle {
position: absolute;
height: 44px;
width: 44px; left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border-radius: 50%;
background: #000000 url(https://images.clickfunnels.com/09/a714400d3211e7a0bd7d7140585054/cd-arrows.svg) no-repeat center center;
cursor: move;
box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
opacity: 0;
-webkit-transform: translate3d(0, 0, 0) scale(0);
-moz-transform: translate3d(0, 0, 0) scale(0);
-ms-transform: translate3d(0, 0, 0) scale(0);
-o-transform: translate3d(0, 0, 0) scale(0);
transform: translate3d(0, 0, 0) scale(0);
}
.cd-handle.draggable { background-color: #0091df;
}
.is-visible .cd-handle {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
-moz-transform: translate3d(0, 0, 0) scale(1);
-ms-transform: translate3d(0, 0, 0) scale(1);
-o-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
-moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
transition: transform 0.3s 0.7s, opacity 0s 0.7s;
} #archive_service .top_area .title span {
display: block;
font-size: 16px;
margin: -10px 0 0 0;
}
@media screen and (min-width: 960px) {
#price-1.price-table-list tr.thead th:nth-last-child(2) {
width: 580px;
}
#price-1.price-table-list tr.thead th:nth-last-child(3) {
width: 280px;
}
}
@media screen and (min-width: 960px) {
#price-2.price-table-list tr.thead th:nth-last-child(3) {
width: 580px;
}
#price-2.price-table-list tr.thead th:nth-last-child(4) {
width: 280px;
}
#price-2.price-table-list tr td:nth-last-child(2) {
background:#E6CFCD;
}
}
@media screen and (min-width: 960px) {
#price-3.price-table-list tr.thead th:nth-last-child(4) {
width: 580px;
}
#price-3.price-table-list tr td:nth-last-child(3) {
background:#E6CFCD;
}
}
.article-content .problem {
background: #FFF;
border-radius: 0px;
width: 100%;
padding: 1vw 1vw;
margin-bottom: 2em;
margin-top: 2em;
}
.problem ol {
list-style: ;
font-size: 1.2rem!important;
text-align: center;
font-weight: 400;
line-height: 2;
padding-left: 18px;
}
.problem-text02>span, .problem-text03>span {
display: inline-block;
padding: 6px;
background-color: #84ecff;
line-height: 1;
}
picture.center {
opacity: 1!important;
text-align: center;
padding-top: 0px;
padding-bottom: 30px;
}
.triangle {
position: relative;
background: #505C7E;
height: 20vh;
padding: 70px;
}
.triangle::before {
content: '';
position: absolute;
bottom: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 25px 76px 0 76px;
border-color: #505C7E transparent transparent transparent;
left: 50%;
transform: translateX(-50%) translateY(100%);
}
.triangle h2{
color: #FFF;
font-size: 1.5rem;
}
.result h2 {
background: #505C7E!important;
color: #fff;
text-align: center;
height: 20vh;
font-size: 1.5rem;
line-height: 1.4;
padding-top: 70px;
}
.sub_title-02 {
display: inline-block;
position: relative;
padding: 0 25px;
color: #505C7E;
font-size: 22px;
font-weight: bold;
line-height: 1;
letter-spacing: 1px;
}
.sub_title-02 p{
margin: 0;
}
.sub_title-02:before {
left: 0;
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
}
.sub_title-02:after {
right: 0;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
.sub_title-02:before, .sub_title-02:after {
display: inline-block;
position: absolute;
top: 50%;
width: 20px;
height: 3px;
border-radius: 3px;
background-color: #d8dae1;
content: "";
} .centered-svg {
display: block;
margin: auto;
} .advantage-section {
margin-top: 2rem;
background: #F4F2F0!important;
}
.custom-shape-divider-top-advantage {
position: relative;
top: 31px;
left: 0;
width: 100%;
overflow: hidden;
line-height: 0;
background: #F4F2F0!important;
}
.custom-shape-divider-top-advantage svg {
position: relative;
display: block;
width: calc(100% + 1.3px);
height: 100px;
}
.custom-shape-divider-top-advantage .shape-fill {
fill: #FFFFFF;
}
.divider {
position: relative;
}
section#advantage h2[data-eng]::after{
opacity: 0.23;
display: block;
text-align: center;
content: attr(data-eng) "";
margin-left: calc( 0px - 2.66vw);
margin-right: calc( 0px - 2.66vw);
width: calc( 100% + 5.33vw);
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
font-size: 6rem;
font-family: 'Jost';
font-weight: 300;
line-height: 1;
background: -webkit-gradient(linear, left top, right top, color-stop(25%, #DEC2E1), color-stop(75%, #BCDEF3));
background: -webkit-linear-gradient(left, #DEC2E1 25%, #BCDEF3 75%);
background: -o-linear-gradient(left, #DEC2E1 25%, #BCDEF3 75%);
background: linear-gradient(to right, #91836D 25%, #BCDEF3 75%);
background-clip: text;
-webkit-background-clip: text;
color: #FFF;
white-space: nowrap;
}  .fadeIn{
animation-name:fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeInAnime{
from {
opacity: 0;
}
to {
opacity: 1;
}
}  .fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
animation: fadeUpAnime 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 0.4s;
opacity:0;
}
@keyframes fadeUpAnime{
from {
opacity: 0;
transform: translateY(100px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .fadeUpTrigger{
opacity: 0;
} .fadeDown{
animation-name:fadeDownAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeDownAnime{
from {
opacity: 0;
transform: translateY(-100px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .fadeLeft{
animation-name:fadeLeftAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeLeftAnime{
from {
opacity: 0;
transform: translateX(-100px);
}
to {
opacity: 1;
transform: translateX(0);
}
} .fadeRight{
animation-name:fadeRightAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeRightAnime{
from {
opacity: 0;
transform: translateX(100px);
}
to {
opacity: 1;
transform: translateX(0);
}
} .u-sp-item-inline{display:inline!important;}
.u-text-small{font-size:.93em;}
.u-check-list li{margin:0 0 .7em 0;padding:0 0 0 2em;line-height:1.3;}
.u-check-list li:last-child{margin:0;}
.u-check-list li::before{content:"\f00c";display:inline-block;margin-left:-2em;width:2em;color:#8e651c;font-family:'design_plus';text-align:center;}
.u-check-list.is-black li::before{color:inherit;}
.u-table-basic{width:100%;border:1px solid #DDD;background:#FFF;}
.u-table-basic th,.u-table-basic td{border:1px solid #DDD;padding:1em .5em;}
.u-table-basic th{border:1px solid #DDD;padding:1em .5em;font-weight:600;text-align:center;vertical-align:middle;background:#efefef;line-height:1.3;}
.u-table-basic td{text-align:left;vertical-align:top;line-height:1.4;font-weight:300;}
.u-flex-basic{display:flex;}
.title-bracket{font-size:26px;text-align:center;margin:1.3em auto 1.3em;}
.title-bracket_inner{padding:.4em 2em .3em;position:relative;display:inline-block;}
.title-bracket_inner::before,.title-bracket_inner::after{content:"";position:absolute;display:block;width:8px;height:100%;border:1px solid #333;}
.title-bracket_inner::before{border-right:none;top:0;left:0;}
.title-bracket_inner::after{border-left:none;top:0;right:0;}
.tab_area{margin:0 0 2em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;}
.tab_area li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;position:relative;padding:1.5em 0 1.5em;background:#efefef;font-weight:500;text-align:center;font-size:13px;line-height:1.2;cursor:pointer;transition:all 0.2s ease-out;}
.tab_area li::after{position:absolute;width:100%;bottom:2px;left:0;content:"\f0d7";font-family:'design_plus';line-height:1;font-size:.9em;}
.panel_area{background:#fff;}
.tab_panel{display:none;}
.tab_area li.is-active{color:#FFF;}
.tab_panel.is-active{display:block;}
.careers-tab{padding-top:1em;}
.careers-tab .tab_area{border-bottom:1px solid #333;margin-bottom:0;}
.careers-tab .tab_area li{width:48.5%;font-size:13px;}
.careers-tab .tab_area li.is-active{background-color:#333;}
.career-detail-data th{font-size:13px;}
.career-detail-data td{font-size:13px;}
.welfare{-webkit-flex-direction:column;flex-direction:column;}
.welfare li{background:#f7f7f7;padding:1em;font-size:.93em;line-height:2.0;margin-bottom:10px;min-height: 128px;}
.welfare li h3{color:#64baaa;font-size:16px;font-weight:600;margin-bottom:.2em;text-align:left;}
.welfare li h3::before{content:"\f00c";display:inline-block;margin-right:.5em;font-family:'design_plus';}
@media (min-width: 768px){
.u-sp-item-inline{display:none!important;}
.u-text-small{font-size:.88em;}
.u-table-basic th,.u-table-basic td{padding:1em;}
.title-bracket{font-size:30px;}
.title-bracket_inner::before,.title-bracket_inner::after{width:12px;}
.tab_area{margin:0 0 1.5em;}
.tab_area li{font-size:17px;}
.tab_area li:hover{opacity:0.7;}
.careers-tab .tab_area{border-bottom-width:2px;}
.careers-tab .tab_area li{font-size:18px;}
.career-detail-data th,.career-detail-data td{padding:1.5em 1.5em 1.2em;}
.career-detail-data th{font-size:18px;}
.career-detail-data td{font-size:16px;}
.welfare{-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;}
.welfare li{width:48.3333%;padding:1.5em;font-size:1.0em;margin-bottom:30px;box-sizing:border-box;font-weight:normal;min-height: 180px;line-height:2.0;}
.welfare li h3{font-size:20px;}
}
.arrow_content .item_list{padding-bottom:12px;margin-top:70px;}
.arrow_content .item{border:1px solid #ddd;margin:0 0 100px 0;position:relative;}
.arrow_content .item:last-of-type{margin:0;}
.arrow_content .item .headline{height:60px;border-bottom:1px solid #ddd;line-height:60px;background:#f7f7f7;text-align:center;}
.arrow_content .item .desc{line-height:2.8;padding:10px 30px;text-align:center;}
.arrow_content .item:after{color:#cf0000;font-family:'design_plus';content:'\e90e';font-size:30px;width:30px;display:block;position:absolute;left:0;right:0;bottom:-70px;margin:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.arrow_content .item:last-of-type:after{display:none;}
@media screen and (max-width:750px){
.arrow_content .item_list{padding-bottom:5px;margin-top:45px;}
.arrow_content .item{margin:0 0 50px 0;}
.arrow_content .item:last-of-type{margin:0;}
.arrow_content .item .headline{height:50px;line-height:50px;}
.arrow_content .item .desc{line-height:2.4;padding:12px 20px;font-size:12px;}
.arrow_content .item:after{font-size:20px;width:20px;bottom:-38px;}
.arrow_content .item:last-of-type:after{display:none;}
}
.careers-job_list td {
text-align: center;
vertical-align: middle;
}
.head th:nth-child(1) { width: 22%; }
.head th:nth-child(2) { width: 26%; }
.head th:nth-child(3) { width: 26%; }
.head th:nth-child(4) { width: 26%; }
img{max-width:100%;height:auto;vertical-align:bottom;}
table{width:100%;border-collapse:collapse;table-layout:fixed;}
}
.u-table-basic{width:100%;border:1px solid #DDD;background:#FFF;}
.u-table-basic th,.u-table-basic td{border:1px solid #DDD;padding:1em .5em;}
.u-table-basic th{border:1px solid #DDD;padding:1em .5em;font-weight:600;text-align:center;vertical-align:middle;background:#efefef;line-height:1.3;}
.u-table-basic td{text-align:left;vertical-align:top;line-height:1.4;font-weight:500;}
@media (min-width: 960px){
.u-table-basic th,.u-table-basic td{padding:1em;}
}
.js-accordion_body{display:none;}
.job_body{padding-top:1em;padding-bottom:1em;}
.job_list th{background-color:#F7F7F7;padding-left:0;padding-right:0;}
.job_list .head th{background-color:#EFEFEF;}
.job_list th,.careers-job_list td{font-size:3.2vw;text-align:center;vertical-align:middle;line-height: 2.5rem}
@media (min-width: 960px){
.job_list th,.careers-job_list td{font-size:18px;}
}
.job_title {
background-color: var(--clr-text);
font-size: 1.2rem;
color: #FFF;
text-align: center;
padding: 12px;
line-height: 2.5rem
}
.js-accordion_button > i.is-arrow::before {
display: block;
content: "";
width: 100%;
height: 100%;
background: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/recruit/arrow_white.png) no-repeat center center;
background-size: 12px;
transition: all 0.2s ease-out;
}
.js-accordion_button > i.is-arrow {
display: block;
margin-left: -25px;
width: 25px;
height: 25px;
border-radius: 3px;
}
.js-accordion_button {
padding: 15px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
cursor: pointer;
text-align: left;
}
.js-accordion_button > .is-text {
display: block;
width: 100%;
}
.careers-job {
margin-bottom: 1em;
}
.careers-button {
display: block;
margin: 0 auto; max-width: 300px;
background-color: #333;
line-height: 60px;
text-align: center;
color: #fff;
height: 60px;
}
.careers-button:hover { background-color:#f45963; color:#fff; } .attention{
background-color: #e8867f;
}
.markup {
background-color: #f45963;
display: inline-block;
margin-right: 1px;
padding: 5px 10px;
color: #fff;
font-size: 0.9em;
font-weight: bold;
line-height: 1;
border-radius: 2px;
}
@media screen and (max-width: 950px){
.careers-button {
height: 45px;
line-height: 45px;
padding: 0 15px;
font-size: 12px;
}
} .tab_panel {
display: none;
position: relative;
opacity: 0;
transition: opacity 1s, bottom 1s;
}
.tab_panel.is-active {
display: block;
opacity: 1;
bottom: 0;
-webkit-animation: tab_content_animation 1.0s cubic-bezier(0.22, 1, 0.36, 1) 0s forwards;
animation: tab_content_animation 1.0s cubic-bezier(0.22, 1, 0.36, 1) 0s forwards;
}
@-webkit-keyframes tab_content_animation {
0% { opacity: 0; bottom: -80px; }
100% { opacity: 1; bottom: 0; }
}
@keyframes tab_content_animation {
0% { opacity: 0; bottom: -80px; }
100% { opacity: 1; bottom: 0; }
}
.tab_label {
cursor: pointer;
}
.recruit-banner{
margin-top: 20px;
}
@media screen and (max-width: 960px){
}  .pc #global_menu {
background: rgba(0,0,0,0.5)!important;
}
#footer_button .button2 a {
color: #FFFFFF;
background: linear-gradient(to right, #cb356b, #bd3f32)!important;
}
#footer_button .button1 a {
color: #FFFFFF;
background: linear-gradient(to right, #cb356b, #bd3f32)!important;
}
#header_button .button2 a {
color: #FFFFFF;
background: linear-gradient(to right, #cb356b, #bd3f32)!important;
}
#page_header .tab, #return_top a, #comment_tab li a:hover, #comment_tab li.active a, #comment_header #comment_closed p, #submit_comment:hover, #cancel_comment_reply a:hover, #p_readmore .button:hover, #wp-calendar td a:hover, #post_pagination p, #post_pagination a:hover, .page_navi span.current{
background:linear-gradient(to right, #cb356b, #bd3f32)!important;
}
#page_header {
margin-top: -60px;
background:  linear-gradient(112.5deg, rgba(232, 232, 232, 0.03) 0%, rgba(232, 232, 232, 0.03) 2%, rgba(231, 231, 231, 0.03) 2%, rgba(231, 231, 231, 0.03) 4%, rgba(231, 231, 231, 0.03) 4%, rgba(231, 231, 231, 0.03) 11%, rgba(2, 2, 2, 0.03) 11%, rgba(2, 2, 2, 0.03) 67%, rgba(231, 231, 231, 0.03) 67%, rgba(231, 231, 231, 0.03) 90%, rgba(111, 111, 111, 0.03) 90%, rgba(111, 111, 111, 0.03) 100%), linear-gradient(157.5deg, rgba(210, 210, 210, 0.03) 0%, rgba(210, 210, 210, 0.03) 17%, rgba(254, 254, 254, 0.03) 17%, rgba(254, 254, 254, 0.03) 18%, rgba(96, 96, 96, 0.03) 18%, rgba(96, 96, 96, 0.03) 44%, rgba(159, 159, 159, 0.03) 44%, rgba(159, 159, 159, 0.03) 70%, rgba(24, 24, 24, 0.03) 70%, rgba(24, 24, 24, 0.03) 82%, rgba(16, 16, 16, 0.03) 82%, rgba(16, 16, 16, 0.03) 100%), linear-gradient(22.5deg, rgba(47, 47, 47, 0.03) 0%, rgba(47, 47, 47, 0.03) 32%, rgba(124, 124, 124, 0.03) 32%, rgba(124, 124, 124, 0.03) 40%, rgba(200, 200, 200, 0.03) 40%, rgba(200, 200, 200, 0.03) 42%, rgba(16, 16, 16, 0.03) 42%, rgba(16, 16, 16, 0.03) 64%, rgba(243, 243, 243, 0.03) 64%, rgba(243, 243, 243, 0.03) 94%, rgba(93, 93, 93, 0.03) 94%, rgba(93, 93, 93, 0.03) 100%), linear-gradient(90deg, rgb(250 248 249), rgb(250 249 247));
} #clinic_list .desc .small {
line-height: 1.8;
display: block;
} #apotosis{
width: 100%;
position: relative;
background-color: #F7F7F8;
}
#apotosis ol{
padding:60px 20px;
margin:0 auto;
}
#apotosis ol li{
padding-bottom:35px;
overflow: hidden;
position: relative;
}
#apotosis ol li img{
width:50%;
}
#apotosis ol li img:last-child{
position: absolute;
top:100px;
right:15px;
z-index:9;
}
#apotosis ol li img:first-child{
position: relative;
left:15px;
z-index:9;
}
#apotosis ol li:nth-child(-n+2) img{
margin-bottom:0;
}
#apotosis ol li img:nth-child(3)  {
position: absolute;
top: 100px;
right: 15px;
z-index: 9;
}
@media screen and (max-width: 960px) {
#apotosis{
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
#apotosis ol {
width: 100%;
padding: 0;
}
#apotosis ol li {
padding-bottom: 0;
}
#apotosis ol li img {
width: 100%;
}
#apotosis ol li img:last-child {
position: static;
}
#apotosis ol li img:nth-child(3) {
position: static;
}
#apotosis ol li img:first-child{
position: relative;
left:0px;
z-index:9;
}
}
.slider-track{
height: 750px!important;
}
@media screen and (max-width: 550px){
#header_slider_wrap {
height: 750px;
}
} #wpadminbar {
top: auto;
bottom: 0;
position: fixed!important;
} .hero-slider {
width: 100%;
height: 100vh;
overflow: hidden;
}
.hero-slider .carousel-cell {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.hero-slider .carousel-cell .inner {
position: relative;
top: 50%;
transform: translateY(-50%);
color: white;
text-align: center;
}
.hero-slider .carousel-cell .inner .subtitle {
font-family:;
font-size: 2.2rem;
line-height: 1.2em;
font-weight: 200;
font-style: italic;
letter-spacing: 3px;
color: rgba(255, 255, 255, 0.5);
margin-bottom: 5px;
}
.hero-slider .carousel-cell .inner .title {
font-family: 'Montserrat', sans-serif;
font-size: 3rem;
line-height: 1.2em;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 40px;
}
.hero-slider .carousel-cell .inner .btn-fv {
border: 1px solid #fff;
padding: 14px 18px;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-size: 0.8rem;
letter-spacing: 3px;
color: #fff;
text-decoration: none;
transition: all 0.2s ease;
}
.hero-slider .carousel-cell .inner .btn-fv:hover {
background: #fff;
color: #000;
}
.hero-slider .flickity-prev-next-button {
width: 80px;
height: 80px;
background: transparent;
}
.hero-slider .flickity-prev-next-button:hover {
background: transparent;
}
.hero-slider .flickity-prev-next-button .arrow {
fill: white;
}
.hero-slider .flickity-page-dots {
bottom: 30px;
}
.hero-slider .flickity-page-dots .dot {
width: 30px;
height: 4px;
opacity: 1;
background: rgba(255, 255, 255, 0.5);
border: 0 solid white;
border-radius: 0;
}
.hero-slider .flickity-page-dots .dot.is-selected {
background: #ff0000;
border: 0 solid #ff0000;
}
.hero-slider .carousel-cell .inner .subtitle { }
.hero-slider .carousel-cell .inner .title { } .video-wrapper {
position: relative;
width: 100%;
height: 100%;
}
.video-wrapper video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.hero-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; background-image: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/top/mv_film.png);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
z-index: 2;
}
.hero-inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
text-align: center;
color: white;
width: 75%;
}
.hero-inner p{
line-height: 1.5;
font-size: 1em;
margin-bottom: 20px;
}
.hero-inner .subtitle {
font-size: 1.0rem;
line-height: 1.2em;
font-weight: 600;
letter-spacing: 3px;
color: rgba(255, 255, 255, 0.8);
margin-bottom: 5px;
}
.hero-inner .title {
font-family:;
font-size: 2.4rem;
line-height: 1.2em;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 10px;
}
.hero-inner .btn-fv {
border: 1px solid #fff;
padding: 14px 18px;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-size: 0.8rem;
letter-spacing: 3px;
color: #fff;
text-decoration: none;
transition: all 0.2s ease;
}
.hero-inner .btn-fv:hover {
background: #fff;
color: #000;
}
.flickity-prev-next-button.next {
right: -10px!important;
}
.flickity-prev-next-button.previous {
left: -10px!important;
} .carousel-cell:nth-child(2) {
background-image: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/top/FV-003.png);
}
.carousel-cell:nth-child(3) {
background-image: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/top/FV-002.png);
} @media screen and (max-width: 960px) { .carousel-cell:nth-child(2) {
background-image: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/top/FV-003_SP.png);
background-attachment: fixed;
animation: zoomOutBackground 25s linear infinite;
animation-delay: 5s; }
.carousel-cell:nth-child(3) {
background-image: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/top/FV-002_SP.png);
background-attachment: fixed;
animation: zoomOutBackground 25s linear infinite;
animation-delay: 10s; }
.hero-inner .title {
font-family:;
font-size: 2.1rem;
}
.hero-slider {
width: 100%;
height: 70vh;
overflow: hidden;
}
.hero-slider {
width: 100vw;
height: calc(100vw * 1080 / 1080); overflow: hidden;
}
.hero-slider .carousel-cell {
width: 100%;
height: calc(100vw * 1080 / 1080); margin-right: 0;
}
.hero-slider .carousel-cell .inner {
position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); }
body.home #header {
position: relative;
}
#scroll-down-animation {
display: none;
}
.hero-inner {
position: absolute;
top: 45%;
left: 50%;
}
.hero-inner .description {
min-height: 120px; font-size: 0.85em;
margin-bottom: 0px;
}
}
@keyframes zoomOutBackground {
0% {
background-size: 100%; }
100% {
background-size: 120%; }
}
.txt {
display: block;
position: relative;
width: 1200px;
z-index: 1;
margin: 2rem auto;
}
.pc_display {
display: block;
}
.sp_display {
display: none;
}
@media screen and (max-width: 960px) {
.pc_display {
display: none;
}
.sp_display {
display: block;
}
.txt {
display: block;
position: relative;
width: 90%;
margin: 4vw auto 0;
z-index: 1;
margin: 1rem auto;
}
} #scroll-down-animation {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-150%);
}
.mouse {
margin: 0 auto;
display: block;
border-radius: 50px; height: 100px;
width: 50px;
position: relative;
}
.move {
position: absolute;
background-color: #fff;
height: 10px;
width: 10px;
border-radius: 50%;
left: 50%;
transform: translateX(-50%);
animation: move 2s linear infinite;
}
@keyframes move {
0% {
transform: translate(-50%,10px);
opacity: 0;
}
50% {
transform: translate(-50%,40px);
opacity: 1;
}
100% {
transform: translate(-50%,80px);
opacity: 0;
}
}
.hide {
display: none;
} p.spcial-label{ position: absolute;
top: 0px;
left: 0px;
z-index: 3;
background: #C1A889;
color: #fff; height: 35px;
line-height: 35px;
text-align: center;
font-size: 12px;
padding: 0 15px; box-sizing: border-box;
}
p.spcial-label{
margin-bottom: 0;
} .flow-box {
margin-bottom: 8vw;
padding-left: 5.33vw;
padding-right: 5.33vw;
counter-reset: routenum
}
@media screen and (min-width: 960px) {
.flow-box {
margin-bottom: 0px;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.flow-box:last-of-type {
margin-bottom: 0
}
}
.flow-box>h3 {
position: relative;
margin-bottom: 1em;
text-align: center;
color: white;
background: var(--clr-text);
width: 100vw;
margin-left: -8vw;
margin-right: -8vw;
padding: 1.8em 3rem
}
@media screen and (min-width: 960px) {
.flow-box>h3 {
width: 100%;
text-align: left;
margin-left: 0;
margin-right: 0;
padding-left: 80px;
font-size: 26px;
color: var(--clr-text);
background: transparent
}
.flow-box>h3::before {
content: '';
position: absolute;
z-index: 2;
top: calc(50% - 1px);
left: 0;
width: 60px;
height: 1px;
background: var(--clr-text)
}
}
.flow-box>h3::after {
content: "";
position: absolute;
border-radius: 50%;
display: flex;
background: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/pluse_icon.png)center/contain no-repeat;
width: 6%;
height: 50%;
right: 1rem;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
@media screen and (min-width: 960px) {
.flow-box>h3::after {
display: none
}
}
.flow-box>h3.active::after {
background: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/m_icon.png)center/contain no-repeat;
}
.flow-box>div {
display: -webkit-box;
display: -ms-flexbox;
display: contents;
width: 100%
}
.flow-box>div>div {
position: relative;
margin-bottom: 2.66vw;
padding: 8vw 8.8vw 0
}
@media screen and (min-width: 960px) {
.flow-box>div>div {
width: calc( (100%/4) - 28px);
margin-right: 28px;
padding: 30px 0 0
}
.flow-box>div>div:last-child {
margin-right: 0
}
}
.flow-box>div>div::before {
counter-increment: routenum;
content: counter(routenum);
background: linear-gradient(to right, #eccd6e 0, #e7c875 50%, #e0c081 100%);
color: white;
font-size: 2rem;
font-family: 'Jost';
line-height: 3.5rem;
text-align: center;
width: 3.5rem;
height: 3.5rem;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
z-index: 2
}
@media screen and (min-width: 960px) {
.flow-box>div>div::before {
font-size: 24px;
width: 48px;
height: 48px;
left: -10px
}
}
.flow-box>div>div::after {
content: '';
position: absolute;
z-index: 0;
top: 0;
left: calc( 1.75rem - 1.33vw);
width: 2.66vw;
height: 100%;
background: #FAECC7;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px
}
@media screen and (min-width: 960px) {
.flow-box>div>div::after {
top: 22px;
left: 0;
height: 10px;
width: 100%;
border-top-left-radius: 0;
border-top-right-radius: 10px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 10px
}
}
.flow-box>div>div.in {
opacity: 1 !important
}
.flow-box>div>div.in::before {
opacity: 0
}
.flow-box>div>div.in::after {
height: 0
}
@media screen and (min-width: 960px) {
.flow-box>div>div.in::after {
height: 5px;
width: 0
}
}
.flow-box>div>div.view::before {
opacity: 1
}
.flow-box>div>div.view::after {
height: 100%
}
@media screen and (min-width: 960px) {
.flow-box>div>div.view::after {
height: 10px;
width: 100%
}
}
.flow-box>div>div:last-of-type::after {
display: none
}
.flow-box picture {
position: relative;
width: 100%;
padding-top: 66.9172%
}
.flow-box picture img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100% !important;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 30%;
object-position: 50% 30%
}
.flow-box p {
margin-top: 0rem;
margin-left: 10px;
}
.flow-box h4 {
font-size: 1.2rem;
margin-top: 0em;
margin-bottom: 0em;
padding: 15px 15px 15px 24px;
border-radius: 5px;
position: relative;
font-weight: bold;
color: #33302A; }
.flow-box h4:before {
position: absolute;
top: 25%;
left: 10px;
width: 6px;
height: 50%;
content: '';
opacity: .2;
border-radius: 3px;
background: #5f7276;
}
.flow-box picture+p {
margin-top: .5rem
}
#flow.inner{
margin: 7.46vw 2.66vw 16vw;
}
.section__info {
width: 80%;
margin: 0 auto;
}
.info__box {
position: relative;
left: 0;
right: 0;
bottom: 0;
overflow: auto;
background: #fff;
display: none;
}
.info__box--text {
flex-basis: 50%;
flex-grow: 1;
}
.info__box--text .icon {
color: #f1d00a;
}
nav.tab-button {
width: 80%;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
height: 70px;
margin-bottom: 80px;
}
#flow label {
width: 100%;
text-align: center;
cursor: pointer;
z-index: 2;
border: 1px solid #21325e;
margin-bottom: 10px;
padding: 16px 0;
box-sizing: border-box;
}
#flow label:last-child {
margin-bottom: 0;
}
#flow label:hover {
background: #ffffff;
border: 1px solid #ffffff;
}
#flow label:before {
display: block;
font-size: 3rem;
line-height: 5rem;
z-index: 2;
}
#tab-01:checked ~ nav.tab-button [for="tab-01"],
#tab-02:checked ~ nav.tab-button [for="tab-02"] {
background: #222222;
border: 1px solid #222222;
color: #fff;
}
#tab-01:checked ~ .uno,
#tab-02:checked ~ .dos {
display: initial;
flex-direction: column;
align-items: center;
gap: 75px;
}
@media (min-width: 960px) {
.section__info,
nav.tab-button {
margin: 0 auto;
flex-direction: row;
justify-content: center;
margin-bottom: 30px;
}
#flow label {
flex: 1;
margin-right: 10px;
margin-bottom: 0;
width: auto;
}
#tab-01:checked ~ .uno,
#tab-02:checked ~ .dos {
align-items: flex-start;
}
}
input {
display: none;
} .pc-none{display:none;}
.wrap{max-width:1120px;padding:0 20px;box-sizing:border-box;margin:0 auto;text-align:left;}
.flex{-js-display:flex;display:-ms-flex;display:-webkit-flex;display:flex;flex-wrap:wrap;}
#advantage{clear:both;background:#f4e9ff;padding:40px 0 0;}
.sec-ttl{font-size:2.4rem;font-weight:bold;color:#333;text-align:center;padding:30px 20px 160px;margin-bottom:50px;}
#advantage .sec-ttl{background:url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/recruit/nurse/nurse-001.png) center bottom no-repeat;}
.read-wrap{align-items:flex-start;justify-content:space-between;margin-bottom:40px;}
.bracket{width:35%;padding:40px 20px;box-sizing:border-box;text-align:center;position:relative;}
h3.bracket{font-size:1.8rem;font-weight:bold;}
.bracket::before,.bracket::after{content:'';width:10px;border:solid 1px #000;position:absolute;top:0;bottom:0;}
.bracket::before{left:0;border-right:none;}
.bracket::after{right:0;border-left:none;}
.read-wrap .txt{width:100%;font-size:1.8rem;}
.bg-bk span{display:block;background:#000;color:#fff;padding:0 15px;margin-bottom:15px;text-align: center;}
#advantage .bg-bk span{color:#fff;}
@media screen and ( max-width: 960px ){
.pc-none{display:block;}
h3.bracket{width:80%;margin:0 auto 20px;padding:10px 20px;}
.read-wrap{flex-direction:column;margin-bottom:20px;}
.read-wrap .txt{width:100%;}
.bg-bk span{display:block;text-align:center;padding:5px;font-size:2rem;}
.h-line{margin-bottom:20px;}
.sec-ttl{margin-bottom:30px;}
}  .compare-box {
display:-webkit-box; display:-ms-flexbox; display:flex;  margin: 0 auto 2rem; border-radius:4px; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); background: #fef9ed; } .compare-box .compare-left-wrap, .compare-box .compare-right-wrap{
width:50%; overflow:hidden; } .compare-box .compare-left-head, .compare-box .compare-right-head{
background: #fdc44f; text-align: center; color: #FFF; font-weight: bold; padding:0em 1em; font-size:1.5em; line-height:1.5; height:65px; display:table-cell; vertical-align:middle; width:1000px; } .compare-box .compare-left-head{
border-radius:4px 0 0 0; } .compare-box .compare-right-head{ } .compare-box .compare-left, .compare-box .compare-right{
padding:1.5em; font-size:15px; line-height:2; text-align: justify; text-justify: inter-ideograph; } .compare-box p {
padding: 0; margin: 0 0 20px 0; } @media screen and (max-width: 480px){ .compare-box .compare-left-head, .compare-box .compare-right-head{
font-size:12px; height:50px; } .compare-box .compare-left, .compare-box .compare-right {
padding: 1.2em; font-size: 12px; }
}  .compare-box .list{
list-style: none !important; padding:0 !important; margin:0 !important; border:none !important; } .compare-box .list li {
border-bottom:1px dashed #cdcdcd; position: relative; margin:0.5em 0 !important; max-width:500px; padding: 0 0 0.7em 1.4em !important; line-height:1.8; list-style-type:none;
} .compare-box .list li:last-child{
border:none;
} .compare-box .list li:before {
background-color:  #ffa952; position: absolute; content: ''; top: 10px; left: 7px; width: 7px; height: 7px; border-radius: 4px; } @media screen and (max-width: 480px){ .compare-box .list li:before {
top: 9px; left: 3px; width:5px; height:5px; }
}  .compare-box .list-number{
counter-reset:number; list-style: none !important; padding:0 !important; margin:0 !important; border:none !important; } .compare-box .list-number li {
position: relative; margin:0.5em 0 !important; max-width:500px; padding: 0 0 0.5em 1.8em !important; line-height:1.8; border-bottom:1px dashed #cdcdcd; } .compare-box .list-number li:last-child{
border:none;
} .compare-box .list-number li:before {
counter-increment: number; content: counter(number); background-color: #fdc44f; color: #fff; position: absolute; font-weight:bold; font-size: 12px; border-radius: 50%; left: 0; top:5px; width: 18px; height: 18px; line-height: 18px; text-align:center; } .compare-box .list-number li:after{
content:'';
} @media screen and (max-width: 480px){ .compare-box .list-number li{
padding: 0 0 0.5em 1.8em !important; } .compare-box .list-number li:before {
font-size:10px; width: 16px; height: 16px; line-height: 16px; top:2px; }
}  .compare-box-separate .compare-left{
background:#f0f9fc !important;
height:100%;
} .compare-box-separate .compare-right{
background:#fff6f2 !important;
height:100%;
} .compare-box-separate .compare-left-head{
background:#6fc7e1 !important;
} .compare-box-separate .compare-right-head{
background:#ffa883 !important;
} .compare-box-separate .compare-left .list li:before {
background:#6fc7e1 !important;
} .compare-box-separate .list-number li:before {
background:#6fc7e1 !important;
} .compare-box-separate .compare-right .list li:before {
background:#ffa883 !important;
} .compare-box-separate .compare-right .list-number li:before {
background:#ffa883 !important;
}
ol.nurse{
counter-reset:list;
list-style-type:none;
padding:0;
}
ol.nurse li{
position:relative;
padding: 0 0 0 20px;
margin: 7px 0 7px 0px;
line-height: 30px;
border-bottom: dashed 1px #35353C;
}
ol.nurse li:before{
counter-increment: list;
content: "";
display: block;
position: absolute;
left: 0px;
height: 10px;
width: 10px;
border-radius: 50%;
background: #35353C;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
h3.ttl-nurse{
font-size: 1.2rem;
margin-top: 0em;
margin-bottom: 0em;
padding: 15px 15px 15px 24px;
border-radius: 5px;
position: relative;
font-weight: bold;
color: #33302A;
background: #fff;
}
h3.ttl-nurse:after {
position: absolute;
top: 25%;
left: 10px;
width: 6px;
height: 50%;
content: '';
opacity: .2;
border-radius: 3px;
background: #5f7276;
}  .orange {
color: #ffb36b;
}
.green {
color: #75c375;
}
.blue {
color: #6bb6ff;
}
.red {
color: #ee7b7b;
}
.silver {
color: silver;
}
.keiko_blue {
background: linear-gradient(transparent 50%, rgba(107, 182, 255, 0.24) 50%);
}
.keiko_yellow {
background: linear-gradient(transparent 50%, rgba(255, 252, 107, 0.69) 50%);
}
.keiko_green {
background: linear-gradient(transparent 50%, rgba(151, 232, 154, 0.69) 50%);
}
.keiko_red {
background: linear-gradient(transparent 50%, rgba(255, 88, 88, 0.24) 50%);
}
.labeltext {
display: inline-block;
background: #333;
margin-right: 5px;
padding: 5px;
color: #fff;
font-size: 0.9em;
font-weight: ;
line-height: 1;
} .small,
#inner-content .small {
font-size: 0.75em;
}
.big,
#inner-content .big {
font-size: 1.3em;
}
.sobig,
#inner-content .sobig {
font-size: 2.3em;
}
.noborder {
border: none;
} .sng-box p {
margin: 0;
padding: 0;
}
.sng-box .say {
margin-bottom: 0;
}
.sng-box .faceicon {
padding-right: 20px;
}
#inner-content .sng-box > *:first-child {
margin-top: 0;
}
.boxx1 {
margin: 2em 0;
padding: 1.5em 1em;
border: solid 1px #000;
font-weight: 500;
display: flex;
flex-direction: column;
padding: 1em;
position: relative;
}
.boxx1::before {
content: '';
width: 22px;
height: 22px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="22" height="22"><path fill="%23393b3e" d="M13.6,4.4l6,6l-13,13L1.2,24c-0.7,0.1-1.3-0.5-1.2-1.2l0.6-5.4C0.6,17.4,13.6,4.4,13.6,4.4z M23.3,3.5l-2.8-2.8c-0.9-0.9-2.3-0.9-3.2,0l-2.7,2.7l6,6l2.7-2.7C24.2,5.8,24.2,4.4,23.3,3.5z"/></svg>');
background-size: contain;
margin-bottom: 8px;
}
.boxx1::after {
content: 'MEMO'; margin-left: 8px; font-weight: bold;
color: #393b3e;
position: absolute; left: 2.5em; letter-spacing: 2px; font-size: 1.3em; top: 0.6em; }
.boxx2 {
margin: 2em 0;
padding: 1.5em 1em;
border: solid 1px #d1d1d1;
background: #fff;
}
.boxx3 {
margin: 2em 0;
padding: 1.5em 1em;
background: #f7f7f8;
color: #2c2c2f;
}  .container-modaal {
position: fixed;
right: 16px;
bottom: 10px;
z-index: 9999999;
margin: auto;
width: fit-content;
height: fit-content;
}
.content-pop {
width: calc(100vw - 30px);
min-width: 290px;
max-width: 290px;
max-height: calc(100vh - 30px);
overflow: auto;
}
.dismiss {
position: absolute;
top: -10px;
right: -10px;
border-radius: 50%;
background-color: #aaaaaa;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M1%2C1%20L15%2C15%20M1%2C15%20L15%2C1%22%20stroke%3D%22rgb(255,255,255)%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E');
background-position: center;
background-size: 40%;
background-repeat: no-repeat;
width: 25px;
height: 25px;
cursor: pointer;
}
.container-modaal {
animation-delay: 0s;
animation-duration: 0.5s;
animation-name: ttr151056-container-animation;
animation-iteration-count: 1;
animation-timing-function: ease;
will-change: opacity, transform;
}
.anker {
display: block;
margin: initial;
border: initial;
background: initial;
padding: initial;
text-align: initial;
text-decoration: none;
letter-spacing: initial;
color: initial;
font: initial;
opacity: initial;
transform: initial;
transition: initial;
}
.anker[href] {
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}
.ttr_anker {
background-color: inherit;
}
.block {
display: block;
background-clip: padding-box;
overflow: hidden;
overflow-y: auto;
overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;
}
.ttr_block {
border: #ffffff solid 0;
background-color: rgba(255, 255, 255, 1);
overflow: visible;
}
.ttr_block::after,
.ttr_block::before {
content: "";
display: table;
}
.button-modaal {
display: block;
overflow: hidden;
padding: 0.618em 1em;
box-sizing: border-box;
overflow-wrap: break-word;
word-wrap: break-word;
text-decoration: none;
user-select: none;
}
.ttr_button {
margin: 13px;
background-color: #a99780;
color: #ffffff;
font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
font-size: 16px;
font-weight:;
text-align: center;
}
.ttr_button {
transform: scale(0.999);
transition: transform 0.2s ease 0s;
will-change: transform;
}
.ttr_button:hover {
transform: scale(0.98);
}
.ttr_button:active {
transform: scale(0.95);
transition-duration: 0.1s;
}
.image-modaal {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 0;
}
.ttr_image {
background-image: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/common/modaal-001.png);
padding-top: 100%;
}
.text {
overflow: hidden;
overflow-wrap: break-word;
word-wrap: break-word;
line-height: 1.414;
}
.ttr_text1 {
margin: 13px;
color: #c7232b;
font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
font-size: 16px;
font-weight: bold;
text-align: center;
}
.ttr_text2 {
margin: 13px;
color: #000000;
font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;;
font-size: 10px;
font-weight: bold;
text-align: center;
}
.ttr_anker > :nth-last-child(2) {
margin-bottom: 0;
}
.ttr_footer {
position: sticky;
position: -webkit-sticky;
bottom: 0;
background-color: inherit;
overflow: hidden;
}
::-webkit-scrollbar {
-webkit-appearance: none;
background-color: rgba(0, 0, 0, 0.08);
width: 3px;
height: 3px;
}
::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.08);
}
.container-modaal.hidden {
display: none;
}
.popup,
.content-pop {
min-width: 365px!important;
   max-width: 365px!important;
}
@keyframes ttr151056-container-animation {
0% {
opacity: 0;
transform: translateY(38.2%);
}
100% {
}
}
@media screen and (max-width: 750px) {
.container-modaal {
position: fixed; bottom: 10px;
z-index: 9999999;
margin: 0 auto; width: fit-content;
height: fit-content;
}
.container-modaal {
right: 0;
left: 0;
bottom: 10px;
}
.content-pop {
width: calc(100vw - 30px);
min-width: 290px;
max-width: 290px;
max-height: calc(100vh - 30px);
overflow: auto;
transform: scale(100%);
}
.container-modaal {
}
.dismiss {
position: absolute;
top: -15px;
right: -15px;
border-radius: 50%;
background-color: #aaaaaa;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M1%2C1%20L15%2C15%20M1%2C15%20L15%2C1%22%20stroke%3D%22rgb(255,255,255)%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E');
background-position: center;
background-size: 40%;
background-repeat: no-repeat;
width: 30px;
height: 30px;
cursor: pointer;
}
.ttr_text1 {
font-size: 16px;
}
.ttr_text2 {
font-size: 13px;
}
}
span#period-1, span#period-2 {
font-weight: bold;
} .overlay-modaal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; }
.container-modaal .clearfix {
display: block;
} input[type="radio"] {
display: none;
}
.inner-clinic{
margin: 0 auto;
padding: 7.46vw 2.66vw 7.46vw;
width: 100%;
max-width: 1200px;
}
.menu-clinic {
position: absolute;
display: flex;
top: 0;
left: 0;
right: 0;
bottom: 0;
justify-content: center;
align-items: center;
}
.tabs {
display: flex;
position: relative;
background-color: #393b3e;
color: #fff;
box-shadow: 0px 3px 16px var(--clr-box-shadow);
padding: 10px;
border-radius: 100px;
}
.tabs > *{
z-index: 2;
}
.tab-clinic {
display: flex;
align-items: center;
justify-content: center;
height: 54px;
width: 200px;
font-weight: 500;
border-radius: 99px;
cursor: pointer;
position: relative; transition: color 0.5s, text-shadow 0.5s, font-size 0.5s;
}
.tab-clinic::after {
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><path d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" fill="white"/></svg>');
margin-left: 5px;
display: inline-block;
vertical-align: middle;
line-height: 0em;
}
input[type="radio"]:checked + label {
text-shadow: 0 0 20px #72727b;
}
.selector {
position: absolute;
display: flex;
height: 54px;
width: calc(33.33% - 6px);
background-color: #72727b;
z-index: 1;
border-radius: 100px;
transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55); flex-wrap: wrap;
}
input[id="tab1"]:checked ~ .selector {
transform: translateX(0);
}
input[id="tab2"]:checked ~ .selector {
transform: translateX(100%);
}
input[id="tab3"]:checked ~ .selector {
transform: translateX(200%);
}
@media screen and (max-width: 960px) {
.selector {
display: flex;
}
.menu-clinic {
display: contents;
}
} .menu-ttl {
position: absolute;
display: inline-block;
margin: 2rem 0 1rem -10px;
padding: 1rem 3rem 1rem 2rem;
color: #fff;
background: #505c7e;
-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
z-index: 10;
font-size: 1.4rem;
}
.menu-ttl:before {
position: absolute;
bottom: -10px;
left: 0;
width: 0;
height: 0;
content: '';
border-top: 10px solid #005276;
border-left: 10px solid transparent;
}
.menu-subttl{
margin: 0 15px 0 0;
}
#about h3{ padding: 30px 0 30px;
font-weight: 600;
line-height: 1.6;
min-height: 135px;
font-size: 95%;
}
#about .first-img{
width: 100%;
height: 50rem;
object-fit: cover;
object-position: top; }
#top .first-img{
width: 98%;
height: 50rem;
object-fit: cover;
object-position: top; margin-top: 5rem;
}
.l-common__lg {
text-align: center;
}
.about_page {
display: none;
position: relative;
margin: 0 auto;
padding: 150px 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.about_page.active {
display: block;
-webkit-animation: tab_content_animation 1.0s cubic-bezier(0.22, 1, 0.36, 1) 0s;
animation: tab_content_animation 1.0s cubic-bezier(0.22, 1, 0.36, 1) 0s;
color: #000;
}
.about_page.show_border {
border: 1px solid #ddd;
padding: 50px 50px;
margin: 0 auto;
background: white;
}
.image_header {
width: 100%;
position: relative;
margin: 0 0 10px 0;
}
.lp_content {
margin: 50px 10px 50px;
}
.lp_content p{
line-height: 2.4;
}
#about .inview {
opacity: 0;
position: relative;
}
#about .inview.animate {
-webkit-animation: inview_slide_up 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 0.4s;
animation: inview_slide_up 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 0.4s;
}
@media screen and (max-width: 960px) {
#about .first-img{
height: 60vh;
}
.about_page.show_border {
border: 1px solid #ddd;
padding: 0px 0px 0;
margin: 0px auto;
}
.about_page.show_border .lp_content .image_header {
width: 100%;
height: 100px;
margin: 0 0 150px 0px;
}
.lp_content {
margin: 35px 0px;
}
#about picture img{
width: 100%; object-fit: cover;
}
} @-webkit-keyframes inview_slide_up{0%{bottom:-50px;}100%{opacity:1;bottom:0;}}
@keyframes inview_slide_up{0%{bottom:-50px;}100%{opacity:1;bottom:0;}} .bg-image.overlay {
position: relative;
}
.bg-image {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
}
.bg-image > .container {
position: relative;
z-index: 1;
}
.bg-image.overlay:after {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
width: 100%;
background-color: rgba(237, 247, 253, 0.7);
}
.column {
flex: 0 0 33.33%; padding: 15px;
box-sizing: border-box;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.ul-check {
margin-bottom: 50px;
font-size: 1.0em;
}
.how-it-work-item h2 {
font-size: 28px;
margin-bottom: 15px;
}
.how-it-work-item .number {
width: 50px;
height: 50px;
border: 4px solid #fff;
background: #505c7e;
color: #fff;
line-height: 44px;
font-weight: 300;
display: inline-block;
text-align: center;
font-size: 20px;
border-radius: 50%;
margin-bottom: 10px;
margin-top: 30px;
}
.how-it-work-item p {
color: ;
font-weight: 600;
}
.ul-check.success li:before {
color: #8bc34a;
}
.ul-check li:before {
margin-right: 5px;
display: inline-block;
vertical-align: middle;
line-height: 0em;
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><path d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" fill=""/></svg>');
}
.text-white {
color: #fff!important;
}
.border-primary:after {
position: absolute;
content: "";
bottom: 0;
width: 80px;
height: 3px;
background: #f16821;
}
.text-primary {
color: #f16821!important;
}
@media screen and (max-width: 960px) {
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.col-lg-4 {
display: contents;
}
} .c-img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
background-color: #eff3f6;
}
.p-first-feature {
display: grid;
grid-template-columns: auto;
}
.p-first-feature__item {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
margin-bottom: 4rem;
}
.p-first-feature__item:last-child {
margin-bottom: 0;
}
.p-first-feature__item {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
margin-bottom: 1rem;
margin-top: 1rem;
align-items: start; }
.p-first-feature__img {
width: 20rem;
height: 13rem;
margin-right: 1rem;
}
.p-first-feature__title {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
margin-bottom: 0rem;
}
.p-first-feature__title-number {
margin-right: 1rem;
}
.c-badge-circle__blue {
display: flex;
justify-content: center;
align-items: center;
background-color: #505c7e;
border-radius: 50%;
z-index: 1;
}
.c-badge-circle__lg {
width: 6rem;
height: 6rem;
}
.c-title__md__01 {
font-size: 1.3rem;
font-weight: 600;
line-height: 1.8;
}
.c-badge-inside__md {
position: relative;
color: #ffffff;
font-size: 1.6rem;
font-family: "jost";
font-weight: 500;
text-transform: uppercase;
}
@media screen and (max-width: 960px){
.p-first-feature__item {
grid-template-columns: auto;
margin-bottom: 3rem;
}
.p-first-feature__img {
width: 100%;
margin: 1rem 0 1rem;
}
}
.about_titel{display:block;margin:0; margin-top: 0px!important;}
section .about-in {
margin: 0 auto;
padding: 7vw 0vw 7vw;
width: 100%;
max-width: 1200px;
position: relative;
z-index: 3;
margin-top: -700px;
margin-bottom: -100px
}
@media screen and (max-width: 960px){
section .about-in {
margin: 0 auto;
padding: 7.46vw 2.66vw 16vw;
width: 100%;
max-width: 1200px;
position: relative;
z-index: 3;
margin-top: -30rem;
margin-bottom: -100px
}
} .tag{
margin: 0rem 0 0rem;
}
.tag-list {
display: flex;
flex-direction: row;
flex-wrap: wrap; }
.c-label {
display: inline-block;
height: -moz-fit-content;
height: fit-content;
padding: 0.7rem 1.1rem;
color: #505c7e;
text-align: center;
border-radius: 5rem;
border: 1px solid #505c7e;
}
.c-text {
font-size: clamp(11px, 1.2rem, 13px);
font-weight: 400;
line-height: 1.4;
}
.tag-item {
display: inline-flex;
margin: 0 0.5rem 0.5rem 0;
} .clinic_navi {
display: none;
}
@media screen and (max-width: 960px){
.clinic_navi {
display: block;
padding: 15px 10px;
background: #f5f6f7;
position: -webkit-sticky;
z-index: 1000;
transition: 0.5s;
position: sticky;
top:59px;
}
.clinic_navi .clinic_navi_ttl {
font-size: 16px;
padding: 4px 0;
font-weight: bold;
color: #4d4d4d;
text-align: center;
position: relative;
}
.clinic_navi .clinic_navi_cont {
display: none;
margin-top: 20px;
width: 100%;
}
.clinic_navi .clinic_navi_cont ul {
display: flex;
align-items: stretch;
flex-wrap: wrap;
background: #fff;
border-left: 1px #eaeaea solid;
border-top: 1px #eaeaea solid;
}
.clinic_navi .clinic_navi_cont ul li {
width: 50%;
border-right: 1px #eaeaea solid;
border-bottom: 1px #eaeaea solid;
}
.clinic_navi .clinic_navi_cont ul a.current {
color: #fff;
background: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/common/chevron-right-solid-on.svg) right 12px center no-repeat #1a1a1a;
}
.clinic_navi .clinic_navi_cont ul li a {
display: flex;
align-items: center;
height: 50px;
padding: 0 20px;
font-size: 13px;
background: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/common/chevron-right-solid.svg) right 12px center no-repeat;
background-size: 6px 10px;
}
.clinic_navi .clinic_navi_ttl:before {
position: absolute;
content: "";
background: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/common/plus-solid.svg) center center no-repeat;
background-size: 26px 26px;
width: 26px;
height: 26px;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
.clinic_navi .clinic_navi_ttl.on:before {
background: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/common/minus-solid.svg) center center no-repeat;
}
.clinic_navi {
opacity: 0;
transform: translateY(-100%);
transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.clinic_navi.show {
opacity: 1;
transform: translateY(0);
}
.clinic_navi .clinic_navi_cont ul a.current {
color: #fff;
background: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/common/chevron-right-solid-on.svg) right 12px center no-repeat #1a1a1a;
background-size: 6px 10px;
}
}
.about_page.active.show_border {
box-sizing: border-box;
padding: 3rem 20px 7rem; margin-bottom: 100px;
}
.col_3 {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.col_3 > div {
box-sizing: border-box;
position: relative;
width: calc(33.33333% - 20px); margin-right: 20px;
margin-bottom: 50px;
text-align: center;
}
.col_3 > div:nth-child(3n) {
margin-right: 0;
}
.col_3 > div > picture {
height: 120px;
width: 120px;
overflow: hidden;
border-radius: 50%;
margin-bottom: 10px; width: 18rem;
height: 18rem;
margin: 0 auto 1rem;
position: relative;
}
.col_3 > div > picture > img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.col_3 h3 {
font-weight: bold;
}
.col_3 > div > span {
position: absolute;
top: 5px; right: 5px; width: 6rem;
height: 6rem;
display: flex;
justify-content: center;
align-items: center;
color: #ffffff;
background-color: var(--clr-strong);
border-radius: 50%;
font-size: 1.5rem;
font-weight: bold;
}
@media screen and (max-width: 960px) {
.col_3 > div {
width: 100%;
margin-right: 0;
}
.col_3 > div:nth-child(3n) {
margin-right: 0;
}
}
.clinic-campaign{
background-image: -webkit-image-set(url(https://www.aletheia-clinic.com/asset/img/common/bg_pattern_repeat_03.jpg) 2x);
background-size: cover;
background-repeat: no-repeat;
background-position: top;
background-color: #1696e7;
} .advantage-gallery{
padding: 0rem 0px 0rem;
} .gallery-3column {
display: flex;
flex-wrap: nowrap;
overflow-x: scroll; -webkit-overflow-scrolling: touch; }
.gallery-3column::-webkit-scrollbar { width: 10px;
}
.gallery-3column::-webkit-scrollbar-track { background: #f1f1f1;
}
.gallery-3column::-webkit-scrollbar-thumb { background: #888;
}
.gallery-3column li {
flex: 0 0 auto;
margin-right: 10px; width: 40%;
margin-bottom: 20px; }
.gallery-3column img {
max-width: 100%;
height: auto;
} @media (max-width: 960px) {
.gallery-3column {
display: block;
text-align: center; overflow-x: hidden;
}
.advantage-gallery .slider li {
margin: 0px auto; margin-bottom: 10px;
display: inline-block; vertical-align: middle; text-align: center; width: 100%;
}
} #top .slick-list{ }
.index_cb_catch h1[data-eng]::after{
opacity: 0.23;
display: block;
text-align: center;
content: attr(data-eng) "";
margin-left: calc(0px - 2.66vw);
margin-right: calc(0px - 2.66vw);
width: calc(100% + 5.33vw);
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
font-size: 6rem;
font-family: 'Jost';
font-weight: 300;
line-height: 1;
background: -webkit-gradient(linear, left top, right top, color-stop(25%, #DEC2E1), color-stop(75%, #BCDEF3));
background: -webkit-linear-gradient(left, #01162b 25%, #BCDEF3 75%);
background: -o-linear-gradient(left, #01162b 25%, #BCDEF3 75%);
background: linear-gradient(to right, #01162b 25%, #BCDEF3 75%);
background-clip: text;
-webkit-background-clip: text;
color: var(--clr-backtransparent);
white-space: nowrap;
}
.slider { width:100%;
margin:0 auto;
}
.slider img {
width:100%; height:auto;
} .slider .slick-slide {
margin:0 10px;
}  .slick-prev,
.slick-next {
position: absolute; top: 45%;
cursor: pointer; outline: none; border-top: 2px solid #ccc; border-right: 2px solid #ccc; height: 15px;
width: 15px;
z-index: 3;
}
.slick-prev { left: 1.5%;
transform: rotate(-135deg);
}
.slick-next { right: 1.5%;
transform: rotate(45deg);
} .slick-dots {
text-align:center;
margin:20px 0 0 0;
}
.slick-dots li {
display:inline-block;
margin:0 5px;
}
.slick-dots button {
color: transparent;
outline: none;
width:8px; height:8px; display:block;
background:#ccc; border-color: unset;
}
.slick-dots .slick-active button{
background:#333; }
@media screen and (max-width: 960px){ .box.list.menu {
display: flex;
overflow-x: auto;
-webkit-overflow-scrolling: touch; gap: 10px; padding: 10px; }
.box.list.menu .item {
flex: 0 0 90%; }
#plan.box.list.menu .item .price .font-oswald {
font-size: 2rem;
}
#plan.box.list.menu .item .pay-txt,
#plan.box.list.menu .item .cost {
text-align: center;
font-weight: 600;
font-size: 1rem;
margin-top: 5px;
}
#plan.box.list.menu .item table {
width: 100%;
margin-top: 10px;
border-collapse: collapse;
}
#plan.box.list.menu .item table th,
#plan.box.list.menu .item table td {
border: 1px solid #ddd;
padding: 8px;
text-align: center;
}
#plan.box.list.menu .item table th {
background-color: #f4f4f4;
} #plan.box.list.menu::-webkit-scrollbar {
display: none;
}
section .box.list .item .stamp {
background: var(--clr-strong);
color: white;
font-size: 3rem;
font-family: 'Jost';
line-height: 5.2rem;
text-align: center;
width: 5.2rem;
height: 5.2rem;
border-radius: 50%;
position: absolute;
top: 10%;
left: -2vw;
z-index: 2;
}
} .s-btn1 a {
display: block;
box-sizing: border-box;
position: relative;
overflow: hidden;
}
.s-btn1 a::before {
content: '';
height: 100%;
width: 30px;
position: absolute;
top: -180px;
left: 0;
background-color: #fff;
opacity: 0;
animation: s-btn1 3s ease-in-out infinite;
display: inline-block;
}
.s-btn1 a:hover {color:black!important;border:var(--clr-cv) 1px solid;background:#A99780 url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/common/icon_ya_black.png) no-repeat center bottom 28px;background-size:55px 8px;color:var(--clr-cv);}
@-webkit-keyframes s-btn1 {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
} .effect-slide {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.3s ease, transform 0.3s ease;
} .effect-slide.effect-active {
opacity: 1;
transform: translateY(0);
} a.btn-c {
transition: transform 0.3s; transform-origin: center; }
a.btn-c:hover {
transform: scale(1.1); color: #fff;
} .cta-btn {
text-align: center;
padding: 70px 0 80px;
background-color: #f4f2f0;
}
.cta-btn h2 {
font-size: 1.3rem;
color: #333;
margin-bottom: 1.5rem;
}
.cta-copy:before {
margin-right: 1rem;
content: '＼';
}
.cta-copy:after {
margin-left: 1rem;
content: '／';
}
.cta-btn-001 {
width: 450px;
height:100px;
text-align: center;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.06em;
line-height: 1.8;
margin: 0 auto;
padding: 27px 0 50px;
display: block;
box-sizing: border-box;
color: #FFF;
border-radius: 100px;
transition: all 0.4s ease-in-out;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
background:
url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/common/icon_ya_black.png) no-repeat center 75%,
linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
background-size: calc(100vw / (1200 / 36)) auto,200% 100%;
transition: background-position 0.4s ease-in-out;
}
.cta-btn-001:hover {
background-position: center 75%, 100% 0;
background:
url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/common/icon_ya_black.png) no-repeat center 75%,
}
.cta-btn-001:focus {
outline: none;
}
@media (max-width: 960px){
.cta-btn h2 {
font-size: calc(100vw / (768 / 28));
color: #333;
margin-bottom: 1.5rem;
}
.cta-btn-001 {
width: calc(100vw / (768 / 680));
height: calc(100vw / (768 / 150));
text-align: center;
font-size: calc(100vw / (768 / 28));
font-weight: 500;
letter-spacing: 0.06em;
line-height: 1.8;
margin: 0 auto;
padding: calc(100vw / (768 / 37)) 0 calc(100vw / (768 / 53));
display: block;
box-sizing: border-box;
color: #FFF;
border-radius: 50px;
transition: all 0.4s ease-in-out;
background:
url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/common/icon_ya_black.png) no-repeat center 75%,
linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
background-size: calc(100vw / (768 / 55)) auto, 200% 100%;
transition: background-position 0.4s ease-in-out;
}
}
.color-9 {
background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
} .s-btn a {
display: block;
box-sizing: border-box;
position: relative;
overflow: hidden;
}
.s-btn a::before {
content: '';
height: 100%;
width: 30px;
position: absolute;
top: -180px;
left: 0;
background-color: #fff;
opacity: 0;
animation: s-btn1 3s ease-in-out infinite;
display: inline-block;
}
@-webkit-keyframes s-btn {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
} a.btn-c {
transition: transform 0.3s; transform-origin: center; }
a.btn-c:hover {
transform: scale(1.1); color: #fff;
} .clinic {
width: 100%;
margin: 0 auto;
}
.clinic h3 {
position: relative;
margin: 0 auto;
font-size: 1.3em;
text-align: left;
color: white;
background: var(--clr-text);
padding: 1.5em 3rem;
border-bottom: 1px solid white; }
.clinic > h3.active::after {
content: "";
background: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/minus-solid.svg) center / contain no-repeat !important;
position: absolute;
width: 1em;
height: 50%;
right: 1rem;
top: 50%;
transform: translateY(-50%);
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}
.clinic > h3::after {
content: "";
position: absolute;
border-radius: 50%;
display: flex;
background: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/plus-solid.svg) center / contain no-repeat;
width: 1em;
height: 50%;
right: 1rem;
top: 50%;
transform: translateY(-50%);
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}
.clinic-a {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease, padding 0.5s ease;
}
.clinic-a.open {
max-height: 1000px; margin: 1rem 0;
}
@media screen and (max-width: 960px) {
.clinic {
width: 100vw; margin-left: calc(-50vw + 50%); }
.clinic h3 {
width: 100vw;
padding: 1.0em 1rem; box-sizing: border-box; }
.clinic-a.open {
position: relative;
margin: 10px auto;
width: 95%;
}
} #footer-clinic_list {
background: #F4F2F0;
padding: 60px 0;
margin: 0;
posiiton: relative;
}
.clinic {
width: 100%;
margin: 0 auto;
}
.clinic li {
position: relative;
margin: 0 auto;
font-size: 1.3em;
text-align: left;
color: white;
background: var(--clr-text);
padding: 1.1em 3rem;
border-bottom: 1px solid white; }
.clinic li a {
display: block;
width: 100%;
height: 100%;
color: inherit; text-decoration: none;
}
.clinic > li.active::after {
font-family: 'design_plus';
content: '\e910';
position: absolute;
width: 1em;
right: 1rem;
top: 50%;
transform: translateY(-50%);
}
.clinic > li::after {
font-family: 'design_plus';
content: '\e910';
position: absolute;
border-radius: 50%;
display: flex;
width: 1em;
right: 1rem;
top: 50%;
transform: translateY(-50%);
}
.access-info {
display: block;
font-size: 0.7em;
color: #fff;
font-weight: lighter;
}
.clinic a {
font-size: 1.0em;
color: white;
}
@media screen and (max-width: 960px) {
.clinic {
width: 100vw; margin-left: calc(-50vw + 50%); }
.clinic li {
width: 100vw;
padding: 1.0em 1rem; box-sizing: border-box; }
}  .news {
background-color: #f9f9f9;
padding: 0px 0;
color: #35353c;
} .sub_ttl {
font-size: 36px;
text-align: center;
margin-bottom: 30px;
color: #333;
} .news_list {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.news_list_item {
padding: 20px 0;
border-bottom: 1px dashed #ccc; position: relative;
overflow: visible; } .news_list_item a {
display: flex;
align-items: center;
justify-content: space-between;
color: inherit;
text-decoration: none;
} .news_list_date {
display: flex;
align-items: center;
min-width: 180px; }
.news_list_date time {
font-size: 14px;
color: #888;
margin-right: 10px;
} .news_item {
font-size: 14px;
background-color: #35353c;
color: #fff!important; padding: 2px 8px;
border-radius: 4px;
width: 100px; text-align: center; } .news_list_item p {
flex-grow: 1;
font-size: 0.9em;
line-height: 1.6;
color: #35353c; margin: 0 16px 0 0px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news_list_item a:hover {
color: #ff6b6b; } .news_list_item .arrow {
width: 8px;
height: 8px;
border-top: 2px solid #35353c;
border-right: 2px solid #35353c;
transform: rotate(45deg);
transition: border-color 0.3s ease;
position: absolute;
right: 0px; }
.news_list_item:hover .arrow {
border-color: #ff6b6b;
} .news_list_item:last-child {
border-bottom: none;
}  .image-gallery {
display: flex;
overflow-x: auto;
gap: 10px; padding: 10px; scrollbar-width: thin; scrollbar-color: #007BFF #F0F0F0; }
.image-gallery img {
max-width: 100%;
height: auto;
flex-shrink: 0; border-radius: 8px; } @media (min-width: 768px) {
.image-gallery {
overflow-x: visible;
justify-content: center; }
.image-gallery img {
max-width: calc(33.33% - 10px); }
} .image-gallery::-webkit-scrollbar {
height: 8px; }
.image-gallery::-webkit-scrollbar-thumb {
background-color: #007BFF; border-radius: 4px; }
.image-gallery::-webkit-scrollbar-track {
background-color: #F0F0F0; } .image-gallery {
overflow-y: hidden; overflow-x: scroll;
} .price-info {
border: 1px solid #e8e3e6;
border-radius: 6px;
border-spacing: 12px 10px;
margin: 20px auto;
max-width: 680px;
}
.price-info-row {
align-items: stretch;
display: flex;
gap: 12px;
padding: 10px;
}
.price-info-head {
align-items: center;
border-right: 1px solid #e8e3e6;
color: #7b6f74;
display: flex;
flex: 0 0 74px;
font-size: 16px;
font-weight: 600;
letter-spacing: .24px;
line-height: 140%;
white-space: nowrap;
}
.price-info-body {
display: flex;
flex-grow: 1;
flex-wrap: wrap;
gap: 4px;
}
.price-info-tag {
align-items: center;
background:;
border-radius: 2px;
color: #7b6f74;
display: inline-flex;
font-size: 24px;
font-weight: 600;
justify-content: center;
letter-spacing: .24px;
line-height: 110%;
padding: 5px 10px;
} #top {
height: 800px;
position: relative;
overflow: hidden;
z-index: 100;
}
#top .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; background-image: url(//seishinbiyou-clinic.com/wordpress/wp-content/themes/clinic/img/top/mv_film.png);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
z-index: -1;
}
#index_campaign_mv {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.background-wrapper {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1; }
.background-image {
width: 100%;
height: 100%;
}
#top.bg_animation_type2 .background-image:not(.up) {
transform: scale(1.2);
}
#top.bg_animation_type2.animate .background-image:not(.up) {
-webkit-animation: zoom_in 1.4s cubic-bezier(0.075, 0.82, 0.165, 1) forwards 0s;
animation: zoom_in 1.4s cubic-bezier(0.075, 0.82, 0.165, 1) forwards 0s;
}
@-webkit-keyframes zoom_in {
0% { transform: scale(1.2); }
100% { transform: scale(1.0); }
}
@keyframes zoom_in {
0% { transform: scale(1.2); }
100% { transform: scale(1.0); }
}
.index_cb_catch {
opacity: 0;
animation: fadeIn 1s forwards 0.5s; }
.index_cb_catch .desc {
opacity: 0;
transform: translateY(100%); animation: slideUp 1s forwards 1.5s; }
#index_campaign_slider_area {
opacity: 0;
animation: fadeIn 1s forwards 0.5s; z-index: 10;
}
@keyframes fadeIn {
to {
opacity: 1;
}
}
@keyframes slideUp {
from {
opacity: 0;
transform: translateY(100%); }
to {
opacity: 1;
transform: translateY(0); }
} .slick-track,
.slick-slide,
.slick-slide img {
position: relative;
z-index: 30 !important;
} .slick-prev,
.slick-next {
z-index: 40 !important;
} .card-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
max-width: 1200px;
margin: 0 auto;
}
.cardd {
width: 380px;
height: 200px;
position: relative;
}
.cardd .contentd {
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.6);
backdrop-filter: blur(20px);
border: 1px solid #ddd;
color: #333;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
transition: all 0.4s;
padding: 20px;
text-align: center;
border-radius: 0px;
}
.cardd h2 {
font-size: 1.1em;
margin-bottom: 10px;
}
.cardd p {
font-size: 0.9em;
line-height: 1.4;
}
.cardd::before,
.cardd::after {
content: '';
position: absolute;
width: 100%;
height: 50%;
z-index: -1;
transition: all 0.4s;
border-radius: 0;
}
.cardd::before {
top: 0;
right: 0;
}
.cardd::after {
bottom: 0;
left: 0;
}
.cardd:hover::before {
width: 50px;
height: 50px;
transform: translate(20px, -20px);
border-radius: 50%;
background: linear-gradient(to bottom, #c3e6ec, #a7d1d9);
}
.cardd:hover::after {
width: 100px;
height: 100px;
transform: translate(-20px, 20px);
border-radius: 50%;
background: linear-gradient(to bottom, #c3e6ec, #a7d1d9);
}
@media screen and (max-width: 768px) {
.cardd {
width: 90%;
}
} .card-grid {
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
}
@media (min-width: 768px) {
.card-grid {
grid-template-columns: repeat(3, 1fr);
}
}
.card-menu {
background-color: #fff; overflow: hidden;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
height: 100%;
}
.card-menu img {
width: 100%;
height: 200px;
object-fit: cover;
}
.card-content {
padding: 1.5rem;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.card-content h2 {
font-size: 1.25rem;
color: #1a1a1a;
margin-bottom: 0.5rem;
}
.card-content p {
color: #444;
margin-bottom: 1rem;
flex-grow: 1;
}
.tags {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.tag-m {
font-size: 0.85rem;
padding: 0.3rem 0.8rem;
border-radius: 9999px;
font-weight: bold;
white-space: nowrap;
}
.purple { background: #ede9fe; color: #6b21a8; }
.yellow { background: #fef9c3; color: #92400e; }
.pink   { background: #fce7f3; color: #9d174d; }
.green  { background: #dcfce7; color: #166534; }
.indigo { background: #e0e7ff; color: #3730a3; }
.gray   { background: #e5e7eb; color: #1f2937; } div.article-content h3 {
margin-bottom: 0;
padding: 36px 0 35px 0px;
text-align: center;
line-height: 1.4;
font-size: 24px;
position: relative;
display: block;
}
@media screen and (min-width: 960px) {
div.article-content h3 {
margin-bottom: 0;
padding: 36px 0 35px 80px;
text-align: left;
line-height: 1.4;
font-size: 24px;
position: relative;
display: block;
}
div.article-content h3::before {
content: '';
position: absolute;
z-index: 2;
top: calc(50% - 1px);
left: 0;
width: 60px;
height: 1px;
background: var(--clr-text);
}
}
.about-section {
position: relative; background: linear-gradient(135deg,
rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 0.8) 40%, rgba(225, 225, 225, 0.6) 80%, rgba(255, 255, 255, 1) 100% );
}
.about-section .inner {
max-width: 1200px;
margin: 0 auto; }
.about-section .about {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
flex-wrap: wrap;
flex-direction: row;
} .about-section .image-column {
flex: 1 1 45%;
min-width: 280px;
order: 1; position: relative;
}
.about-section .content-column {
flex: 1 1 50%;
min-width: 300px;
order: 2; position: relative;
margin-bottom: 0px;
}
.about-section .content-column .inner-column {
position: relative;
padding-left: 30px;
} .about-section .image-column .inner-column {
position: relative;
padding-left: 0; padding-bottom: 0; width: 100%; }
.about-section .image-column .inner-column::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%; aspect-ratio: 1 / 1; border-radius: 50%;
background: radial-gradient(
circle at center,
rgba(240, 245, 255, 0.95) 0%, rgba(245, 250, 255, 0.85) 40%, rgba(255, 255, 255, 0) 100% );
box-shadow: 0 0 60px rgba(210, 225, 255, 0.3); z-index: -1; } .about-section .image-column .image img {
width: 100%; max-width: 100%; height: auto;
border-radius: 8px; display: block;
margin: 0 auto;
z-index: 10;
} .sec-title {
margin-bottom: 45px;
position: relative;
z-index: 1;
}
.sec-title .title {
display: block;
font-size: 18px;
line-height: 24px;
color: #ff2222;
font-weight: 500;
margin-bottom: 15px;
letter-spacing: 3px;
}
.sec-title h2 {
font-size: 40px;
line-height: 1.28em;
color: #222222;
font-weight: 600;
padding-bottom: 18px;
position: relative;
text-align: left;
}
.sec-title h2::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 50px;
height: 3px;
background-color: #d1d2d6;
} .about-section .text {
margin-bottom: 40px;
font-size: 16px;
line-height: 2; font-weight: 400;
} .list-style-one {
margin-bottom: 45px;
}
.list-style-one li {
font-size: 16px;
line-height: 2; font-weight: 400;
padding-left: 35px;
margin-bottom: 12px;
position: relative;
}
.list-style-one li::before {
content: "\f058";
font-family: "Font Awesome 5 Free";
font-weight: 600;
position: absolute;
left: 0;
top: 0;
font-size: 18px;
color: #ff2222;
} .list-style-one li a:hover {
color: #44bce2;
} @media (max-width: 960px) {
.sec-title .title {
text-align: center;
}
.sec-title h2 {
text-align: center;
}
.sec-title h2::before {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 50px;
height: 3px;
background-color: #d1d2d6;
transform: translateX(-50%);
}
.about-section .about {
flex-direction: column;
}
.about-section .image-column,
.about-section .content-column {
flex: 1 1 100%;
min-width: auto;
order: initial; }
.about-section .image-column .inner-column::before {
width: 350px;
height: 350px;  }
.about-section .image-column .image-2 {
position: relative;
width: 100%;
margin-top: 20px;
left: auto;
bottom: auto;
z-index: 2;
}
.about-section .image-column .inner-column {
padding-left: 0;
padding-bottom: 40px;
}
.about-section .content-column .inner-column {
padding-left: 0;
}
} .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;
} #toc_container {
background: #f9f9f9;
border: 1px solid #aaa;
padding: 10px;
margin: 2em 0;
width: auto;
display: table;
font-size: 95%;
width: 100% !important;
} .job-inner{
margin: 0 auto;
padding: 2.46vw 2.66vw 2.46vw;
width: 100%;
max-width: 1200px;
position: relative;
z-index: 2;
}
.job{
background: #f6f8f9;
} .job-card {
max-width: 1200px;
background: #fff;  color: #333;
} .job-header {
border-bottom: 2px solid #eee;
margin-bottom: 1.5rem;
padding-bottom: 1rem;
}
.job-card h1 {
font-size: 1.4rem;
font-weight: bold;
margin-bottom: 0.5rem;
text-align: left;
}
.job-section h2 {
font-size: 1.4rem;
font-weight: bold;
margin-bottom: 0.5rem;
text-align: left;
}
.job-company {
font-size: 1rem;
margin-bottom: 1rem;
} .job-summary {
list-style: none;
padding: 0;
margin: 0 0 1rem 0;
}
.job-summary-item {
display: flex;
align-items: center; }
.job-summary-label {
font-weight: bold;
color: #0073aa;
min-width: 8em; display: flex;
align-items: center;
gap: 0.4em; }
.job-summary-label i {
color: #0073aa; }
.job-summary-text {
margin-left: 0.5rem;
} .job-tags {
display: flex;
flex-wrap: wrap;
gap: 0.3rem;
list-style: none;
padding: 0;
margin: 0;
}
.job-tags li {
background: #f0f4f8;
color: #0073aa;
font-size: 0.75rem;
padding: 4px 8px 3px; } .job-section {
margin: 2rem 0;  background: #fff;  }
.job-section-title {
color: #0267AD;
font-size: 1.8rem;
font-weight: bold;
text-align: left;
}
.job-text {
font-size: 14px;
margin-top: 15px;
font-weight: 500;
line-height: 1.7;
} .job-map {
margin-top: 1rem;
}
.job-map img {
max-width: 100%;
border-radius: 8px;
border: 1px solid #ddd;
}
@media screen and (min-width: 960px) {
.job-text {
font-size: 16px;
margin-top: 15px;
font-weight: 500;
}
}
.job-section strong {
color: #333;
} .job-header-slider {
width: 100%;
margin: 0 auto;
}
.job-header-slider .swiper-slide {
position: relative;
width: 100%;
aspect-ratio: 680 / 390; overflow: hidden;
}
.job-header-slider .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover; display: block;
} .swiper-button-next, .swiper-button-prev {
color: #fff;
}
.swiper-pagination-bullet {
background: #fff;
opacity: 0.7;
}
.swiper-pagination-bullet-active {
opacity: 1;
} .career-detail-data th {
width: 25%;
text-align: left; vertical-align: top; }
.career-detail-data td {
width: 75%;
text-align: left;
} .job_cb_button {
text-align: center;
margin-top: 50px;
}
.job_cb_button a:hover {
background: #f45963;
color: #fff;
}
.job_cb_button a {
display: inline-block;
min-width: 240px;
height: 60px;
line-height: 60px;
padding: 0 20px;
background: #222222;
color: #fff;
font-size: 16px;
margin-top: 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} .gallery-modal {
display: none; position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(252,250,244,0.95);
justify-content: center;
align-items: center;
overflow: auto;
} .modal-viewport {
position: relative;
display: flex;
justify-content: center;
align-items: center;
} .modal-gallery-content {
position: relative;
display: inline-block;
max-width: 60%;
} .modal-close {
position: absolute;
top: 8px;
right: 8px;
background: rgba(255,255,255,0.9);
border-radius: 50%;
width: 32px;
height: 32px;
display: flex; justify-content: center;
align-items: center;
cursor: pointer;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
z-index: 10002;
}
.modal-close i {
font-size: 18px; color: #333; line-height: 1; } .modal-image-wrapper {
position: relative;
display: inline-block; } .modal-image-wrapper .modal-image {
max-width: 100%;
height: auto;
display: block;
object-fit: contain;
} .modal-image-wrapper .prev,
.modal-image-wrapper .next {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 40px;
color: #333;
cursor: pointer;
user-select: none;
border-radius: 50%;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
z-index: 10001;
} .modal-image-wrapper .prev { left: -60px; }
.modal-image-wrapper .next { right: -60px; } .modal-caption {
text-align: left;
color: #333;
font-size: 16px;
line-height: 1.7;
width: 100%;
margin-top: 5px;
} .job-gallery .gallery-boxes {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-top: 16px;
justify-content: flex-start; }
.job-gallery .gallery-item {
flex: 0 0 calc(33.333% - 16px); box-sizing: border-box;
overflow: hidden;
cursor: pointer;
}
.job-gallery .gallery-item img {
width: 100%;
height: auto;
display: block;
} @media screen and (max-width: 960px) {
.job-gallery .gallery-item { flex: 1 1 100%; }
.modal-gallery-content { max-width: 80%; }
.modal-image-wrapper .prev { left: -40px; }
.modal-image-wrapper .next { right: -40px; }
.modal-image-wrapper .prev,
.modal-image-wrapper .next {
width: 40px;
height: 40px;
font-size: 32px;
}
.modal-caption {
font-size: 14px;
}
} .job-list {
display: grid;
grid-template-columns: repeat(3, 1fr); gap: 24px;
justify-content: start; margin: 40px 0;
} .job-card-list {
background: #fff;
border: 1px solid #eee; padding: 20px;
box-shadow: 0 2px 6px rgba(0,0,0,0.05);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.job-card-list:hover {
transform: translateY(-4px);
box-shadow: 0 6px 12px rgba(0,0,0,0.1);
} .job-card-list .job-title {
font-size: 20px;
margin-bottom: 6px;
color: #333;
text-align: left;
}
.job-card-list .job-company {
font-size: 14px;
color: #777;
margin-bottom: 12px;
} .job-card-list .job-summary {
list-style: none;
padding: 0;
margin: 0 0 12px 0;
}
.job-card-list .job-summary-item {
font-size: 14px;
color: #555;
margin-bottom: 6px;
}
.job-card-list .job-summary-label {
font-weight: bold;
margin-right: 6px;
} .job-card-list .job-tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
list-style: none;
padding: 0;
margin: 0;
} @media (max-width: 768px) {
.job-list {
grid-template-columns: 1fr; }
} .job-list-section {
background-color: #f9f9f9; padding: 40px 20px; } .job-search-form {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin-bottom: 30px; padding: 10px 0; } .job-search-form label {
font-weight: 600;
margin-right: 5px;
color: #333;
min-width: 80px;
} .job-search-form select {
padding: 10px 12px;
border: 1px solid #ccc;
background-color: #fff;
font-size: 16px;
flex: 1; border-radius: 0; height: 44px; box-sizing: border-box;
} .job-search-form select:focus {
border-color: #0073e6;
outline: none;
} .job-search-form button[type="submit"] {
padding: 0 20px; width: 100px;
background-color: #0073aa;
color: #fff;
font-weight: 600;
border: none;
cursor: pointer;
border-radius: 0;
height: 44px; line-height: 44px; transition: background-color 0.3s;
}
.job-search-form button[type="submit"]:hover {
background-color: #005bb5;
} @media (max-width: 600px) {
.job-search-form {
flex-direction: column;
align-items: stretch;
}
.job-search-form label {
min-width: auto;
margin-bottom: 5px;
}
.job-search-form select,
.job-search-form button[type="submit"] {
width: 100%;
}
} .job-voices-section {
padding: 0px 0;
background: #fff;
}
.job-voices-section .title-bracket { margin-bottom: 24px; } .voices-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
align-items: start;
} .voice-card {
background: #fafafa;
border: 1px solid #eee;
padding: 16px;
display: flex;
gap: 12px;
box-shadow: 0 2px 6px rgba(0,0,0,0.03);
transition: transform .18s ease, box-shadow .18s ease; cursor: pointer;
}
.voice-card:hover {
transform: translateY(-6px);
box-shadow: 0 8px 18px rgba(0,0,0,0.08);
} .voice-thumb {
flex: 0 0 100px;
width: 100px;
height: 100px; overflow: hidden;
background: #eee;
}
.voice-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .voice-body {
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: center;
}
.voice-name {
font-weight: 700;
margin: 0 0 6px 0;
color: #222;
font-size: 15px;
}
.voice-role {
font-weight: 400;
font-size: 13px;
color: #777;
margin-left: 8px;
}
.voice-quote {
margin: 0;
color: #444;
font-size: 14px;
line-height: 1.6;
display: -webkit-box;
-webkit-line-clamp: 3; -webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
max-height: 4.8em; } .voices-cta {
margin-top: 18px;
text-align: center;
}
.voices-cta .btn {
display: inline-block;
background: #333;
color: #fff;
padding: 10px 20px;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
}
.voices-cta .btn:hover { opacity: .95; } @media (max-width: 960px) {
.voices-grid { grid-template-columns: 1fr; }
.voice-card { padding: 12px; gap: 10px; }
.voice-thumb { width: 100px; height: 100px; }
.voice-name { font-size: 14px; }
.voice-quote { font-size: 14px; }
} .voice-modal {
display: none;
position: fixed;
z-index: 999;
left: 0; top: 0;
width: 100%; height: 100%;
background: rgba(0,0,0,0.6);
justify-content: center;
align-items: center;
}
.voice-modal-content {
background: #fff;
padding: 38px; */ */ width: 90%;
max-width: 600px;
overflow-y: auto; position: relative;
} @media screen and (max-width: 960px) {
.voice-modal-content {
width: 90%; }
}
.voice-modal-close {
position: absolute;
top: 10px; right: 15px;
font-size: 24px;
cursor: pointer;
} #voiceModalText {
white-space: normal;
overflow: visible;
text-overflow: initial;
-webkit-line-clamp: unset;
-webkit-box-orient: unset;
max-height: none;
line-height: 1.8;
font-size: 15px;
color: #222;
} .job-info{
margin: 2rem 0;
}
.job-info-data {
width: 100%;
margin: 0 auto;
border-collapse: separate;
border-spacing: 2px;
background: #fff;
}
.job-info-data th {
color: #fff; font-weight: 500;
background: var(--clr-menu-table-th);
width: 260px;
padding: 18px 15px 18px 40px;
text-align: left;
box-sizing: border-box;
border: none;
}
.job-info-data td { font-weight: 500;
background: #F4F4F4;
text-align: left;
line-height: 1.5;
letter-spacing: .03em;
padding: 18px 15px 18px 40px;
border: none;
}
@media screen and (max-width: 959px) {
.job-info-data th {
color: #fff; font-weight: 500;
background: #35353c;
padding: calc(100vw / (750 / 14)) 0 calc(100vw / (750 / 14)) calc(100vw / (750 / 32));
border: none;
}
.job-info-data td { font-weight: 500;
background: #F4F4F4;
text-align: left;
line-height: 1.5;
letter-spacing: .03em;
padding: calc(100vw / (750 / 40)) calc(100vw / (750 / 32));
border: none;
}
.job-info-data th, .job-info-data td {
display: block;
width: 100%;
box-sizing: border-box;
text-align: left;
}
.job-info tr{
border-bottom: 1px solid #333;
}
}
.well2{
font-size: 16px;
}
@media screen and (max-width: 959px) {
.well2{
font-size: 14px;
}
}
.related-link{
font-size: 16px;
}
.related-link a {
color: #e1306c; text-decoration: none; font-weight: bold; }
.related-link a:hover {
color: #c13584; text-decoration: underline; }
@media screen and (max-width: 959px) {
.related-link {
font-size: 14px;
}
}
.voice-note {
margin-top: 1.5em; margin-bottom: 1.5em; text-align: left; }
.voice-note .small {
font-size: 0.85em;
color: #666; }