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, font, ins, kbd,
q, s, samp, small, strike, strong, sub, sup,
tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 {
position: relative;
}
article,
aside,
details,i
figcaption,
figure,hea
footer,
header,
hgroup,
nav,
section {
display: block;
}
a { outline:none !important; color:#603813; text-decoration: none; }
a:focus { outline:none !important; color:#603813; text-decoration:none; }
a:active { outline:none !important; color:#603813; text-decoration:none; }
a:hover { color:#603813; text-decoration:none; }
a:visit { color:#603813; text-decoration:none;}
a {
-webkit-transition:0.20s;
-moz-transition:0.20s;
-ms-transition:0.20s;
transition:0.20s;
} a:hover {
opacity:0.65;
}
address {
margin-top:0;
}
b,strong {
font-weight: 700;
}
em,i,b {
font-weight:700;
}
p {
margin-bottom: 20px;
}
ul,ol {
list-style: none;
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
vertical-align: middle;
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 0;
width: 100%;
}
.flt-l {float:left;}
.flt-r {float:right;}
.blk {display: none;}
.blk-pc{display: block;}
.mgnTop15{margin-top: 15px;} body {
font-family:'Lucida Grande',
'メイリオ',
Meiryo,
'Hiragino Kaku Gothic ProN',
'ヒラギノ角ゴ ProN W3',
sans-serif;
font-size:18px;
line-height:180%;
background:#FFF;
color:#603813;
}
html, body {
height: 100%;
width:100%;
min-width: 980px;
margin: 0;
padding: 0;
}
main {
position: relative;
} header {
position: relative;
clear: both;
overflow: hidden;
min-width: 980px;
}
#header {
position: relative;
clear: both;
overflow: hidden; width:1025px;
margin:0 auto;
} #header #logo {
position: relative;
width:467px;
margin:40px 0 0 240px;
} #tel {
position:absolute;
top:55px;
right: 0;
} .contact {
font-family: "M PLUS Rounded 1c";
position:fixed;
top:0;
left:50%;
background:#168dcb;
border-radius: 0 0 10px 10px;
line-height: 40px;
width:236px;
margin-left:275px;
font-size: 21px;
text-align: center;
font-weight: 700;
-webkit-box-shadow:0 3px 0 rgba(0,0,0,0.10);
box-shadow:0 3px 0 rgba(0,0,0,0.10);
z-index: 1000;
}
.contact a {
display: block;
width:100%;
height: 100%;
color:#fff;
} #gnav {
position:relative;
clear:both;
overflow:hidden;
font-family: "M PLUS Rounded 1c";
margin:30px 0 40px 0;
padding:0;
}
#gnav ul {
display: -webkit-flex;
display: flex;
-webkit-justify-content:space-between;
justify-content:space-between;
margin:0 auto; width:1025px;
}
#gnav ul li {
position: relative;
font-size: 16px;
font-weight: 700;
line-height: 130%;
}
#gnav ul li a {
display: block;
padding-left:25px;
width:100%;
height: 100%;
text-decoration:none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#gnav ul li a:before {
position: absolute;
content:'';
top:0;
left:0;
height: 20px;
width:20px;
background: #603813;
border-radius: 50%;
}
#gnav ul li:last-child {
margin-right:0;
}  #slider {
position: relative;
clear:both;
overflow:hidden;
height: 500px;
}
.slider {
position: relative;
margin: 0 auto;
max-width:1025px;
min-width: 960px;
}
.slider img {
height: auto;
}
.slider:before,
.slider:after {
position: absolute;
content:'';
top:78px;
left:50%;
z-index: -1;
}
.slider:before {
background-image:url(//kiguchiclinic.com/wp-content/themes/kiguchi_v2_1/img/parts/flame-left.png);
width: 867px;
height: 303px;
margin-left:-1375px;
}
.slider:after {
background-image:url(//kiguchiclinic.com/wp-content/themes/kiguchi_v2_1/img/parts/flame-right.png);
width: 882px;
height: 307px;
margin-left:500px;
} #news {
position: relative;
clear:both;
overflow: hidden;
background: url(//kiguchiclinic.com/wp-content/themes/kiguchi_v2_1/img/content/idx/bg/bg-news.png) #ebf5eb;
padding:40px 0;
margin-top:50px;
border-bottom:none;
}
#news ul {
position:relative;
clear: both;
overflow: hidden;
max-width: 1025px;
min-width: 960px;
margin:0 auto;
}
#news ul li {
position:relative;
padding:15px 0;
border-bottom:3px dotted #603813;
font-size: 18px;
}
#news ul li dl dt {
color:#009a5b;
width: 120px;
float: left;
}
#news ul li dl dd {
width: auto;
padding-left:140px;
}
#news ul li:last-child {
border-bottom:0;
}
#news ul li dl dd a {
text-decoration: underline;
}
.new {
font-size: 14px;
margin-left: 5px;
color:#DF0000;
} #tp-greeting {}
.greeting {
position:relative;
float:right;
width:75%;
text-align: left;
font-size:18px;
}
#tp-greeting h2 {
font-family: "M PLUS Rounded 1c";
margin-bottom:20px;
font-weight: bold;
font-size: 30px;
line-height: 150%;
}
#tp-greeting p {
line-height: 180%;
margin-bottom: 0;
}
#tp-greeting .owner {
float:left;
width:19%;
font-size: 16px;
font-weight: 700;
}
#tp-greeting .owner img {
display: block;
margin-bottom:10px;
width:100%;
height: auto;
} #tp-info .clinic {
position:relative;
text-align: left;
font-size:18px;
float:right;
width:44%;
}
#tp-info h2 {
font-family: "M PLUS Rounded 1c";
margin-bottom:20px;
font-weight: bold;
font-size: 30px;
line-height: 150%;
}
#tp-info p {
line-height: 180%;
}
#tp-info img {
width:50%;
height: auto;
float:left;
display: block;
} #tp-org ul {
position: relative;
clear: both; width:1025px;
height:680px;
}
#tp-org ul:before {
position: absolute;
content:'';
top:70px;
left:150px;
width:100%;
height:100%;
background: url(//kiguchiclinic.com/wp-content/themes/kiguchi_v2_1/img/content/idx/clinic-org_circle01.png) 0 0 no-repeat;
z-index: 1;
}
#tp-org ul:after {
position: absolute;
content:'';
top:295px;
left:675px;
width:300px;
height:300px;
background: url(//kiguchiclinic.com/wp-content/themes/kiguchi_v2_1/img/content/idx/clinic-org_circle02.png) 0 0 no-repeat;
z-index: 1;
}
#tp-org li {
position: absolute;
border-radius: 50%;
width:250px;
height:250px;
background: #fff;
box-shadow: 0 0 6px rgba(0,0,0,0.40);
z-index: 10;
}
#tp-org li a {
position: absolute;
width:150px;
top:185px;
left: 50px;
font-size: 13px;
font-weight: 700;
display: block;
line-height: 30px;
border-radius: 5px;
color: #fff;
padding-left: 25px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#tp-org li a:before {
position: absolute;
content: '▲';
top:0;
left:5px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
} #tp-org li:first-child a { background:#e67f11; }
#tp-org li:nth-child(2) a { background:#0b9b93; }
#tp-org li:nth-child(3) a { background:#e47f87; } #tp-org li:first-child {top:15px; left:138px;} #tp-org li:nth-child(2) {top:425px; left:180px;} #tp-org li:nth-child(3) {top:209px; left:578px;} #tp-org li ul {
position: absolute;
top:0;
left:0;
width:400px !important;
height:400px !important;
}
#tp-org li ul li {
width:150px !important;
height:150px !important;
}
#tp-org li ul:before,
#tp-org li ul:after {
background:none;
}
#tp-org li ul li:nth-child(1) {top:45px; left:290px;}
#tp-org li ul li:nth-child(2) {top:205px; left:220px;}
#tp-org li ul li:nth-child(3) {top:280px; left:60px;}
.txt-org01 {
position: absolute;
margin: 0;
top:287px;
left:278px;
}
.txt-org02 {
position: absolute;
margin: 0;
top:178px;
left:774px;
} #tp-clinical {
position: relative;
}
#tp-clinical h2 {
font-family: "M PLUS Rounded 1c";
position:relative;
font-size: 30px;
text-align: center;
line-height: 180%;
margin-bottom:30px;
}
#tp-clinical h2 br {
display: none;
} ul.medical-subject {
display: flex;
flex-wrap: wrap;
justify-content: center;
position:relative;
clear:both;
overflow:hidden;
margin:0 auto 35px auto;
max-width:1025px;
min-width: 960px;
}
ul.medical-subject li {
margin-right: 2%;
width: 18.4%;
}
ul.medical-subject li:last-child {
margin-right:0;
}
ul.medical-subject li img {
width:100%;
height: auto;
}
#tp-clinical ul li a {}
#tp-clinical p {
font-size: 18px;
line-height: 180%;
} #tp-timetable .timetable {
position:relative;
clear: both;
overflow: hidden;
width: 830px;
margin:0 auto;
}
.timetable img:first-child {
margin-right: 50px;
} #tp-access {
font-family: "M PLUS Rounded 1c";
line-height: 180%;
font-weight: 700;
}
#tp-access p {
font-size:28px;
text-align: center;
}
#tp-access ul {
position:relative;
clear: both;
overflow: hidden;
width: 650px;
margin: 0 auto 40px auto;
}
#tp-access ul li {
position:relative;
font-size:18px;
padding-left:25px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#tp-access ul li:before {
position: absolute;
content:'';
top:15px;
left: 0;
width:18px;
height: 18px;
margin-top:-9px;
border-radius: 50%;
background:#603813;
}
#tp-access img {
width:100%;
height: auto;
} #tp-map {} #tp-download {
text-align: center;
}
#tp-download p {
font-size: 18px;
}
#tp-download ul {
position: relative;
margin:0 auto;
width:470px;
}
#tp-download ul li {
font-family: "M PLUS Rounded 1c";
line-height: 58px;
margin-bottom:20px;
border-radius: 10px;
font-size:26px;
background: #7bbf4d;
box-shadow: 2px 2px 2px rgba(0,0,0,0.20);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#tp-download ul li a {
display: block;
color: #fff;
}
#tp-download ul li:first-child {
background: #009a5b;
}
#tp-download ul li:last-child {
border:2px solid #168dcb;
background: #fff;
}
#tp-download ul li:last-child a {
color:#168dcb;
}
.box-pdf {
display: -webkit-flex;
display: flex;
margin:0 auto 35px auto;
width:450px;
}
.box-pdf p {
text-align: left;
font-size: 12px !important;
margin:0 10px 0 0;
line-height: 150%;
} footer {}
#footer-wrap {
position:relative;
clear:both;
overflow:hidden;
padding:0; width:1025px;
margin: 0 auto;
} #fnav {
position:relative;
margin:30px 0;
display: block;
font-family: "M PLUS Rounded 1c";
}
#fnav ul {
position:relative;
display: -webkit-flex;
display: flex;
-webkit-justify-content:space-between;
justify-content:space-between;
}
#fnav ul li {
white-space: nowrap;
position: relative;
font-size: 14px;
line-height: 150%;
}
#fnav ul li a:before {
position: absolute;
content:'';
top:2px;
left:0;
height: 15px;
width:15px;
background: #603813;
border-radius: 50%;
}
#fnav ul li a {
display: block;
padding-left:20px;
width:100%;
height: 100%;
text-decoration:none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#fnav ul li:last-child {
margin-right:0;
} #logo-f {
width:287px;
height: auto;
}
.footer-box {
position:relative;
display: -webkit-flex;
display: flex;
justify-content: center;
padding-bottom: 15px;
}
.footer-box p {
font-size: 12px;
margin:0 2.2% 0 0;
line-height: 150%;
}
.footer-box p:nth-child(4) {
margin-right: 0;
} .contact-f {
font-family: "M PLUS Rounded 1c";
position:absolute;
bottom:0;
right:0;
background:#168dcb;
border-radius:10px 10px 0 0;
line-height: 40px !important;
width:236px;
font-size: 21px !important;
margin:0 !important;
text-align: center;
font-weight: 700;
-webkit-box-shadow:0 3px 0 rgba(0,0,0,0.10);
box-shadow:0 3px 0 rgba(0,0,0,0.10);
}
.contact-f a {
display: block;
width:100%;
height: 100%;
color:#fff;
} footer small {
background: #009a5b;
line-height: 35px;
color:#fff;
text-align: center;
display: block;
} #pagetop {
position:fixed;
bottom:40px;
right:30px;
width: 43px;
height:58px;
z-index:9999;
} #fBtn {
display: none;
}  section h1 {
font-family: "M PLUS Rounded 1c";
position:relative;
font-size: 25px;
font-weight: 700;
text-align: center;
line-height: 180%;
margin-bottom:60px;
}
section h1:after {
position: absolute;
content:'';
bottom:-8px;
left:50%;
margin-left:-26px;
width:53px;
height: 9px;
background: url(//kiguchiclinic.com/wp-content/themes/kiguchi_v2_1/img/parts/liner.png) 50% 0 no-repeat;
} article {
position:relative;
clear: both;
overflow: hidden;
border-top:1px dotted #603813;
}
article:before {
position: absolute;
content:'';
top:130px;
left:50%;
background-image:url(//kiguchiclinic.com/wp-content/themes/kiguchi_v2_1/img/parts/flame-left.png);
width: 867px;
height: 303px;
margin-left:-1460px;
}
article:after {
position: absolute;
content:'';
top:130px;
left:50%;
background-image:url(//kiguchiclinic.com/wp-content/themes/kiguchi_v2_1/img/parts/flame-right.png);
width: 882px;
height: 307px;
margin-left:580px;
}
section {
position:relative;
clear: both;
overflow: hidden;
padding:50px 0;
border-bottom:1px dotted #603813;
}
.inner {
position:relative;
clear: both;
overflow: hidden;
max-width: 1025px;
min-width: 960px;
margin:0 auto;
} .more-info {
position:relative;
clear: both;
overflow: hidden;
width:110px;
float:right;
text-align: center;
font-size:14px;
font-weight: 700;
background: #009a5b;
border-radius: 5px;
text-shadow: none !important;
}
.more-info a {
display: block;
line-height: 30px;
color: #fff;
padding-left:10px;
text-decoration: none;
}
.more-info a:before {
position: absolute;
content: '▲';
top:0;
left:5px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#error404 p {
margin: 100px auto 200px auto;
text-align: center;
} #greeting {}
.greeting {
position:relative;
float:right;
width:75%;
text-align: left;
font-size:18px;
}
#greeting h2 {
font-family: "M PLUS Rounded 1c";
margin-bottom:20px;
font-weight: bold;
font-size: 30px;
line-height: 150%;
}
#greeting p {
line-height: 180%;
margin-bottom: 0;
}
#greeting .owner {
float:left;
width:19%;
font-size: 16px;
font-weight: 700;
margin-bottom: 120px;
}
#greeting .owner img {
display: block;
margin-bottom:10px;
width:100%;
height: auto;
} #philosophy {
position: relative;
clear:both;
overflow:hidden;
background:#eaf3eb;
box-shadow:0 0 0 3px #fff,0 0 0 10px #eaf3eb;
margin: 50px 13px;
padding: 30px 0 20px 0;
width:97.5%;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#philosophy h3 {
font-size: 25px;
margin-bottom:10px;
}
#philosophy p {
font-size: 18px;
line-height: 250%;
margin: 0;
} .list-history {
display: block;
background: #f2f9ed;
padding: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.list-history dt {
float:left;
width:100px;
background: #7bbf4d;
line-height: 30px;
border-radius: 5px;
text-align:center;
color: #fff;
font-size:18px;
}
.list-history dd {
padding-left:130px;
font-size:18px;
line-height: 180%;
}
.list-history dd:nth-child(7),
.list-history dd:nth-child(10) {
margin-bottom: 30px;
} #information {
text-align: center;
}
#information section h2 {
font-family: "M PLUS Rounded 1c";
margin-bottom:30px;
font-weight: bold;
font-size: 30px;
line-height: 150%;
}
#information section p {
margin-bottom:0;
font-size: 18px;
}
ul.list-floor {
position: relative;
margin:50px auto 0 auto;
max-width:1025px;
min-width: 960px;
}
ul.list-floor li {
position: relative;
clear:both;
overflow: hidden;
margin-bottom: 40px;
}
ul.list-floor li img {
float:left;
display: block;
width:30%;
max-width:250px;
height: auto;
border-radius: 15px;
}
ul.list-floor li dl {
float:right;
display: block;
text-align: left;
width:70%;
}
ul.list-floor li dl dt {
font-family: "M PLUS Rounded 1c";
margin-bottom:10px;
font-weight: bold;
font-size: 24px;
line-height: 150%;
color:#6fba2c;
}
ul.list-floor li dl dt br {
display: none;
}
#information {
text-align: center;
} #institution {
text-align: center;
}
#institution section {
padding-bottom:40px !important;
}
#institution section h2 {
font-family: "M PLUS Rounded 1c";
margin-bottom:30px;
font-weight: bold;
font-size: 30px;
line-height: 150%;
}
#institution section h3 {
font-family: "M PLUS Rounded 1c";
font-weight: bold;
font-size: 23px;
line-height: 150%;
margin-bottom:20px;
}
.bx-caredoctor {
display: block;
background:#f2f9ed;
padding:35px 115px;
text-align: left;
width:824px;
margin:0 auto 20px auto;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.bx-caredoctor li {
list-style: disc;
font-size:20px;
}
p.left{text-align: left;}
.inline-block{display: inline-block;} .bx-caredoctor-online {
display: -webkit-flex;
display: flex;
-webkit-justify-content:center;
justify-content:center;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
text-align: left;
margin:0 auto 60px auto;
}
.bx-caredoctor-online p {
display: inline-block;
font-family: "M PLUS Rounded 1c";
font-weight: bold;
color:#168dcb;
text-align: center;
line-height:30px;
border:2px solid #168dcb;
border-radius: 5px;
padding:0 10px;
background:#fff;
margin:0 0 20px 0 !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.bx-caredoctor-online ul {
margin-right:30px;
}
.bx-caredoctor-online ul li {
position: relative;
padding-left:30px;
}
.bx-caredoctor-online ul li:before {
position: absolute;
content:'';
top:7px;
left:2px;
width:15px;
height:15px;
border:1px solid #603813;
border-radius:50%;
} .bx-care-necessary {
background:#e8f4fa;
width:825px;
margin:30px auto 20px auto;
padding:20px;
text-align: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.bx-care-necessary p {
display: inline-block;
font-family: "M PLUS Rounded 1c";
font-weight: bold;
color:#168dcb;
line-height:30px;
border:2px solid #168dcb;
border-radius: 5px;
padding:0 10px;
margin-bottom:20px !important;
background:#fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.bx-care-necessary ul {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.bx-care-necessary ul li {
position: relative;
padding-left:40px;
text-align: left;
width:60%;
font-size:16px;
margin-bottom:15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.bx-care-necessary ul li:first-child,
.bx-care-necessary ul li:nth-child(3) {
width:40% !important;
}
.bx-care-necessary ul li:nth-child(3),
.bx-care-necessary ul li:last-child {
margin-bottom:0 !important;
}
.bx-care-necessary ul li:before {
position: absolute;
content:'';
top:0px;
left:0px;
width:30px;
height:30px;
}
.bx-care-necessary ul li:first-child:before {
background:url(//kiguchiclinic.com/wp-content/themes/kiguchi_v2_1/img/content/inst/ic-ok.png) 50% 0 no-repeat;
}
.bx-care-necessary ul li:nth-child(2):before {
background:url(//kiguchiclinic.com/wp-content/themes/kiguchi_v2_1/img/content/inst/ic-smt.png) 50% 0 no-repeat;
}
.bx-care-necessary ul li:nth-child(3):before {
background:url(//kiguchiclinic.com/wp-content/themes/kiguchi_v2_1/img/content/inst/ic-card.png) 50% 0 no-repeat;
}
.bx-care-necessary ul li:last-child:before {
background:url(//kiguchiclinic.com/wp-content/themes/kiguchi_v2_1/img/content/inst/ic-app.png) 50% 0 no-repeat;
}
.img-mynumber {
margin-bottom:40px;
}
.bx-myna {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content:center;
justify-content:center;
margin:30px auto 0 auto;
}
.bx-myna img {
border:1px solid #000;
margin-right:20px;
}
.bx-myna a {
text-decoration: underline;
color:#e63556;
word-break: break-all;
} .attention-online {
position: relative;
padding-left:25px;
width:800px;
margin:0 auto;
text-align: left;
}
.attention-online:before {
position: absolute;
content: '※';
margin-left:-25px;
} #clinical section section {
border-bottom: none;
padding:0 0 20px 0;
}
#clinical section section p {
line-height: 180%;
} #clinical {
position: relative;
}
#clinical h2 {
font-family: "M PLUS Rounded 1c";
position:relative;
font-size: 30px;
text-align: center;
line-height: 180%;
margin-bottom:30px;
}
#clinical h2 br {
display: none;
}
#clinical ul li a {}
#clinical p {
font-size: 18px;
line-height: 180%;
} #clinical section section h2 {
text-align: left !important;
color:#fff;
border-radius: 5px;
padding: 5px 20px;
font-size: 24px !important;
margin-bottom: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#clinical section section h2:after {
display: none;
}
#clinic01 h2 {background:#009a5b;}
#clinic02 h2 {background:#7bbf4d;}
#clinic03 h2 {background:#aed63c;}
#clinic04 h2 {background:#00a29a;}
#clinic05 h2 {background:#f0838c;}  #clinic02 h3 {
font-size: 18px;
font-weight: 700;
color:#fff;
background: #7bbf4d;
padding:5px 15px;
text-align: center;
display: inline-block;
letter-spacing: 1px;
margin-bottom:10px;
} .img-clinic {
float: left;
margin: 0;
width:20%;
}
.img-clinic img {
width:100%;
height: auto;
display: block;
margin-bottom:20px;
border:1px solid #efefef;
}
.txt-clinic {
float: right;
text-align: left;
width:77%;
} .box-sas {
position: relative;
clear: both;
overflow: hidden;
width:824px;
margin:0 auto 20px auto;
}
.box-sas p {
position: relative;
line-height: 150%;
}
.bdr {
border: 2px solid #cedc3c;
text-align: center;
padding:0 15px;
line-height: 100%;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} .sas01 {
width:80px;
margin: 0 auto 40px auto;
}
.sas01:before {
position: absolute;
content: '';
left:50%;
bottom:-22px;
width:11px;
height: 24px;
background: #cedc3c;
margin-left: -5.5px;
z-index: -1;
}
.sas01:after {
position: absolute;
content: '';
left: 50%;
bottom:-45px;
width: 0;
height: 0;
margin-left: -13.5px;
border-style: solid;
border-width: 23px 13.5px 0 13.5px;
border-color: #cfdc3c transparent transparent transparent;
z-index: -1;
} .sas02 {
width:824px;
margin:0;
} .sas03 {
padding:10px 0 10px 90px;
}
.sas03:before {
position: absolute;
content: '';
top:0;
left:40px;
width:11px;
height: 85px;
background: #cedc3c;
z-index: -1;
}
.sas03:after {
position: absolute;
content: '';
top:82px;
left: 32px;
width: 0;
height: 0;
border-style: solid;
border-width: 23px 13.5px 0 13.5px;
border-color: #cfdc3c transparent transparent transparent;
z-index: -1;
} .sas04 {
width:410px;
margin:0;
} .sas05 {
padding:10px 0 0 90px;
}
.sas05:before {
position: absolute;
content: '';
top:0;
left:40px;
width:11px;
height: 75px;
background: #cedc3c;
z-index: -1;
}
.sas05:after {
position: absolute;
content: '';
top:72px;
left: 32px;
width: 0;
height: 0;
border-style: solid;
border-width: 23px 13.5px 0 13.5px;
border-color: #cfdc3c transparent transparent transparent;
z-index: -1;
} .sas06 {
position:absolute !important;
top:106px;
left: 50%;
width:270px;
margin:45px 0 0 180px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sas06:before {
position: absolute;
content: '';
top:-45px;
left:-35px;
width:11px;
background: #cedc3c;
z-index: -1;
bottom:-154px;
height: 224px;
}
.sas06:after {
position: absolute;
content: '';
left: 50%;
width: 0;
height: 0;
border-style: solid;
border-width: 23px 13.5px 0 13.5px;
border-color: #cfdc3c transparent transparent transparent;
z-index: -1;
bottom:-99px;
margin-left: -178px;
} .sas07 {
width:824px;
margin:0 0 20px 0;
}
.sas07:before,
.sas07:after {
display: none;
} .attention {
position: relative;
padding-left:25px;
}
.attention:before {
position: absolute;
content: '※';
margin-left:-25px;
} .tgl {
display: none;
}
.more-clinic {
position: absolute;
top:70px;
right: 20px;
font-size: 14px;
border:1px solid #603813;
border-radius: 3px;
width:130px;
text-align: center;
background:#fff;
}
.more-clinic:before {
position: absolute;
content: '';
top:50%;
margin-top:-6px;
left:10px;
width: 8px;
height: 8px;
border-top: 2px solid #603813;
border-right: 2px solid #603813;
-webkit-transition: .3s;
transition: .3s;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.more-clinic:hover {
cursor: pointer;
}
.open:before {
margin-top:-8px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
} .more {
position:relative;
clear: both;
overflow: hidden;
float:right;
margin:0 20px 20px 0;
}
.more-detail {
position:relative;
width:110px;
text-align: center;
font-size:12px !important;
border-radius: 5px;
text-shadow: none !important;
}
.more-detail a {
display: block;
line-height: 30px;
color: #fff;
padding-left:10px;
text-decoration: none;
}
.more-detail a:before {
position: absolute;
content: '▲';
top:0;
left:5px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#clinic03 .more-detail {background: #aed63c;}
#clinic04 .more-detail {background: #00a29a;}
#clinic05 .more-detail {background: #f0838c;}
.more p {
margin-bottom:10px;
}  #timetable .timetable {
position:relative;
clear: both;
overflow: hidden;
width: 830px;
margin:0 auto 100px auto;
}
.timetable img:first-child {
margin-right: 50px;
} #access-map {
font-family: "M PLUS Rounded 1c";
line-height: 180%;
font-weight: 700;
}
#access-map p {
font-size:28px;
text-align: center;
}
#access-map ul {
position:relative;
clear: both;
overflow: hidden;
width: 650px;
margin: 0 auto 40px auto;
}
#access-map ul li {
position:relative;
font-size:18px;
padding-left:25px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#access-map ul li:before {
position: absolute;
content:'';
top:15px;
left: 0;
width:18px;
height: 18px;
margin-top:-9px;
border-radius: 50%;
background:#603813;
}
#parking {
text-align: center;
} #contact p {
text-align: center;
}
#contact p a {
color:#e94709;
font-weight: 700;
text-decoration: underline;
}
.inquiryTable {
position: relative;
margin:50px auto 0 auto;
max-width:1025px;
min-width: 960px;
border-spacing: 5px;
}
.inquiryTable th {
width:25%;
padding:10px 10px 10px 65px;
color:#603813;
background:#ccebde;
}
.inquiryTable td {
width:80%;
padding:10px;
}
.inquiryTable th,
.inquiryTable td {
position: relative;
font-weight: 700;
font-size: 14px;
text-align: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.inquiryTable label {
display: block;
}
.inquiryTable td input[type="text"] {
width:100%;
height: 45px;
line-height: 45px;
padding:0 10px;
display: inline-block;
background:#fff;
font-size: 16px;
border:2px solid #009a5b;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.inquiryTable td.zip input[type="text"],
.inquiryTable td.tel input[type="text"],
.inquiryTable td.fax input[type="text"] {
width:20%;
height: 45px;
line-height: 45px;
padding:0 10px;
display: inline-block;
}
.inquiryTable td textarea {
display: block;
width:100%;
min-height: 300px;
padding:10px;
border:2px solid #009a5b;
font-size: 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.hisu {
position: absolute;
top:16px;
left:10px;
display: block;
color:#fff;
background: #e94709;
width:45px;
text-align: center;
border-radius: 5px;
font-size: 12px;
font-weight: normal;
letter-spacing: 3px;
}
.error {
display: block;
margin:10px 0 0 0;
color:#ff0000;
}
.ttl-sendmail {
font-size:24px;
letter-spacing: 3px;
color:#006600;
margin:40px auto;
text-align: center;
}
.sendBox {
position: relative;
clear:both;
overflow: hidden;
margin:0 0 40px 0;
width:100%;
padding:20px 0;
text-align:center;
}
.sendBox input[type="submit"] {
max-width:250px;
width:50%;
margin:50px auto;
text-align: center;
font-size:18px;
font-weight: 700;
background: #009a5b;
border:0;
border-radius: 10px;
line-height: 70px;
color: #fff;
-webkit-appearance: button;
appearance: button;
-webkit-box-shadow:0 7px 0 rgba(0,0,0,0.15);
box-shadow:0 7px 0 rgba(0,0,0,0.15);
}
.sendBox input[type="submit"]::-webkit-search-decoration,
.sendBox input[type="button"]::-webkit-search-decoration {
display: none;
}
.sendBox input[type="submit"]::focus,
.sendBox input[type="button"]::focus {
outline-offset: -2px;
}
.sendBox input[type="submit"]:hover {
opacity: 0.70;
cursor: pointer;
}
.complate {
min-height: 500px;
}
.complate p {
text-align: left;
line-height: 150%;
}
.ttl-sendmail {
text-align: center !important;
} #privacypolicy h2 {
background:#009a5b;
padding: 10px;
color:#fff;
margin-bottom: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#privacypolicy p {
margin-bottom: 40px;
}
#privacypolicy p.mttl {
font-size: 19px;
font-weight: 700;
border-bottom:3px dotted #009a5b;
display: block;
padding: 0 10px 5px 10px;
margin-bottom: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#privacypolicy ol {
margin:0 0 20px 40px;
}
#privacypolicy ol li {
list-style: decimal;
margin:0 0 0 25px;
} #content {
position:relative;
width:75%;
float:left;
clear: left;
}
#details {
min-height: 500px;
padding-bottom:100px;
}
#details header,
#details header h1 {
position: relative;
clear: both;
overflow: hidden;
min-width:100% !important;
width:100% !important;
border:none;
box-shadow: none !important;
}
#details header {
margin-bottom:30px;
}
#details header h1 {
font-family: "M PLUS Rounded 1c";
font-weight: 700;
font-size: 20px;
letter-spacing: 1px;
line-height: 180%;
margin:0;
padding:10px;
text-align: left;
border-radius: 3px;
background:#009a5b;
color:#fff;
-webkit-text-shadow:2px 4px 0 rgba(0,0,0,0.05);
text-shadow:2px 4px 0 rgba(0,0,0,0.05);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#details img {
max-width:640px;
}
.detatime {
position: relative;
clear: both;
overflow: hidden;
width:110px;
text-align: center;
margin-bottom:30px;
border-radius: 3px;
background:#555;
color:#fff;
font-size: 12px;
line-height: 30px;
}
.navigation {
position: relative;
clear: both;
overflow: hidden;
margin:20px 15px;
border-top:1px dotted #efefef;
padding-top:20px;
}
.back {
width:200px;
position: relative;
clear: both;
overflow: hidden;
margin:30px auto;
text-align: center;
border:1px solid #333;
border-radius: 3px;
}
.back a {
display: block;
padding:20px 0;
color:#333;
} #sidebar {
width:22%;
float:right;
margin:0 0 50px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#sidebar h3 {
font-family: "M PLUS Rounded 1c";
font-weight: 700;
font-size: 16px;
letter-spacing: 1px;
line-height: 40px;
margin:0 0 20px 0;
text-align: center;
border-radius: 3px;
background:#009a5b;
color:#fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} #sidebar ul.sideList {
position: relative;
clear: both;
overflow: hidden;
margin:0 0 20px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#sidebar ul.sideList li {
position: relative;
padding:8px 5px;
margin-bottom:2px;
font-size: 14px;
line-height: 170%;
border-bottom:1px dotted #ccc;
}
#sidebar ul.sideList li:hover {}
#sidebar ul.sideList li:before {
position: absolute;
content:'';
top:14px;
left: 0;
width:7px;
height: 10px;
background:url(//kiguchiclinic.com/wp-content/themes/kiguchi_v2_1/images/parts/ic-arrow_gray.png) 0 0 no-repeat;
}
#sidebar ul.sideList li ul li {
border-bottom:none;
}
#sidebar aside {
margin-bottom:25px;
} .list-news {
max-width:1000px;
margin:0 auto 50px auto;
}
.list-news div {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
padding:15px 10px;
font-size: 18px;
border-bottom:3px dotted #603813;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.list-news div dt {
color:#009a5b;
width:12%;
}
.list-news div dd {
width:83%;
} .pagination {
clear:both;
overflow:hidden;
margin:50px 15px;
text-align:center;
position:relative;
font-size:11px;
line-height:13px;
}
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:9px 11px 8px 11px;
text-decoration:none;
width:auto;
color:#4e3f30;
background:#EFEFEF;
border-radius: 3px;
}
.pagination a:hover{
color:#fff;
background: #009a5b;
}
.pagination .current{
padding:9px 11px 8px 11px;
background: #009a5b;
color:#fff;
}
.paging {
position: relative;
clear: both;
overflow: hidden;
border-top:1px solid #efefef;
padding:30px 0;
}
.prev {
position: relative;
float:left;
width:48%;
text-align: left;
}
.next {
position: relative;
float:right;
width:48%;
text-align: right;
} @media only screen and (max-width:680px) {
h1, h2, h3, h4, h5, h6 {}
article,
aside,
details,
figcaption,
figure,hea
footer,
header,
hgroup,
nav,
section {}
a {}
a:focus {}
a:active {}
a:hover {}
a:visit {}
a {
-webkit-transition:0;
-moz-transition:0;
-ms-transition:0;
transition:0;
}
a:hover img {opacity:1;}
address {}
b,strong {}
em,i,b {}
p {
margin-bottom: 4%;
}
ul,ol {}
img {}
table {}
.flt-l {}
.flt-r {}
hr {
margin-bottom: 10%;
}
hr:after {}
.blk {display: block;}
.blk-pc {display: none;} body {}
html, body {
min-width: 100%;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
main {
background:#fff;
} header {
position: fixed;
overflow: inherit !important;
top:0;
left:0;
min-width: 100%;
z-index: 9999;
height: 60px;
background:rgba(255,255,255,0.95);
}
#header {
overflow: inherit !important;
width:100%;
padding:10px 0 0 0;
} #header #logo {
width:170px;
padding:0;
margin:0 auto;
}
#header #logo img {
width:100%;
height: auto;
} #tel {
display: none;
} .contact {
display: none;
}
.contact a {} #panel-btn {
display: inline-block;
position: fixed;
top:12px;
right:15px;
width: 30px;
height: 30px;
margin-top:0;
z-index:9999;
}
#panel-btn-icon {
display: block;
position: absolute;
top: 50%;
left: 0;
width: 30px;
height: 2px;
background: #492611;
transition: .2s;
}
#panel-btn-icon:before,
#panel-btn-icon:after {
position: absolute;
content: "";
top: 50%;
left: 0;
display: block;
width: 30px;
height: 2px;
background: #492611;
-webkit-transition: .3s;
transition: .3s;
}
#panel-btn-icon:before {
margin-top: -11px;
}
#panel-btn-icon:after {
margin-top: 8px;
}
#panel-btn .close {
background: transparent;
}
#panel-btn .close:before,
#panel-btn .close:after {
margin-top: 0;
background: #111;
}
#panel-btn .close:before{
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#panel-btn .close:after{
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
} #gnav {
position:fixed;
top:60px !important;
left:0;
margin:0;
display: none;
width: 100%;
height: 100%;
z-index:9999;
border:none;
background:rgba(108,177,48,0.95) !important;
}
#gnav ul {
position:relative;
clear:both;
margin:8% auto 0 auto;
display: block !important;
max-width:90% !important;
min-width: 90% !important;
}
#gnav ul li {
font-size:15px;
width:100%;
line-height: 50px;
border-bottom:1px dotted #fff;
}
#gnav ul li a {
color:#fff;
padding-left:1%;
}
#gnav ul li a:before {
top:50%;
background:none;
margin-top:-5px;
right:1%;
left: auto;
width: 10px;
height: 10px;
border-radius: 0;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#gnav ul li:last-child {}  #slider {
margin:80px auto 2.5% auto;
max-width:95%;
min-width:95%;
background: url(//kiguchiclinic.com/wp-content/themes/kiguchi_v2_1/img/content/idx/slider/slider01.png) 50% 50% no-repeat;
background-size: 100% auto;
height: 180px;
}
#slider img {}
.slider {
display: none !important;
}
.slider:before,
.slider:after {
display: none;
}
.slider:before {}
.slider:after {} #news {
background: url(//kiguchiclinic.com/wp-content/themes/kiguchi_v2_1/img/content/idx/bg/bg-news.png);
padding:5% 0;
margin-top:5%;
}
#news h1 {
font-size: 20px;
margin-bottom:5%;
}
#news ul {
max-width:90%;
min-width:90%;
margin:0 auto;
}
#news ul li {
padding:2% 0;
border-bottom:2px dotted #603813;
font-size: 16px;
}
#news ul li dl dt {
width: 100%;
float: none;
margin-bottom: 2%;
}
#news ul li dl dd {
width: 100%;
padding-left:0;
}
#news ul li:last-child {}
#news ul li dl dd a {} .greeting {
position:relative;
float:none;
width:100%;
text-align: left;
font-size:16px;
}
#tp-greeting h2 {
margin-bottom:4%;
font-size: 20px;
text-align: center;
}
#tp-greeting p {}
#tp-greeting .owner {
float:none;
width:90%;
margin:8% auto 0 auto;
font-size: 14px;
font-weight: 700;
}
#tp-greeting .owner img {
display: block;
margin:0 5% 5% 0;
width:135px;
height: auto;
float: left;
} #tp-info .clinic {
font-size:16px;
float:none;
width:100%;
}
#tp-info h2 {
margin-bottom:4%;
font-size: 20px;
}
#tp-info p {}
#tp-info img {
width:100%;
float:none;
margin-bottom:5%;
} #tp-org ul {
position: relative;
clear: both;
width:320px;
height:550px;
margin: 0 auto; }
#tp-org ul:before {
top:20px;
left: 5%;
background-size: 90% auto;
}
#tp-org ul:after {
position: absolute;
content:'';
top:315px;
left:110px;
width:100px;
height:100px;
background-size:100% auto;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#tp-org li {
width:100px;
height:auto;
}
#tp-org li img {
width:100%;
height:auto;
}
#tp-org li a {
width:100px;
top:80px;
left: 0;
font-size: 10px;
line-height: 25px;
border-radius: 5px;
padding-left: 0;
text-align: center;
}
#tp-org li a:before {
display: none;
} #tp-org li:first-child a { background:#e67f11; }
#tp-org li:nth-child(2) a { background:#0b9b93; }
#tp-org li:nth-child(3) a { background:#e47f87; } #tp-org li:first-child {top:50px; left:0px;}
#tp-org li:nth-child(2) {top:50px; left:220px;}
#tp-org li:nth-child(3) {top:225px; left:110px;}
#tp-org li ul {
position:absolute;
width:320px;
}
#tp-org li ul li {
width:80px !important;
height:80px !important;
}
#tp-org li ul:before,
#tp-org li ul:after {}
#tp-org li ul li:nth-child(1) {top:110px; left:90px;}
#tp-org li ul li:nth-child(2) {top:165px; left:10px;}
#tp-org li ul li:nth-child(3) {top:110px; left:-70px;}
.txt-org01 {
position: absolute;
top:145px;
left:50%;
margin-left:-55px;
width:110px;
}
.txt-org02 {
position: absolute;
margin: 0;
top:500px;
left:50%;
margin-left:-65px;
width:130px;
}
.txt-org01 img,
.txt-org02 img {
width:100%;
height: auto;
} #tp-clinical {}
#tp-clinical h2 {
font-size: 20px;
margin-bottom:4%;
}
#tp-clinical h2 br {
display: block;
} ul.medical-subject {
margin:0 auto 8% auto;
max-width:100%;
min-width: 100%;
}
ul.medical-subject li {
margin:0 4% 4% 0;
width: 46%;
}
ul.medical-subject li:nth-child(even) {
margin-right: 0;
}
#tp-clinical ul li:last-child {}
#tp-clinical ul li img {}
#tp-clinical ul li a {}
#tp-clinical p {
font-size: 16px;
line-height: 150%;
} #tp-timetable .timetable {
width: 100%;
display: block;
}
#tp-timetable .timetable img {
display: block;
margin:0 auto;
height: auto;
}
#tp-timetable .timetable img:first-child {
margin:0 auto 6% auto;
width:90%;
}
#tp-timetable .timetable img:last-child {
width:60%;
} #tp-access {}
#tp-access p {
font-size:20px;
}
#tp-access ul {
width: 280px;
margin: 0 auto 10% auto;
}
#tp-access ul li {
position:relative;
font-size:14px;
padding-left:22px;
}
#tp-access ul li:before {
width:15px;
height: 15px;
margin-top:-7px;
}
#tp-access img {} #tp-map {}
#tp-map iframe {
width:100%;
height: 400px;
} #tp-download {}
#tp-download p {
font-size: 16px;
text-align: left;
line-height: 150%;
}
#tp-download ul {
width:100%;
}
#tp-download ul li {
line-height: 50px;
margin-bottom:4%;
border-radius: 5px;
font-size:16px;
}
#tp-download ul li a {}
#tp-download ul li:first-child {}
#tp-download ul li:last-child {}
#tp-download ul li:last-child a {}
.box-pdf {
display: block;
width:100%;
}
.box-pdf p {
display: none;
}
.box-pdf p,
.box-pdf img {
display: none;
} footer {}
#footer-wrap {
width:100%;
margin:0;
} #fnav {
margin:6% 0;
}
#fnav ul {
-webkit-justify-content:center;
justify-content:center;
}
#fnav ul li {
white-space: nowrap;
position: relative;
font-size: 12px;
margin-right: 0;
padding:0 2%;
border-right:1px solid #efefef;
}
#fnav ul li:nth-child(2),
#fnav ul li:nth-child(3),
#fnav ul li:nth-child(4),
#fnav ul li:nth-child(5),
#fnav ul li:nth-child(6) {
display: none;
}
#fnav ul li a:before {
display: none;
}
#fnav ul li a {
padding-left:0;
}
#fnav ul li:last-child {
border-right: none;
} #logo-f {
width:180px;
margin: 0 auto;
text-align: center;
}
.footer-box {
display: block;
padding-bottom: 15px;
text-align: center;
}
.footer-box p {
margin:0 0 2% 0;
}
.footer-box p br {
display: none;
}
.footer-box p:nth-child(3),
.footer-box p:nth-child(4) {
display: none;
} .contact-f {
position:relative;
background:#168dcb;
border-radius:5px;
line-height: 50px;
width:80%;
font-size: 16px;
margin:10% auto 5% auto !important;
}
.contact-f a {} footer small {
background: none;
color:#603813;
margin-bottom:0;
padding-bottom:100px;
} #pagetop {
display: none !important;
} #fBtn {
display: block;
position: fixed;
left:0;
bottom:0;
z-index: 9000;
}
#fBtn ul {
position: fixed;
left:0;
bottom:0;
display: -webkit-flex;
display: flex;
width: 100%;
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.35);
box-shadow: 0 0 4px rgba(0,0,0,0.35); }
#fBtn ul li {
font-size: 13px;
width: 33.33333333%;
font-weight: 700;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
#fBtn ul li:first-child { background:#168dcb;}
#fBtn ul li:nth-child(2) { background:#00a29a;}
#fBtn ul li:nth-child(3) { background:#009a5b;}
#fBtn ul li a {
display: block;
padding:15px 0 5px 0;
color:#fff;
}
#fBtn ul li i {
display: block;
}
#fBtn ul li span {
display: block;
margin-top:0 !important;
}  article {
margin-top: 80px;
border-top:none;
}
article:before {
position: absolute;
content:'';
top:130px;
left:50%;
background-image:url(//kiguchiclinic.com/wp-content/themes/kiguchi_v2_1/img/parts/flame-left.png);
width: 867px;
height: 303px;
margin-left:-1460px;
}
article:after {
position: absolute;
content:'';
top:130px;
left:50%;
background-image:url(//kiguchiclinic.com/wp-content/themes/kiguchi_v2_1/img/parts/flame-right.png);
width: 882px;
height: 307px;
margin-left:580px;
} section {
padding:10% 0;
}
section h1 {
font-size: 20px;
margin-bottom:10%;
}
section h1:after {
position: absolute;
content:'';
bottom:-8px;
left:50%;
margin-left:-20px;
width:40px;
height: 7px;
background: url(//kiguchiclinic.com/wp-content/themes/kiguchi_v2_1/img/parts/liner.png) 50% 0 no-repeat;
background-size: 40px auto;
}
.inner {
max-width: 90%;
min-width: 90%;
} .more-info {
width:160px;
float:none !important;
font-size:16px;
border-radius: 5px;
margin:10% auto 2% auto;
-webkit-box-shadow:0 3px 0 rgba(0,0,0,0.10);
box-shadow:0 3px 0 rgba(0,0,0,0.10);
}
.more-info a {
line-height: 40px;
}
.more-info a:before {
left:15px;
}
#error404 p {
margin: 5% auto 15% auto;
font-size: 14px;
} #greeting {}
.greeting {
position:relative;
float:none;
width:100%;
text-align: left;
font-size:16px;
}
#greeting h2 {
margin-bottom:4%;
font-size: 20px !important;
text-align: center;
}
#greeting p {}
#greeting .owner {
clear:both;
overflow: hidden;
float:none;
width:90%;
margin:8% auto;
font-size: 14px;
font-weight: 700;
}
#greeting .owner img {
display: block;
margin:0 5% 5% 0;
width:135px;
height: auto;
float: left;
} #philosophy {
margin: 10% 13px;
padding: 4%;
width:93%;
}
#philosophy h3 {
font-size: 20px;
margin-bottom:2%;
}
#philosophy p {
font-size: 16px;
line-height: 200%;
text-align: left !important;
} .list-history {
padding: 5%;
}
.list-history dt {
float:none;
font-size:16px;
margin-bottom:4%;
}
.list-history dd {
padding-left:0;
font-size:14px;
}
.list-history dd:nth-child(7),
.list-history dd:nth-child(10) {
margin-bottom: 10%;
} #information {}
#information section h2 {
margin-bottom:6%;
font-weight: bold;
font-size: 20px;
line-height: 150%;
}
#information section p {
margin-bottom:8%;
font-size: 16px;
text-align: left;
}
#information section p br {
display: none;
}
#information section img {
width:100%;
max-width:100%;
height: auto;
}
ul.list-floor {
margin:12% 0 0 0;
max-width:100%;
min-width:100%;
}
ul.list-floor li {
margin-bottom: 12%;
}
ul.list-floor li img {
float:none;
width:70% !important;
max-width:70% !important;
display: block;
margin: 0 auto 8% auto;
}
ul.list-floor li dl {
float:none;
display: block;
text-align: left;
width:100%;
}
ul.list-floor li dl dt {
margin:0 auto 2% auto;
font-size: 20px;
text-align: center;
}
ul.list-floor li dl dt br {
display: block;
}
ul.list-floor li dl dd {
font-size: 16px;
line-height: 150%;
} #institution section {
padding-bottom:4% !important;
}
#institution section h2 {
margin-bottom:6%;
font-weight: bold;
font-size: 22px;
line-height: 150%;
}
#institution section h3 {
font-size: 22px;
margin-bottom:4%;
}
#institution section p {
margin-bottom:8%;
font-size: 16px;
text-align: left;
line-height:180%;
}
#institution section img {
width:100%;
max-width:100%;
height: auto;
}
.bx-caredoctor {
padding:6%;
width:100%;
margin:0 auto 4% auto;
}
.bx-caredoctor li {
font-size:16px;
margin-left:4%;
} .bx-caredoctor-online {
display: block;
margin:0 auto 10% auto;
}
.bx-caredoctor-online img {
display: block;
margin:0 auto 6% auto;
width:70% !important;
max-width:273px;
}
.bx-caredoctor-online p {
padding:0 2%;
margin:0 0 4% 0 !important;
}
.bx-caredoctor-online ul {
margin-right:0;
}
.bx-caredoctor-online ul li {}
.bx-caredoctor-online ul li:before {} .bx-care-necessary {
width:100%;
margin:6% auto 4% auto;
padding:6%;
}
.bx-care-necessary p {
padding:0 2%;
margin-bottom:6% !important;
}
.bx-care-necessary ul {
display:block;
}
.bx-care-necessary ul li {
width:100%;
font-size:16px;
margin-bottom:4%;
line-height:150%;
}
.bx-care-necessary ul li:first-child,
.bx-care-necessary ul li:nth-child(3) {
width:100% !important;
}
.bx-care-necessary ul li:nth-child(3),
.bx-care-necessary ul li:last-child {
margin-bottom:4% !important;
}
.bx-care-necessary ul li:before {}
.bx-care-necessary ul li:first-child:before {}
.bx-care-necessary ul li:nth-child(2):before {}
.bx-care-necessary ul li:nth-child(3):before {}
.bx-care-necessary ul li:last-child:before {}
.img-mynumber {
width:80% !important;
height:auto;
margin-bottom:10%;
}
.bx-myna {
display:block;
margin:6% auto 0 auto;
}
.bx-myna img {
display: block;
width:60% !important;
max-width:250px;
height:auto;
margin: 0 auto 4% auto;
}
.bx-myna a {}
.myna_url {
display: none;
} .attention-online {
position: relative;
padding-left:25px;
width:100%;
font-size:14px;
margin:0;
}
.attention-online:before {
position: absolute;
content: '※';
top:0;
left:0;
margin:0;
} #clinical section section {
padding:0;
}
#clinical section section p {
line-height: 150%;
font-size:16px;
}
#clinical section section .inner {
margin-top:80px !important;
} #clinical {}
#clinical h2 {
font-size: 20px;
margin-bottom:4%;
}
#clinical h2 br {
display: block;
}
#clinical ul li:last-child {}
#clinical ul li img {}
#clinical ul li a {}
#clinical p {
font-size: 16px;
line-height: 150%;
} #clinical section section h2 {
padding: 2% 4%;
font-size: 20px !important;
margin-bottom: 4%;
}
#clinical section section h2:after {}
#clinic01 h2 {}
#clinic02 h2 {}
#clinic03 h2 {}
#clinic04 h2 {}
#clinic05 h2 {}  #clinic02 h3 {
font-size: 15px;
padding:1% 3%;
margin-bottom:2%;
} .img-clinic {
float: none !important;
margin: 0 0 4% 0;
width:100%;
text-align: right;
font-size: 14px;
}
.img-clinic img {
margin-bottom:0;
width:46%;
display: inline-block;
margin-right: 5%;
}
.img-clinic img:nth-child(2) {
margin: 0 !important;
}
.txt-clinic {
float: none !important;
width:100%;
} .box-sas {
width:100%;
margin:0 auto 4% auto;
}
.box-sas p {
font-size: 14px !important;
}
.bdr {
position: relative;
padding:0 2%;
z-index: 1;
} .sas01 {
width:80px;
margin: 0 auto 40px auto;
}
.sas01:before {
bottom:-24px;
height: 24px;
margin-left: -5.5px;
z-index: 0;
}
.sas01:after {
bottom:-44px;
z-index: 0;
} .sas02 {
width:100%;
margin:0;
}
.sas02 strong {
display: block;
} .sas03 {
padding:10px 0 10px 45px;
}
.sas03:before {
left:20px;
height: 72px;
z-index: 1;
}
.sas03:after {
top:64px;
left: 12px;
z-index: 1;
} .sas04 {
width:70%;
margin:0;
} .sas05 {
padding:10px 0 10px 45px;
}
.sas05:before {
left:20px;
height: 170px;
z-index: 1;
}
.sas05:after {
top:158px;
left: 12px;
z-index: 1;
} .sas06 {
position:relative !important;
top:0;
left: 0;
width:100%;
margin:0 0 20px 0;
padding-right: 45px;
text-align: right;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sas06:before {
position: absolute;
content: '';
top:-198px;
bottom:-154px;
left:auto;
right:20px;
width:11px;
z-index: 1;
height: 275px;
}
.sas06:after {
position: absolute;
content: '';
left: auto;
right: 12px;
z-index: 1;
bottom:-22px;
} .sas07 {
width:100%;
margin:0 0 4% 0;
}
.sas07:before,
.sas07:after {
display: none;
} .attention {
position: relative;
padding-left:25px;
}
.attention:before {
position: absolute;
content: '※';
top:0;
left:0;
margin:0;
} .tgl {
margin-top:10%;
}
.tgl p {
line-height: 180% !important;
}
.more-clinic {
position: relative;
clear: both;
overflow: hidden;
top:0;
right: 0;
margin: 0 auto;
}
.more-clinic:before {}
.more-clinic:hover {}
.open:before {} .more {
float:none;
margin:4% auto;
}
.more img {
display: none;
}
.more-detail {
width:130px;
margin:0 auto;
font-weight: 700;
}
.more-detail a {
line-height: 40px;
}
.more-detail a:before {}
#clinic03 .more-detail {}
#clinic04 .more-detail {}
#clinic05 .more-detail {}
.more p {
margin-bottom:10px;
}  #timetable .timetable {
width: 100%;
display: block;
margin:0;
}
.timetable img:first-child {
margin-right: 0;
}
.timetable img {
display: block;
margin:0 auto;
height: auto;
}
.timetable img:first-child {
margin:0 auto 6% auto;
width:90%;
}
.timetable img:last-child {
width:60%;
} #access-map {}
#access-map p {
font-size:20px;
}
#access-map ul {
width: 280px;
margin: 0 auto 10% auto;
}
#access-map ul li {
position:relative;
font-size:14px;
padding-left:22px;
}
#access-map ul li:before {
width:15px;
height: 15px;
margin-top:-7px;
}
#access-map img {
width:100%;
height: auto;
} #map {}
#map iframe {
width:100%;
height: 400px;
} #parking {
text-align: center;
}
#parking img {
width:100%;
height: auto;
}
#tp-timetable .timetable {}
#tp-timetable .timetable img {
display: block;
margin:0 auto;
height: auto;
} #contact p {
font-size: 14px;
text-align: left;
margin-bottom:2%;
line-height: 150%;
}
#contact p a {}
.inquiryTable {
margin:10% 0 0 0;
max-width:100%;
min-width:100%;
border-spacing: 0;
}
.inquiryTable th {
width:100%;
padding:2% 0 0 0;
background: none;
}
.inquiryTable td {
width:100%;
padding:2% 0;
}
.inquiryTable th,
.inquiryTable td {
display: block;
font-size: 16px;
}
.inquiryTable label {}
.inquiryTable td input[type="text"] {
width:100%;
height: 50px;
line-height: 50px;
padding:0 2%;
font-size: 16px;
border:3px solid #009a5b;
}
.inquiryTable td.zip input[type="text"],
.inquiryTable td.tel input[type="text"],
.inquiryTable td.fax input[type="text"] {
width:25%;
height: 45px;
line-height: 45px;
padding:0 2%;
}
.inquiryTable td textarea {
width:100%;
min-height: 300px;
padding:2%;
border:3px solid #009a5b;
font-size: 16px;
}
.hisu {
position: relative;
top:0;
left:0;
display: inline-block;
width:50px;
font-size: 12px;
margin-left: 10px;
line-height: 30px;
}
.error {
display: block;
margin:10px 0 0 0;
color:#ff0000;
}
.sendBox {
margin:0 0 10% 0;
padding:4% 0;
}
.sendBox input[type="submit"] {
max-width:50%;
width:50%;
margin:10% auto;
font-size:16px;
border-radius: 5px;
line-height: 50px;
display: block;
}
.sendBox input[type="submit"]:hover {
opacity: 0.70;
cursor: pointer;
}
.complate {
min-height: 300px;
}
.complate p {
text-align: left;
line-height: 150%;
}
.ttl-sendmail {
text-align: center !important;
} #privacypolicy h2 {
padding: 3%;
margin-bottom: 4%;
font-size:18px;
}
#privacypolicy p {
margin-bottom: 10%;
}
#privacypolicy p.mttl {
font-size: 16px;
padding: 0 2% 1% 2%;
margin-bottom: 4%;
}
#privacypolicy ol {
margin:0 0 4% 6%;
}
#privacypolicy ol li {
font-size: 16px;
} #content {
width:100%;
float:none;
}
#details {
min-height: 300px;
padding-bottom:10%;
}
#details header,
#details header h1 {}
#details header {
margin-bottom:2%;
}
#details header h1 {
font-size: 16px;
line-height: 150%;
padding:2%;
}
#details img {
max-width:100%;
height: auto;
}
.detatime {
margin-bottom:6%;
font-size: 10px;
}
.navigation {
margin:4% 2%;
padding-top:4%;
}
.back {
width:60%;
margin:6% auto;
}
.back a {
padding:4% 0;
} #sidebar {
width:100%;
float:none;
margin:0 0 4% 0;
}
#sidebar h3 {
font-size: 16px;
margin:0 0 4% 0;
} #sidebar ul.sideList {
margin:0 0 4% 0;
}
#sidebar ul.sideList li {
padding:2%;
margin-bottom:2%;
}
#sidebar ul.sideList li:hover {}
#sidebar ul.sideList li:before {}
#sidebar ul.sideList li ul li {}
#sidebar aside {
margin-bottom:0;
} .list-news {
max-width:100%;
margin:0 auto 10% auto;
}
.list-news div {
display:block;
padding:2% 0;
border-bottom:2px dotted #603813;
font-size: 16px;
}
.list-news div dt {
width:100%;
}
.list-news div dd {
width:100%;
} .pagination {
clear:both;
overflow:hidden;
margin:50px 0;
text-align:center;
position:relative;
font-size:11px;
line-height:13px;
} }
@media only screen and (max-width:375px) { #news h1 {
font-size: 18px;
}
#news ul li {
font-size: 15px;
}
#news ul li dl dt {
margin-bottom: 0.5%;
} .greeting {
font-size:14px;
}
#tp-greeting h2 {
font-size: 18px;
}
#tp-greeting .owner {
font-size: 12px;
}
#tp-greeting .owner img {
width:90px;
} #tp-info .clinic {
font-size:14px;
}
#tp-info h2 {
font-size: 18px;
} #tp-org ul {
width:280px;
}
#tp-org ul:after {
top:285px;
left:90px;
width:95px;
height:95px;
}
#tp-org li {
width:90px;
height:auto;
}
#tp-org li a {
width:90px;
top:70px;
font-size: 8px;
} #tp-org li:first-child {top:50px; left:0px;}
#tp-org li:nth-child(2) {top:50px; left:188px;}
#tp-org li:nth-child(3) {top:205px; left:90px}
#tp-org li ul {
position:absolute;
width:320px;
}
#tp-org li ul li {
width:80px !important;
height:80px !important;
}
#tp-org li ul li:nth-child(1) {top:75px; left:80px;}
#tp-org li ul li:nth-child(2) {top:130px; left:8px;}
#tp-org li ul li:nth-child(3) {top:75px; left:-65px;}
.txt-org01 {
position: absolute;
top:130px;
left:50%;
margin-left:-45px;
width:90px;
}
.txt-org02 {
top:450px;
} #tp-clinical h2 {
font-size: 18px;
} #tp-access p {
font-size:18px;
} #greeting h2 {
font-size: 16px;
}
#greeting .owner {
font-size: 12px;
}
#greeting .owner img {
width:90px;
}  #access-map p {
font-size:18px;
}  #clinical h2 {
font-size: 18px;
}
} .clear	{ clear: both; } 
.mT10	{ margin-top:10px; }
.mT20	{ margin-top:20px; }
.mB10	{ margin-bottom:10px; }
.mB20	{ margin-bottom:20px; }
.mB30	{ margin-bottom:30px; }
.mB40	{ margin-bottom:40px; }
.mB50	{ margin-bottom:50px; }
#content h1, #content h2{margin: 0px 0px 25px;}
#content h2, #content h1.contentTitle, #content h1.entryPostTitle {
text-shadow: 0 1px #ffffff;
clear: both;
font-size: 128.6%;
padding: 20px 15px 15px;
font-weight: bold;
color: #333;
border-top: 1px solid #e5e5e5;
border-bottom: 3px solid #5ead3c;
position: relative;
line-height: 114.3%;
background: url(//kiguchiclinic.com/wp-content/themes/kiguchi_v2_1/images/line_wh.png) left top repeat-x;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.20);
}
#content h4 { padding-top: 8px; text-shadow: 0 1px #ffffff; padding-bottom: 5px; padding-left: 10px;color:#5ead3c; position: relative; clear:both; font-size:18px; margin:30px 0px 10px 0px; background: #efefef; }
#content h5 { color:#5ead3c; clear:both; font-size:16px; margin:30px 0px 10px; padding:10px 0px 5px; border-bottom:1px dotted #dddddd; }
#topPr h3 { margin:0px 0px 10px; padding-bottom: 5px;line-height:120%; }
#content .infoList .infoListBox div.entryTxtBox h4.entryTitle { margin: 0px 0px 5px; padding: 11px; display: block; line-height: 135.7%; font-size: 114.3%; }
.img200	{ width:200px; padding: 0 5px 0 5px; }
.img200-fix { width:200px; padding: 0 5px 0 5px; }
.img480	{ width:480px; padding: 0 5px 0 20px; float:right; }
#company-r { width:30%; float:right; } 
#company-l { width:65%; float:left; } 
#service-r { width:55%; float:right; margin:-20px 0 0 0; } 
#service-l { width:40%; float:left; margin:10px 0 0 0; }  
#content img {margin: 0;max-width: 100% !important;height: auto;}
#content table{ font-size:94%; }
#houmon #container #content.wide	{ width:99%;float:none;padding-bottom:30px; overflow:visible; }
#content p {margin-bottom: 20px;padding: 0px 5px;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
* html>body .clearfix {display: inline-block;width: 100%}
* html .clearfix {height: 1%} #content { margin-bottom: 36px; text-align:left; display:block; overflow:visible; }
#content hr	{ clear:both; display:block; margin:1em 0; }
#content .post	{ padding-bottom:25px; }
#content .alert	{ color:#f00; }
#content .caption	{ font-size:11px; line-height:110%; }
#content .center{ text-align:center; }
#content .right	{ text-align:right; }
#content .nowrap	{ white-space:nowrap; }
#content .sectionBox	{ margin-bottom:30px; display:block; overflow:hidden; }
#content .entry-meta	{ margin:15px 0; font-size:11px; color:#666; }
#content h1 { font-size:2em;margin-bottom:2em; }
#content h2,
#content h1.contentTitle,
#content h1.entryPostTitle	{ text-shadow: 0 1px #ffffff; clear:both; font-size:128.6%; padding:20px 15px 15px; font-weight:bold;color:#333; border-top: 1px solid #e5e5e5; border-bottom: 3px solid #5ead3c; position:relative; line-height:114.3%; background:url(//kiguchiclinic.com/wp-content/themes/kiguchi_v2_1/images/line_wh.png) left top repeat-x; box-shadow: 0px 1px 3px rgba(0,0,0,0.20); }
#content h1.entryPostTitle	{ margin:0px 0px 5px; }
#content h1,
#content h2	{ margin:0px 0px 25px; }
#content h2	a	{ text-decoration:none; }
#content h2.imageTit	{ margin:0px 0px 30px; border:none; padding:0px; background:none; }
.single-post #content h2 { border:none;padding:0;box-shadow: none; font-size:171.4%;margin-top:10px;}
#content h3	{ text-shadow: 0 1px #ffffff; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1); position: relative; clear:both; font-size:18px;margin:40px 0px 35px; padding:10px 10px 7px; background-color:#f4f4f4;border-left: 3px solid #5ead3c;  }
#content h4 { padding-top: 8px; text-shadow: 0 1px #ffffff; padding-bottom: 5px; color:#5ead3c; position: relative; clear:both; font-size:18px;margin:30px 0px 20px; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; background: url(//kiguchiclinic.com/wp-content/themes/kiguchi_v2_1/images/line_wh.png) left top repeat-x; }
#content h5 { color:#5ead3c; clear:both; font-size:16px;margin:30px 0px 20px; padding:10px 0px 5px; border-bottom:1px dotted #eeeeee; }
#content h6 { clear:both; font-size:14px;margin:30px 0px 20px; padding:10px 0px 0px;}
#content p { margin-bottom: 20px;padding:0px 5px; }
#content blockquote,
#content .sectionFrame { border: 3px solid #e6e6e6; padding:20px 15px 0px;margin-bottom:20px; clear:both; box-shadow: 0px 0px 2px rgba(0,0,0,.15); }
#content strong	{ font-weight:bold; }
#content address { margin-bottom:20px; }
#content ul	{ margin:0px 0px 20px 20px; }
#content li	{ margin-bottom:10px; }
#content ul li	{ list-style:disc;padding:0px; }
#content ul ul	{ margin-top:10px; }
#content ul ul li	{ list-style:circle; }
#content ol	{ margin:0px 0px 20px 25px; }
#content ol li	{ list-style:decimal;padding:0px; }
#content table { border-top: 1px solid #ccc; margin: 10px -1px 24px 0; text-align: left; width: 100%;border-collapse: collapse; border-spacing: 0;font-size:85.7%; line-height:141.7%; }
#content table thead tr th	{ font-weight:bold; }
#content table tr th,
#content table thead tr th { padding: 9px 24px; background-color:#f5f5f5; }
#content table tfoot tr th,
#content table tfoot tr td	{font-weight:bold;}
#content table tr th { border: 1px solid #ccc; padding: 10px 15px; vertical-align:top; }
#content table tr td { border: 1px solid #ccc; padding: 10px 15px; vertical-align:top; }
#content table tr td p	{ margin:0px 0px 5px; padding:0px; }
#content table ol,
#content table ul	{ margin-bottom:5px;margin-left:15px;}
#content table ol li,
#content table ul li	{ margin:2px 0px; }
#content table.mobile-block th,
#content table.mobile-block td { border-top:none;display: block; }
#content dt		{ color:#000;padding-bottom:3px;margin-bottom:10px; color:#5ead3c; }
#content dd		{ margin:0px 0px 30px;padding:0px;}
.innerBox		{text-align:left;width:94%;margin:0px 3%;}  .innerBox,
#gMenu #gMenuInner.innerBox	{ max-width:950px; margin:0px auto; }
#houmon #container	{ padding-top:40px;}
#houmon #container #content	{ float:left; width:680px; }
#houmon #container #sideTower	{ float:right; width:220px;clear:none; }
body.left-sidebar #houmon #container #content	{ float:right; }
body.left-sidebar #houmon #container #sideTower	{ float:left; }
body.home.one-column #houmon #container #content	{ float:none;width:100%; }
body.home.one-column #houmon #container #sideTower	{ float:none; display:none; }
#houmon #container #content.wide,
body.left-sidebar #houmon #container #content.wide	{ float:none; } .bnr_style{ border:1px solid #ccc; padding:14px 30px; border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
-webkit-border-radius:4px;
}
p.lead{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#666; font-size:210%; }
#kango-introInn-l{ float:left; width:44%; text-align:center; margin-bottom: 20px;}
#kango-introInn-l p{ font-size:180%; font-weight:bold; line-height:1.2; }
#kango-introInn-r{ float:right; width:50%; padding-top:10px; margin-bottom: 20px; background:url(//kiguchiclinic.com/wp-content/themes/kiguchi_v2_1/img/content/houmon/bg_intro.jpg) no-repeat top right; background-size:420px auto;  }
#kango-renkei{ background:#d4eabf; padding-bottom:14px; text-align:center; border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
-webkit-border-radius:4px;
}
#kango-renkei img{ background:#fff; padding:10px; width:54%; border:1px solid #ccc; border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
-webkit-border-radius:4px;
} #kango-renkei span{ background:#5ead3c; padding:6px 0; margin-bottom:14px; display:block; color:#fff; font-weight:bold; border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
-o-border-radius:4px 4px 0 0;
-ms-border-radius:4px 4px 0 0;
-webkit-border-radius:4px 4px 0 0;
} #kango-feature #kango-feature-link ul{ width:100%; margin:0; padding:0; text-align:center; display:flex; flex-wrap: wrap;}
#kango-feature #kango-feature-link ul li{ list-style:none; width:24%; margin-right:3px; border:3px solid #e6e6e6; border-radius:6px;
-moz-border-radius:6px;
-o-border-radius:6px;
-ms-border-radius:6px;
-webkit-border-radius:6px;
}
#kango-feature #kango-feature-link ul li a{ display:block; padding:14px 0; font-weight:bold; }
#kango-feature #kango-feature-link ul li a:hover{ background:#ebebeb; color:#333; }
#kango-feature-link ul li img{ width:18%; margin-bottom:6px; } #kango-mapInn-l{ margin-bottom:10px; }
#kango-mapInn-r{}
.pc-none{ display:none; }  caption{ text-align:left; margin-bottom:4px; }
small{ font-size:84%; line-height:1; }
#kango-service .service_ttl{ font-weight:bold; font-size:110%; margin-bottom:0; }
#kango-service p{ margin-bottom:0; }
#kango-service img{ margin-top:10px; }
#kango-service ul{ margin:0; padding:0; }
#kango-service ul li{ list-style:none; padding:16px; float:left; width:28%; border:4px solid #ededed; border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
-ms-border-radius:10px;
-webkit-border-radius:10px;
}
#kango-service ul li:nth-child(-n+3){ width:28%; }
#kango-service ul li:nth-child(-n+2), #kango-service ul li:nth-child(4), #kango-service ul li:nth-child(5), #kango-service ul li:nth-child(7), #kango-service ul li:nth-child(9){ margin-right:15px;}
#kango-service ul li:nth-child(2) img, #kango-service ul li:nth-child(3) img{ width:88%; }
#kango-service ul li:nth-child(4) img{ width:99.5%; }
#kango-service ul li:nth-child(7) img, #kango-service ul li:nth-child(9) img{ width:83%; }
#kango-example{ background:#d4eabf; padding:24px 24px 14px; border-radius:6px;
-moz-border-radius:6px;
-o-border-radius:6px;
-ms-border-radius:6px;
-webkit-border-radius:6px;
}
#kango-example ul{ width:100%; margin:0; padding:0; text-align:center; }
#kango-example ul li{ list-style:none; display:inline-block; width:28.4%; font-weight:bold; background:#fff; padding:14px; margin-right:18px; position:relative; border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
-webkit-border-radius:4px;
}
#kango-example ul li:nth-child(-n+2):after{ position:absolute; content:""; display:block; width:0; height:0; border-left:16px solid #fff; border-top:10px solid transparent; border-bottom:10px solid transparent; top:40%; left:100%; }
#kango-example ul li:last-child{ margin-right:0; }
#kango-example span{ font-size:86%; }  @media (min-width: 660px) { #main #container	{ padding-top:20px;}
#main #container #content	{ margin:0px auto; }
#content p	{line-height:170%;}
}  @media (max-width: 768px) { 
#kango-feature #kango-feature-link ul li{ width:23.7%; }
#kango-service ul li{ padding:8px; width:28.55%; }
#kango-service ul li:nth-child(-n+3){ width:28.55%; }
#kango-service ul li:nth-child(-n+2), #kango-service ul li:nth-child(4), #kango-service ul li:nth-child(5), #kango-service ul li:nth-child(7), #kango-service ul li:nth-child(8), #kango-service ul li:nth-child(9){ margin-right:10px;}
#kango-service ul li:nth-child(2) img{ width:85%; }
#kango-service ul li:nth-child(4){ width:61.5%;}
#kango-service ul li:nth-child(4) img{ width:60%;} #kango-example{ padding:6px; }
#kango-example ul li{ width:28%; padding:10px; margin-right:12px; }
#kango-example ul li br{ display:none;}
}
@media (max-width: 767px) { #kango-introInn-l, #kango-introInn-r{ width:100%; float:none; }
#kango-renkei img{  width:62%; } #kango-feature #kango-feature-link ul li{ width:48%; }
#kango-feature-link ul li img{ width:16%; } #kango-example{ padding:14px 14px 6px; }
#kango-example ul li{ width:28.2%; padding:10px; margin-right:10px; }
#kango-example ul li:nth-child(-n+2):after{ border-left:10px solid #fff; border-top:6px solid transparent; border-bottom:6px solid transparent; }
}
@media (max-width: 660px) { 
#company-r { width:50%; float:left; text-align:center;} 
#company-l { width:100%; float:left; } 
.img480	{ width:100%; padding: 0 20px 0 20px; }
#service-r { width:100%; float:left; margin:0 0 0 0; } 
#service-l { width:100%; float:left; } 
.moreLink a { width:25%; } #kango-feature #kango-feature-link ul li{ list-style:none; width:48.25%; }
#kango-feature #kango-feature-link ul li:nth-child(even){margin-right: 0;} #kango-service ul li{ padding:12px; float:none; width:94%; }
#kango-service ul li:nth-child(-n+3){ width:94%; }
#kango-service ul li img{ width:60%; }
#kango-service ul li:nth-child(-n+2), #kango-service ul li:nth-child(4), #kango-service ul li:nth-child(5), #kango-service ul li:nth-child(7), #kango-service ul li:nth-child(9){ margin-right:0;}
#kango-service ul li:nth-child(2) img, #kango-service ul li:nth-child(3) img, #kango-service ul li:nth-child(7) img, #kango-service ul li:nth-child(9) img{ width:50%; }
#kango-example{ padding:14px 14px 6px; }
#kango-example ul li{ width:27%; }
}
@media (max-width: 560px) { 
#content img{ width:100%; }
.img200	{ width:100%; }
.moreLink a { width:40%; } p.lead{ font-size:170%; }
#kango-introInn-l, #kango-introInn-r{ width:100%; float:none; }
#kango-renkei img{ width:60%; } #kango-feature #kango-feature-link ul li{ width:100%; }
#kango-feature-link ul li img{ width:14%; }
.pc-none{ display:flex; }  #kango-service ul li{ padding:8px; float:none; width:92%; }
#kango-service ul li:nth-child(-n+3){ width:92%; }
#kango-service ul li img{ width:60%; }
#kango-service ul li:nth-child(-n+2), #kango-service ul li:nth-child(4), #kango-service ul li:nth-child(5), #kango-service ul li:nth-child(7), #kango-service ul li:nth-child(9){ margin-right:0;}
#kango-service ul li:nth-child(2) img, #kango-service ul li:nth-child(3) img, #kango-service ul li:nth-child(7) img, #kango-service ul li:nth-child(9) img{ width:50%; }
#kango-service ul li:nth-child(4){ width:92%;}
#kango-example{ padding:14px 14px 6px; }
#kango-example ul{ width:100%; margin:0; padding:0; }
#kango-example ul li{ width:90%; padding:14px; margin-right:0; position:relative; margin-bottom:26px; }
#kango-example ul li:nth-child(-n+2):after{ border-top:16px solid #fff; border-left:10px solid transparent; border-right:10px solid transparent; top:100%; left:48%; }
}