@charset "utf-8";

/* ----------------------------------------------
 ! archive
 ---------------------------------------------- */


#sec-archive-txt { padding:0 6.67vw 13.33vw; }
#sec-archive-txt p { line-height:1.8; font-size:3.73vw; }

@media screen and (min-width:769px){
#sec-archive-txt { padding:0 0 5.8vw; }
#sec-archive-txt p { font-size:1.16vw; }
}
@media screen and (min-width:1381px){
#sec-archive-txt { padding:0 0 80px; }
#sec-archive-txt p { font-size:16px; }
}



.blog-archive-ul { padding:0 6.67vw; }
.blog-archive-ul li { border-bottom:1px #D9EBF0 solid; margin:0 0 6.41vw; padding:7.69vw 0 6.41vw; list-style:none; position:relative; }
.blog-archive-ul dl { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:start; }
.blog-archive-ul dt { width:28.2vw; }
.blog-archive-ul dt a { display:block; }
.blog-archive-ul dt img { width:100%; height:auto; }

@media screen and (min-width:769px){
.blog-archive-ul { padding:0; }
.blog-archive-ul li { margin:0 0 2.17vw; padding:0 0 2.17vw; }
.blog-archive-ul dl {}
.blog-archive-ul dt { width:11.6vw; }
.blog-archive-ul dt a {}
.blog-archive-ul dt a:hover { opacity:0.7; transition: all 1s; }
.blog-archive-ul dt img {}
}
@media screen and (min-width:1381px){
.blog-archive-ul {}
.blog-archive-ul li { margin:0 0 30px; padding:0 0 30px; }
.blog-archive-ul dl { width:800px; margin:0 auto; }
.blog-archive-ul dt { width:160px; }
.blog-archive-ul dt a {}
.blog-archive-ul dt img {}
}



.blog-archive-ul dd { width:52.56vw; }
.blog-archive-time { display:block; padding:0 0 2.82vw; font-size:2.82vw; color:#cc4e0a; }
.blog-archive-tit { padding:0 0 3.85vw; }
.blog-archive-tit a { line-height:1.5; font-size:3.59vw; color:#262525; font-weight:500; text-decoration:none; }
.blog-archive-excerpt { line-height:1.6; font-size:3.07vw; }
.blog-archive-excerpt a { color:#cc4e0a; }
.blog-archive-cat { position:absolute; top:0; right:0; }
.blog-archive-cat a { display:block; height:4.1vw; line-height:4.1vw; background:#E96F2E; text-align:center; padding:0 4.1vw; font-size:2.56vw; color:#fff; text-shadow:0 1px 2px rgba(0, 0, 0, 0.9); text-decoration:none; }

@media screen and (min-width:769px){
.blog-archive-ul dd { width:calc(100% - 13.04vw); }
.blog-archive-time { padding:0 0 1vw; font-size:0.8vw; }
.blog-archive-tit { padding:0 0 1vw; }
.blog-archive-tit a { font-size:1.16vw; }
.blog-archive-tit a:hover { text-decoration:underline; }
.blog-archive-excerpt { font-size:0.87vw; }
.blog-archive-excerpt a:hover { opacity:0.7; transition: all 1s; }
.blog-archive-cat {}
.blog-archive-cat a { height:1.16vw; line-height:1.16vw; padding:0 1.3vw; font-size:0.87vw; }
.blog-archive-cat a:hover { opacity:0.7; transition: all 1s; }
}
@media screen and (min-width:1381px){
.blog-archive-ul dd { width:calc(100% - 180px); }
.blog-archive-time { padding:0 0 15px; font-size:11px; }
.blog-archive-tit { padding:0 0 15px; }
.blog-archive-tit a { font-size:16px; }
.blog-archive-excerpt { font-size:12px; }
.blog-archive-cat {}
.blog-archive-cat a { height:16px; line-height:16px; padding:0 18px; font-size:12px; }
}




/* ----------------------------------------------
 ! single
 ---------------------------------------------- */

#single-content { position:relative; z-index:1; }
#single-content .wp-block-image { margin:0 3.85vw; padding:0 0 10.25vw; }
#single-content .wp-block-image img { max-width:100%; height:auto; }
#single-content p { line-height:1.8; margin:0 3.85vw; padding:0 0 10.25vw; font-size:3.85vw; font-weight:400; }
#single-content p:not(:last-of-type) {}
#single-content .btn-detail { margin:0 auto; }

@media screen and (min-width:769px){
#single-content {}
#single-content .wp-block-image { text-align:center; margin:0 auto; padding:0 0 2.9vw; }
#single-content p { margin:0; padding:0 0 2.9vw; font-size:1.09vw; }
#single-content p:not(:last-of-type) {}
}
@media screen and (min-width:1381px){
#single-content {}
#single-content .wp-block-image { padding:0 0 40px; }
#single-content p { padding:0 0 40px; font-size:15px; }
#single-content p:not(:last-of-type) {}
}




#single-mainview { padding:0 3.85vw 7.69vw; }
#single-mainview img { width:100%; height:auto; }
#single-time-cat-wrap { position:relative; }
#archive-single-time { display:block; padding:0 3.85vw 4.1vw; font-size:3.85vw; color:#cc4e0a; }
#archive-single-cat { position:absolute; top:0; right:3.85vw; }
#archive-single-cat a { display:block; background:#E96F2E; padding:1.03vw 4.1vw; font-size:3.07vw; color:#fff; text-shadow:0 1px 2px rgba(0, 0, 0, 0.9); text-decoration:none; }
#single-content-tit { line-height:1.3; padding:0 3.85vw 5.13vw; font-size:5.13vw; font-weight:400; }
#single-content .author { width:auto !important; text-align:right; margin:0 3.85vw 5.13vw; font-size:3.07vw; }

@media screen and (min-width:769px){
#single-mainview { padding:0 0 2.17vw; }
#single-time-cat-wrap {}
#archive-single-time { padding:0 0 1.45vw; font-size:1.01vw; }
#archive-single-cat { top:0; right:0; }
#archive-single-cat a { padding:0.29vw 1.45vw; font-size:0.87vw; }
#single-content-tit { padding:0 0 2.17vw; font-size:1.74vw; }
#single-content .author { margin:0 0 2.17vw; font-size:0.87vw; }
}
@media screen and (min-width:1381px){
#single-mainview { padding:0 0 30px; }
#single-time-cat-wrap {}
#archive-single-time { padding:0 0 30px; font-size:14px; }
#archive-single-cat {}
#archive-single-cat a { padding:4px 20px; font-size:12px; }
#single-content-tit { padding:0 0 40px; font-size:24px; }
#single-content .author { margin:0 0 30px; font-size:12px; }
}




h1.common-headline01 { line-height:1.5; text-align:center; margin:0 auto; padding:0 0 7.69vw; position:relative; }
h1.common-headline01 { display:block; font-size:5.38vw; font-weight:600; letter-spacing:0.26vw; }
h1.common-headline01:after { content:"column"; display:block; padding:3.07vw 0 0; font-size:2.56vw; color:#E96F2E; font-weight:400; }
h1.wp-block-heading small { font-size:70%; }
h2.wp-block-heading { line-height:1.5; background:#83706C; margin:7.69vw 3.85vw; padding:3.07vw 4.1vw; font-size:4.87vw; color:#fff; font-weight:500; }
h3.wp-block-heading { line-height:1.5; border-bottom:2px #CBB9B6 solid; margin:7.69vw 3.85vw; padding:0 0 2.56vw 7.69vw; font-size:4.35vw; color:#392B28; font-weight:500; position:relative; }
h3.wp-block-heading:before { content:""; position:absolute; top:0; left:0; width:3.2vw; height:3.2vw; background:#CBB9B6; }
h3.wp-block-heading:after { content:""; position:absolute; top:1.6vw; left:1.6vw; width:3.2vw; height:3.2vw; background:#83706C; }
h4.wp-block-heading { line-height:1.5; padding:5.13vw 3.85vw 4.1vw; font-size:4.1vw; font-weight:700; }

@media screen and (min-width:769px){
h1.common-headline01 { padding:0 0 4.35vw; }
h1.common-headline01 { font-size:1.74vw; letter-spacing:0.14vw; }
h1.common-headline01:after { padding:0.87vw 0 0; font-size:1.01vw; }
h2.wp-block-heading { width:59.42vw; margin:2.9vw auto; padding:0.72vw 1.45vw; font-size:1.45vw; position:relative; }
h2.wp-block-heading:before { content:""; position:absolute; top:0.36vw; left:0.29vw; width:0.14vw; height:2.68vw; background:#CBB9B6; }
h2.wp-block-heading:after { content:""; position:absolute; top:0.36vw; right:0.29vw; width:0.14vw; height:2.68vw; background:#CBB9B6; }
h3.wp-block-heading { margin:2.9vw 0 3.62vw; padding:0 0 0.87vw 2.61vw; font-size:1.3vw; }
h3.wp-block-heading:before { width:1.16vw; height:1.16vw; }
h3.wp-block-heading:after { top:0.58vw; left:0.58vw; width:1.16vw; height:1.16vw; }
h4.wp-block-heading { padding:2.9vw 0 1.16vw; font-size:1.16vw; }
}
@media screen and (min-width:1381px){
h1.common-headline01 { padding:0 0 60px; }
h1.common-headline01 {  font-size:24px; letter-spacing:2px; }
h1.common-headline01:after { padding:12px 0 0; font-size:14px; }
h2.wp-block-heading { width:820px; margin:40px auto; padding:10px 20px; font-size:20px; }
h2.wp-block-heading:before { top:5px; left:4px; width:2px; height:37px; }
h2.wp-block-heading:after { top:5px; right:4px; width:2px; height:37px; }
h3.wp-block-heading { margin:40px 0 50px; padding:0 0 12px 36px; font-size:18px; }
h3.wp-block-heading:before { width:16px; height:16px; }
h3.wp-block-heading:after { top:8px; left:8px; width:16px; height:16px; }
h4.wp-block-heading { padding:40px 0 16px; font-size:16px; }
}




ul.wp-block-list { background:#F6F1ED; margin:0 3.85vw 7.69vw; padding:4.61vw 5.13vw; }
ul.wp-block-list li { line-height:2.28; background:url(../img/common/ico_checkbox_01.svg) left 2.05vw/4.1vw auto no-repeat; padding:0 0 0 6.66vw; font-size:3.59vw; list-style:none; }

@media screen and (min-width:769px){
ul.wp-block-list { display:flex; flex-flow:row wrap; justify-content:space-between; margin:0 0 2.17vw; padding:1.16vw 1.45vw; }
ul.wp-block-list li { width:100%; background:url(../img/common/ico_checkbox_01.svg) left 0.72vw/0.87vw auto no-repeat; padding:0 0 0 1.74vw; font-size:1.01vw; }
}
@media screen and (min-width:1381px){
ul.wp-block-list { margin:0 0 30px; padding:16px 20px; }
ul.wp-block-list li { background:url(../img/common/ico_checkbox_01.svg) left 10px/12px auto no-repeat; padding:0 0 0 24px; font-size:14px; }
}




ol.wp-block-list { background:#F6F1ED; margin:0 3.85vw 7.69vw; padding:4.61vw 5.13vw; counter-reset:num; }
ol.wp-block-list li { line-height:2.28; padding:0 0 0 6.15vw; font-size:3.59vw; list-style:none; position:relative; }
ol.wp-block-list li::before { counter-increment:num; content:counter(num) ""; position:absolute; left:0; top:2.05vw; width:4.1vw; height:4.1vw; line-height:4.1vw; background:#E96F2E; text-align:center; font-size:2.56vw; color:#fff; font-weight:500; }

@media screen and (min-width:769px){
ol.wp-block-list { display:flex; flex-flow:row wrap; justify-content:space-between; margin:0 0 2.17vw; padding:1.16vw 1.45vw; }
ol.wp-block-list li { width:100%; padding:0 0 0 1.74vw; font-size:1.01vw; }
ol.wp-block-list li::before { top:0.58vw; width:1.16vw; height:1.16vw; line-height:1.16vw; font-size:0.87vw; }
}
@media screen and (min-width:1381px){
ol.wp-block-list { margin:0 0 30px; padding:16px 20px; }
ol.wp-block-list li { padding:0 0 0 24px; font-size:14px; }
ol.wp-block-list li::before { top:8px; width:16px; height:16px; line-height:16px; font-size:12px; }
}




.wp-block-button { width:61.54vw; margin:0 auto !important; }
.wp-block-button a { display:flex; justify-content:center; align-items:center; background:#E96F2E; height:12.82vw; border-radius:0 !important; font-size:3.59vw; color:#fff; font-weight:700; text-shadow:0 1px 2px rgba(0, 0, 0, 0.9); text-decoration:none; position:relative; }
.wp-block-button a:after { content:">"; display:inline-block; margin:0 0 0 2.56vw; color:#fff; font-weight:700; }

@media screen and (min-width:769px){
.wp-block-button { width:19.13vw; margin:0 auto; }
.wp-block-button a { height:3.47vw; font-size:1.01vw; }
.wp-block-button a:after { margin:0 0 0 0.72vw; color:#fff; }
.wp-block-button a:hover { opacity:0.7; transition:1s ease; }
}
@media screen and (min-width:1381px){
.wp-block-button { width:264px; }
.wp-block-button a { height:48px; font-size:14px; }
.wp-block-button a:after { margin:0 0 0 10px; }
}




/* ----------------------------------------------
 ! table
 ---------------------------------------------- */

.wp-block-table { margin:0 3.85vw 10.25vw; }
.wp-block-table table { width:100%; border:1px #CBB9B6 solid !important; table-layout:fixed; }
.wp-block-table thead { border-bottom:none !important; }
.wp-block-table thead th { line-height:1.5; background:#F6F1ED; border:none !important; border-bottom:1px #CBB9B6 solid !important; border-right:1px #CBB9B6 solid !important; text-align:center; padding:2.56vw; font-size:3.33vw; color:#392B28; font-weight:500; }
.wp-block-table tbody th { line-height:1.5; background:#F6F1ED; border:none !important; border-bottom:1px #CBB9B6 solid !important; border-right:1px #CBB9B6 solid !important; padding:2.56vw; font-size:3.33vw; color:#392B28; font-weight:500; }
.wp-block-table td { line-height:1.5; border:none !important; border-bottom:1px #CBB9B6 solid !important; border-right:1px #CBB9B6 solid !important; padding:2.56vw; font-size:3.33vw; }

@media screen and (min-width:769px){
.wp-block-table { margin:0 0 2.9vw; }
.wp-block-table table {}
.wp-block-table thead th { padding:1.16vw; font-size:1.01vw; }
.wp-block-table tbody th { padding:1.16vw; font-size:1.01vw; }
.wp-block-table td { padding:1.16vw; font-size:1.01vw; }
}
@media screen and (min-width:1381px){
.wp-block-table { margin:0 0 40px; }
.wp-block-table table {}
.wp-block-table thead th { padding:16px; font-size:14px; }
.wp-block-table tbody th { padding:16px; font-size:14px; }
.wp-block-table td { padding:16px; font-size:14px; }
}




/* ----------------------------------------------
 ! aside-clinic-info
 ---------------------------------------------- */

.info.box { width:auto !important; border:none !important; margin:0 3.85vw 12.82vw !important; padding:8.97vw 7.69vw !important; position:relative; }
.info.box::before { content:""; position:absolute; border:4px #CBB9B6 solid; inset:0; pointer-events:none; }
.info.box::after { content:""; position:absolute; border:1px #CBB9B6 solid; inset:6px; pointer-events:none; }
.info.box .title { display:inline; line-height:2; background:linear-gradient(transparent 50%, #C4E0DD 0%); font-size:3.85vw !important; font-weight:700; position:relative; }
.info.box .title small {}
.info.box .text { margin:0 !important; padding:8.97vw 0 14.1vw !important; }
.info.box .text p { line-height:2.28 !important; margin:0 !important; padding:0 !important; font-size:3.59vw !important; font-weight:500 !important; }
.info.box .contents {}
.info.box .contents .image { width:48.2vw !important; margin:0 auto 7.69vw !important; padding:0 !important; }
.info.box .contents .image img { width:100%; height:auto; }
.info.box .contents .content {}
.info.box .contents table { line-height:2; margin:0 0 8.46vw; font-size:3.33vw; font-weight:500; }
.info.box .contents tr { align-items:start !important; }
.info.box .contents th { width:4rem; text-align:left; }
.info.box .contents .content table tr:nth-child(1) th { padding:0 0 2.56vw; }
.info.box .contents td { width:calc(100% - 4rem); }
.info.box .contents .content > p { display:flex; flex-flow:row nowrap !important; justify-content:space-between !important; margin:0 !important; }
.info.box .contents a.btn { display:flex !important; justify-content:center; align-items:center; width:35.89vw !important; height:9.23vw !important; margin:0 !important; font-size:3.59vw !important; color:#fff; font-weight:700; text-shadow:0 1px 2px rgba(0, 0, 0, 0.9); text-decoration:none; }
.info.box .contents a.btn:nth-child(1) { background:#5EAB97; }
.info.box .contents a.btn:nth-child(2) { background:#E96F2E; }

@media screen and (min-width:769px){
.info.box { width:55.07vw !important; margin:0 auto 5.8vw !important; padding:2.9vw 2.17vw !important; }
.info.box .title { font-size:1.3vw !important; }
.info.box .title small {}
.info.box .text { padding:2.9vw 0 3.62vw !important; }
.info.box .text p { font-size:1.01vw !important; }
.info.box .contents { width:24.63vw; margin:0 auto; }
.info.box .contents .image { width:18.4vw !important; margin:0 auto 2.17vw !important; }
.info.box .contents .image img {}
.info.box .contents .content { width:100% !important; }
.info.box .contents table { margin:0 0 2.17vw; font-size:1.01vw; }
.info.box .contents tr {}
.info.box .contents th { vertical-align:top !important; }
.info.box .contents .content table tr:nth-child(1) th { padding:0 0 1.16vw; }
.info.box .contents td {}
.info.box .contents .content > p {}
.info.box .contents a.btn { width:11.23vw !important; height:2.9vw !important; font-size:1.01vw !important; }
.info.box .contents a.btn:hover { opacity:0.7; transition:1s ease; }
}
@media screen and (min-width:1381px){
.info.box { width:760px !important; margin:0 auto 80px !important; padding:40px 30px !important; }
.info.box .title { font-size:18px !important; }
.info.box .title small {}
.info.box .text { padding:40px 0 50px !important; }
.info.box .text p { font-size:14px !important; }
.info.box .contents { width:340px; }
.info.box .contents .image { width:254px !important; margin:0 auto 30px !important; }
.info.box .contents .image img {}
.info.box .contents .content {}
.info.box .contents table { margin:0 0 30px; font-size:14px; }
.info.box .contents tr {}
.info.box .contents th {}
.info.box .contents .content table tr:nth-child(1) th { padding:0 0 16px; }
.info.box .contents td {}
.info.box .contents .content > p {}
.info.box .contents a.btn { width:155px !important; height:40px !important; font-size:14px !important; }
}




