html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details, figcaption,
figure,
footer,
header,
main, menu,
nav,
section,
summary { display: block;
} audio,
canvas,
progress,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} progress {
vertical-align: baseline;
} template, [hidden] {
display: none;
}  a {
background-color: transparent; -webkit-text-decoration-skip: objects; } a:active,
a:hover {
outline-width: 0;
}  abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bold;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background-color: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
} svg:not(:root) {
overflow: hidden;
}  code,
kbd,
pre,
samp {
font-family: monospace, monospace; font-size: 1em; } figure {
margin: 1em 40px;
} hr {
box-sizing: content-box; height: 0; overflow: visible; }  button,
input,
select,
textarea {
font: inherit; margin: 0; } optgroup {
font-weight: bold;
} button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
html [type="button"], [type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 100;
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Thin.eot); src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Thin.eot?#iefix) format('embedded-opentype'), url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Thin.woff) format('woff'), url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Thin.ttf)  format('truetype'); }
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 200;
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Light.eot);
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Light.eot?#iefix) format('embedded-opentype'),
url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Light.woff) format('woff'),
url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Light.ttf)  format('truetype');
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 300;
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-DemiLight.eot);
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-DemiLight.eot?#iefix) format('embedded-opentype'),
url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-DemiLight.woff) format('woff'),
url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-DemiLight.ttf)  format('truetype');
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 400;
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Regular.eot);
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Regular.eot?#iefix) format('embedded-opentype'),
url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Regular.woff) format('woff'),
url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Regular.ttf)  format('truetype');
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 500;
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Medium.eot);
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Medium.eot?#iefix) format('embedded-opentype'),
url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Medium.woff) format('woff'),
url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Medium.ttf)  format('truetype');
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 700;
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Bold.eot);
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Bold.eot?#iefix) format('embedded-opentype'),
url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Bold.woff) format('woff'),
url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Bold.ttf)  format('truetype');
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 900;
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Black.eot);
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Black.eot?#iefix) format('embedded-opentype'),
url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Black.woff) format('woff'),
url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Black.ttf)  format('truetype');
}
.thin {
font-weight: 100;
}
.light {
font-weight: 200;
}
.demi-light {
font-weight: 300;
}
.regular {
font-weight: 400;
}
.medium {
font-weight: 500;
}
.bold {
font-weight: 700;
}
.black {
font-weight: 900;
}
html {
font-size: 62.5%;
}
@media screen and (max-width: 768px) {
html {
font-size: 75%;
}
}
body,
input,
textarea {
font-size: 1.5rem;
font-weight: 300;
line-height: 1.65 ;
font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
color: #583a21;
}
.noto {
font-family: "Noto Sans Japanese","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
letter-spacing: -0.02em;
display: inline-block;
padding: 0.4em 0 0\0;
}
.noto::after {
content: "";
font-family: sans-serif;
}
.mincho{
font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif;
}
a{
text-decoration: none;
}
a:focus { outline:none;}
a:link,a:visited {
color: #0066cc;
}
a:active,
a:hover {
text-decoration: underline;
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
}
a[href^="tel:"]:hover {
opacity: 1;
cursor: inherit;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
textarea {
background: #f9f9f9;
border: 1px solid #ccc;
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
padding: 0.2em 0.5em;
} table {
border-collapse: separate;
border-spacing:0;
empty-cells:show;
border-top:1px solid #dcdddd;
border-right:none;
border-bottom:none;
border-left:1px solid #dcdddd;
margin: 2em 0;
width: 100%;
}
td,
th {
padding: 1rem;
border-top:none;
border-right:1px solid #dcdddd;
border-bottom:1px solid #dcdddd;
border-left:none;
}
th {
background: #efefef;
white-space: nowrap;
} .floatbox {
overflow: hidden;
}
.floatlist {
list-style: none;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0;
}
.floatlist li {
display: inline-block;
vertical-align: top;
font-size: 1.5rem;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.left {
float: left;
}
.right {
float: right;
}
.center {
text-align: center;
}
.table {
display: table;
width: 100%;
}
.cell {
display: table-cell;
vertical-align: middle;
}
.imgbox {
line-height: 0;
}
.clear {
clear: both;
}
.clearfix::after {
clear: both;
content: ".";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
img,iframe {
max-width: 100%;
}
.hidden {
display: none;
}
@media screen and (max-width: 768px) {
body,
input,
textarea {
font-size: 1.8rem;
}
}@media screen and (min-width: 769px) {
.sp {
display: none;
}
}
@media screen and (max-width: 768px) {
.pc {
display: none;
}
} @font-face {
font-family: 'LogoTypeGothic';
src: url(https://nagata-clin.jp/wp-content/themes/nagata-clinic/font/LogoTypeGothic.otf) format("opentype");
}
.logotype {
font-family: 'LogoTypeGothic';
}
.crimson {
font-family: 'Crimson Text', serif;
} .entry-content {
clear: both;
overflow: hidden;
}
.entry-title {
margin: 2.5rem 0;
font-size: 3.2rem;
font-weight: bold;
}
.entry-content p {
margin: 2rem 0;
}
.entry-content h2, 
.entry-content h3 {
margin: 3rem 0 2rem;
}
.entry-content h2 {
padding: 1.5rem 1.2rem;
border-left: solid 4px #583a21;
background: #b2c040 no-repeat top left;
color: #fff;
font-size: 2.4rem;
font-weight: bold;
}
.entry-content h3 {
font-size: 2rem;
font-weight: bold;
border-bottom: 3px dotted #317838;
}
.entry-content fieldset {
border: 1px solid #e7e7e7;
margin: 0 0 2.4px 0;
padding: 2.4rem;
}
.entry-content fieldset legend {
background: #fff;
color: #000;
font-weight: bold;
padding: 0 2.4rem;
}
.entry-content input.file,
.entry-content input.button {
margin-right: 2.4rem;
}
.entry-content sup,
.entry-content sub {
font-size: 1rem;
}
.edit-link {
clear: both;
display: block;
text-align: right;
margin: 2rem 0;
}
#content .video-player {
padding: 0;
}
.format-standard .wp-video,
.format-standard .wp-audio-shortcode,
.format-audio .wp-audio-shortcode,
.format-standard .video-player {
margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
.entry-title {
font-size: 2.4rem;
}
.entry-content h2 {
padding: 1.3rem 1.2rem;
font-size: 2rem;
}
.entry-content h3 {
font-size: 2rem;
}
} img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img {
max-width: 100%;
height: auto;
}
.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 2.4rem;
margin-top: 0.4rem;
}
.alignright,
img.alignright {
display: inline;
float: right;
margin-left: 2.4rem;
margin-top: 0.4rem;
}
.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 2rem;
}
.entry-content p.clear {
padding-bottom: 0.5rem;
margin: -2.5rem;
}
.wp-caption {
background: #f1f1f1;
line-height: 1.8rem;
margin-bottom: 2rem;
max-width: 100% !important;
box-sizing: border-box;
padding: 4px;
text-align: center;
}
.wp-caption img {
margin: 5px 5px 0;
max-width: 100%;
}
.wp-caption p.wp-caption-text {
color: #777;
font-size: 12px;
margin: 5px;
}
@media screen and (max-width: 640px) {
img.alignleft, img.alignright, img.aligncenter {
margin: 4rem auto 2rem auto;
float: none;
display: block;
}
} .wp-pagenavi {
clear: both;
padding-top: 4rem;
text-align: center;
}
.wp-pagenavi a, 
.wp-pagenavi span {
border: 2px solid #583a21;
border-radius: 4px;
color: #583a21;
display: inline-block;
font-weight: bold;
height: 2em;
line-height: 2.1em;
margin: 0 0.25em;
text-align: center;
vertical-align: middle;
width: 2em;
}
.wp-pagenavi a:hover, 
.wp-pagenavi span {
background: #583a21 none repeat scroll 0 0;
color: #fff;
opacity: 1;
text-decoration: none;
}
.wp-pagenavi .extend {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
color: #000;
width: 1em;
}
.wp-pagenavi .extend::after {
content: "…";
}
.wp-pagenavi .previouspostslink, 
.wp-pagenavi .nextpostslink {
background: #583a21 none repeat scroll 0 0;
border-radius: 45%;
height: 1em;
position: relative;
text-indent: -999999px;
vertical-align: middle;
width: 1em;
}
.wp-pagenavi .previouspostslink::after {
border-color: transparent #fff;
border-style: solid;
border-width: 4px 6px 4px 0;
content: "";
height: 0;
left: 0.2em;
position: absolute;
top: 0.225em;
width: 0;
}
.wp-pagenavi .nextpostslink::after {
border-color: transparent transparent transparent #fff;
border-style: solid;
border-width: 4px 0 4px 6px;
content: "";
height: 0;
left: 0.4em;
position: absolute;
top: 0.225em;
width: 0;
}
@media screen and (max-width: 768px) {
.wp-pagenavi .previouspostslink, 
.wp-pagenavi .nextpostslink {
border-radius: 100%;
}
.wp-pagenavi .previouspostslink::after, 
.wp-pagenavi .nextpostslink::after {
top: 0.34em;
}
.wp-pagenavi .previouspostslink::after {
left: 0.3em;
}
} html {
background: #fff;
}
#wrapper {
position: relative;
}
@media screen and (min-width: 769px) {
#wrapper,
#header {
min-width: 1020px;
}
} #main {
position: relative;
z-index: 1;
margin-bottom: 35px;
}
.content-width {
max-width: 1000px;
margin: 0 auto;
box-sizing: border-box;
}
.sec-box {
padding: 50px 0;
}
.sec-text {
margin: 30px 0;
}
.sec-text-center {
text-align: center;
}
@media screen and (max-width: 768px) {
#wrapper {
width: 480px;
margin: 0 auto;
overflow: hidden;
}
.content-width {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.sec-box {
padding: 30px 0;
}
} .br-sp {
display: none;
}
@media screen and (max-width: 768px) {
.br-pc {
display: none;
}
.br-sp {
display: inline-block;
}
}
h1,
h2,
h3 {
margin: 0;
font-weight: normal;
} a,
.clickable {
transition-property: opacity;
transition-duration: .3s;
}
.clickable:hover {
opacity: .7;
cursor: pointer;
}
a:link,
a:visited {
color: #583a21;
}
a.detail-link {
position: relative;
display: block;
padding: 10px 0;
border-radius: 3px;
background: #b2c040 no-repeat top left;
font-size: 1.7rem;
font-weight: 400;
text-align: center;
}
a.detail-link::after {
content: '';
width: 14px;
height: 14px;
position: absolute;
top: 17px;
right: 16px;
border-width: 1px 1px 0 0;
border-color: #fff;
border-style: solid;
box-sizing: border-box;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
a.detail-link {
width: 314px;
margin: 0 auto;
}
a.detail-link::after {
top: 20px;
}
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
.section-title {
font-size: 2.7rem;
text-align: center;
}
.section-title.ttl-l {
text-align: left;
}
.headline-leaf {
padding: 0 70px;
background-color: transparent;
background-image: url(https://nagata-clin.jp/wp-content/themes/nagata-clinic/images/common/headline_leaf_01.png), 
url(https://nagata-clin.jp/wp-content/themes/nagata-clinic/images/common/headline_leaf_01.png);
background-repeat: no-repeat, no-repeat;
background-position: center left, center right;
}
.headline-leaf-single {
padding: 0 70px;
background-color: transparent;
background-image: url(https://nagata-clin.jp/wp-content/themes/nagata-clinic/images/common/headline_leaf_01.png);
background-repeat: no-repeat;
background-position: center left;
}
.border-bottom-title {
padding: 10px 0;
border-bottom: 2px #b2c040 solid;
font-size: 2.5rem;
text-align: center;
}
.common-sub-ttl {
padding: 10px 20px;
font-size: 1.8rem;
background-image: url(https://nagata-clin.jp/wp-content/themes/nagata-clinic/images/common/ico_headline_square.png);
background-position: top 17px left;
background-repeat: no-repeat;
border-bottom: 1px dotted #ccc;
}
@media screen and (min-width: 769px) {
.sp-tel {
pointer-events: none;
}
}
@media screen and (max-width: 768px) {
.common-sub-ttl {
background-position: center left;
}
.headline-leaf-single {
padding-right: 0;
line-height: 1.2;
}
}
.consultation-time-table, 
.consultation-time-table th, 
.consultation-time-table td {
border-color: #fff;
font-size: 1.6rem;
}
.consultation-time-table {
margin: 20px 0 10px;
}
.consultation-time-table th {
background: #b2c040 no-repeat top left;
font-weight: normal;
}
.consultation-time-table td {
position: relative;
background: #faf3df no-repeat top left;
}
.consultation-time-table td.open::after,
.consultation-time-table td.close::after {
content: '';
width: 17px;
position: absolute; left: 50%;
margin-left: -8px;
background: #2c7837 no-repeat top left;
}
.consultation-time-table td.open::after {
height: 17px;
margin-top: -8px;
border-radius: 100%;
}
.consultation-time-table td.close::after {
height: 1px;
background: #2c7837 no-repeat top left;
} #header {
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
border-top: 4px #317838 solid;
background: rgba(255, 255, 255, .85) no-repeat top left;
}
#header.fixed {
position: fixed;
}
#site-description {
float: left;
margin: 16px 0;
color: rgb(88, 58, 33);
font-size: 1.4rem;
font-weight: bold;
}
#header .contact-tel-box {
width: 270px;
float: right;
}
.contact-tel-box span {
display: block;
}
.contact-tel-box .contact-here {
padding: 1px 0 4px;
border-radius: 0 0 3px 3px;
background: #317838 no-repeat top left;
color: #fff;
font-size: 1.7rem;
text-align: center;
}
.contact-tel-box .tel-number {
display: inline-block;
padding-top: 8px;
padding-left: 28px;
background-image: url(https://nagata-clin.jp/wp-content/themes/nagata-clinic/images/header/tel.png);
background-repeat: no-repeat;
background-position: left 60%;
color: #317838;
font-size: 4rem;
font-weight: 600;
text-align: right;
line-height: 1;
letter-spacing: 2px;
}
#header * { }
#header.is-scroll * {
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
#header.fixed #site-description ,
#header.fixed .contact-tel-box .contact-here {
display: none; }
#site-title {
float: left;
}
#site-title a {
display: block;
}
#header.fixed #site-title {
margin-top: 20px;
transition: none;
}
#gnav {
float: right;
padding-top: 3px;
font-size: 0;
}
#gnav li {
display: inline-block;
vertical-align: top;
margin-right: 16px;
font-size: 1.6rem;
}
#gnav li:last-child {
margin-right: 0;
}
#gnav li a {
display: block;
padding: 6px 0 14px;
border-bottom: 3px transparent solid;
color: #317838;
} #gnav li:last-child a {
padding: 6px 8px;
background: #317838;
color: #fff;
}
#gnav li.current_page_item a ,
#gnav li a:hover {
border-bottom: 3px #317838 solid;
text-decoration: none;
}
@media screen and (min-width: 769px) {
#sp-menu-btn, 
#sp-header-tel {
display: none;
}
}
@media screen and (max-width: 768px) {
#header {
position: fixed;
width: 480px;
top: 0;
left: 50%;
margin-left: -240px;
background-color: #fff;
}
#masthead {
padding: 0;
}
#site-description, 
.contact-tel-box {
display: none;
}
#site-title {
width: 250px;
margin: 7px 0 0 15px;
}
#gnav {
width: 480px;
position: fixed;
z-index: 3;
top: 77px;
left: 50%;
margin-left: -240px;
padding: 0;
background: #fff no-repeat top left;
opacity: 0;
pointer-events: none;
}
#gnav.loaded {
transition-property: opacity;
transition-duration: .3s;
}
#gnav.opening {
opacity: 1;
pointer-events: auto;
}
#gnav li {
display: block;
margin: 0;
border-top: 1px #317838 solid;
font-size: 2.2rem;
}
#gnav li:last-child {
border-bottom: 1px #317838 solid;
}
#gnav li a {
padding: 10px;
border: 0;
}
#gnav li a:hover {
border: 0;
} #gnav li.current_page_item a {
border-bottom: none;
}
#sp-menu-btn, 
#sp-header-tel {
float: right;
width: 80px;
height: 73px;
}
.sp-link-block-top {
height: 44px;
position: relative;
}
#sp-header-tel .sp-link-block-top {
background: transparent no-repeat bottom 4px center;
background-image: url(https://nagata-clin.jp/wp-content/themes/nagata-clinic/images/footer/tel.png);
}
.sp-link-block-top.stripe span {
content: '';
width: 50px;
height: 2px;
position: absolute;
left: 14px;
background: #317838 no-repeat top left;
transition-property: width, top, bottom, left, opacity, 
-webkit-transform, -ms-transform, transform;
transition-duration: .3s;
}
.sp-link-block-top.stripe span:first-child {
top: 10px;
}
.sp-link-block-top.stripe span:nth-child(2) {
top: 24px;
}
.sp-link-block-top.stripe span:last-child {
bottom: 4px;
}
#sp-menu-btn.opening .stripe span {
width: 40px;
left: 20px;
}
#sp-menu-btn.opening .stripe span:first-child {
top: 24px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#sp-menu-btn.opening .stripe span:nth-child(2) {
opacity: 0;
}
#sp-menu-btn.opening .stripe span:last-child {
bottom: 18px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sp-link-block-bottom {
display: block;
color: #317838;
font-size: 1.5rem;
text-align: center;
letter-spacing: 1px;
}
} #footer {
background: transparent repeat-x top 18px left;
background-image: url(https://nagata-clin.jp/wp-content/themes/nagata-clinic/images/footer/leaf.png);
}
#colophon {
margin-bottom: 30px;
}
#footer-logo {
margin-bottom: 20px;
text-align: center;
}
.footer-contents {
font-size: 0;
}
.footer-contents li {
width: 48%;
display: inline-block;
vertical-align: top;
margin-right: 4%;
font-size: 1.4rem;
}
.footer-contents li:last-child {
margin-right: 0;
}
.footer-contents li.footer-web-reserve {
width: 31.4%;
}
.footer-contents .border-bottom-title {
margin-bottom: 18px;
font-size: 1.8rem;
}
.footer-tel {
text-align: center;
}
.footer-tel .tel-number {
display: block;
margin-bottom: 4px;
padding-top: 5px;
background-image: url(https://nagata-clin.jp/wp-content/themes/nagata-clinic/images/footer/tel.png);
background-repeat: no-repeat;
background-position: 15% 60%;
color: #317838;
font-size: 4.8rem;
font-weight: 600; text-align: center;
line-height: 0.8;
letter-spacing: 2px;
}
.footer-tel .tel-number:hover {
text-decoration: none;
}
.footer-tel .address {
margin-bottom: 3px;
}
.footer-tel .closed-day {
line-height: 1.5;
}
.footer-web-reserve .qr-code {
float: left;
}
.footer-web-reserve .web-reserve-text {
float: right;
}
.web-reserve-text .read {
margin-bottom: 8px;
line-height: 1.4;
letter-spacing: -1px;
}
.web-reserve-text .method {
display: block;
margin-bottom: 5px;
padding: 3px 0;
border: 1px #b2c040 solid;
color: #317838;
font-size: 1.5rem;
text-align: center;
letter-spacing: 1px;
}
.web-reserve-text .method:hover {
text-decoration: none;
}
.web-reserve-text .notice {
margin-bottom: 5px;
font-size: 1.3rem;
letter-spacing: -1px;
}
#footer-menu ul {}
#footer-menu ul li {
width: 50%;
position: relative;
margin: 0 0 7px 0;
padding-left: 14px;
box-sizing: border-box;
font-size: 1.3rem;
}
#footer-menu ul li::before {
content: '';
width: 6px;
height: 6px;
position: absolute;
top: 50%;
left: 0;
margin-top: -4px;
border-width: 1px 1px 0 0;
border-color: #42864b;
border-style: solid;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#copyrights {
padding: 8px 0;
background: #317838 no-repeat top left;
color: #fff;
}
#copyrights p {
margin: 0;
}
@media screen and (max-width: 768px) {
#colophon {
margin-bottom: 0;
}
.footer-contents li,
.footer-contents li.footer-web-reserve {
width: 100%;
margin: 0;
}
.footer-tel .detail {
text-align: center;
}
.footer-tel .tel-number {
display: inline-block;
padding-left: 30px;
background-position: top 0px left;
}
.footer-web-reserve .detail {
width: 82%;
margin: 0 auto;
}
.footer-tel .tel-number {
font-size: 3.6rem;
background-position: left 70%;
}
#footer-menu ul li {
padding-left: 18px;
font-size: 1.6rem;
}
.footer-contents .footer-sitemap-link {
display: none;
}
} .type-title-box {
position: relative;
background: transparent no-repeat bottom center;
-webkit-background-size: cover;
background-size: cover;
}
.type-title-box .leaf {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent repeat-x bottom center;
background-image: url(https://nagata-clin.jp/wp-content/themes/nagata-clinic/images/top/mi_leaf_01.png);
}
.page .type-title-box,
.category .type-title-box,
.single-post .type-title-box {
background-image: url(https://nagata-clin.jp/wp-content/themes/nagata-clinic/images/page/about/bg_mv_about.png);
}
.type-title-box::after { }
.type-title-inner {
position: relative;
z-index: 2;
height: 460px;
}
.type-title-inner .cell {
padding-top: 135px;
}
.type-title-text {
color: #317838;
font-size: 3.3rem;
text-align: center;
text-shadow: 1px 1px 10px #fff;
}
@media screen and (max-width: 768px) {
.type-title-inner {
height: 280px;
}
.type-title-inner .cell {
padding-top: 0;
}
.type-title-text {
font-size: 3rem;
}
} #breadcrumbs {
padding: 10px 0;
text-align: right;
}
@media screen and (max-width: 768px) {
#breadcrumbs {
font-size: 1.6rem;
}
} .home #news {
padding: 40px 0;
}
.news-title-box {
position: relative;
margin-bottom: 5px;
}
.news-title-box .more-link {
display: block;
position: absolute;
top: 0;
right: 0;
padding-right: 20px;
font-size: 2.4rem;
}
.news-title-box .more-link::after {
content: '';
width: 14px;
height: 14px;
position: absolute;
top: 15px;
right: 0;
border-width: 1px 1px 0 0;
border-color: #42864b;
border-style: solid;
box-sizing: border-box;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.news-list li {
padding: 20px 0;
border-bottom: 1px #ccc dotted;
font-size: 0;
}
.news-list li span,
.news-list li a {
display: inline-block;
vertical-align: middle;
font-size: 1.4rem;
}
.news-list li .date {
width: 8.7%;
}
.news-list li .category {
width: 14.3%;
margin-right: 1.9%;
padding: 4px 0;
background: #317838 no-repeat top left;
color: #fff;
text-align: center;
}
.news-list li .category.category2 {
background-color: #b2c040;
}
.news-list li .category.category3 {
background-color: #583a21;
}
.news-list li .news-headline {
max-width: 75.1%;
}
@media screen and (min-width: 769px) {
a.news-more-link-bottom {
display: none;
}
}
@media screen and (max-width: 768px) {
.news-title-box .more-link {
display: none;
}
.news-title-box .more-link::after {
top: 20px;
}
.news-list li .date {
width: 21%;
}
.news-list li .category {
width: 40%;
margin-right: 39%;
font-size: 1.3rem;
padding: 0;
}
.news-list li .news-headline {
max-width: 100%;
margin-top: 10px;
}
#news .detail-link {
margin-top: 20px;
}
} .single .entry-content {
padding: 40px 0;
}
.single .entry-meta {
display: table;
}
.single .entry-meta .entry-date ,
.single .entry-meta .entry-category {
display: table-cell;
}
.single .entry-meta .entry-date {
padding-right: 20px;
}
.single .entry-meta .entry-category a {
display: block;
padding: 4px 18px;
font-size: 1.2rem;
color: #fff;
background-color: #317838;
} .error404 #main {
padding-top: 141px;
}
.not-found-box {
padding: 20px 0;
font-size: 2rem;
text-align: center;
}
@media screen and (max-width: 768px) {
.error404 #main {
padding-top: 0;
}
}.bx-wrapper{position:relative;margin-bottom:60px;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;background:#fff}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(//nagata-clin.jp/wp-content/themes/nagata-clinic/scripts/bxslider/images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;vertical-align:bottom}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px;background:url(//nagata-clin.jp/wp-content/themes/nagata-clinic/scripts/bxslider/images/controls.png) 0 -32px no-repeat}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next{right:10px;background:url(//nagata-clin.jp/wp-content/themes/nagata-clinic/scripts/bxslider/images/controls.png) -43px -32px no-repeat}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(//nagata-clin.jp/wp-content/themes/nagata-clinic/scripts/bxslider/images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(//nagata-clin.jp/wp-content/themes/nagata-clinic/scripts/bxslider/images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}#crowded-time .section-title {
text-align: left;
}
#crowded-time .consultation-time-table {
table-layout: fixed;
}
#crowded-time .consultation-time-table .little-crowded {
background-color: #fa8072;
}
#crowded-time .consultation-time-table .crowded {
background-color: #ff4500;
}
#crowded-time .consultation-time-table {
border-top: 1px #583a21 solid;
border-left: 1px #583a21 solid;
}
#crowded-time .consultation-time-table th,
#crowded-time .consultation-time-table td {
border-right: 1px #583a21 solid;
border-bottom: 1px #583a21 solid;
}
#crowded-time .consultation-time-table td {
text-align: center;
}
#crowded-time .example {
font-size: 0;
}
#crowded-time .example .item {
display: inline-block;
vertical-align: top;
position: relative;
margin-right: 15px;
padding-left: 15px;
font-size: 1.5rem;
}
#crowded-time .example .item:last-child {
margin-right: 0;
}
#crowded-time .example .item::before {
content: '';
position: absolute;
z-index: 1;
top: 50%;
left: 0;
width: 14px;
height: 14px;
margin-top: -7px;
background: #ff4500 no-repeat left top;
}
#crowded-time .example .item.little-crowded::before {
background-color: #fa8072;
}
@media screen and (max-width: 768px) {
#crowded-time .consultation-time-table th,
#crowded-time .consultation-time-table td {
padding: 7px;
}
#crowded-time .consultation-time-table th:first-child {
width: 100px;
padding: 3px 7px;
box-sizing: border-box;
line-height: 1.4;
}
} .section-title.section-title-left {
text-align: left;
} .common-title-dotline {
background: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/images/common/bg_ttl_dot.png) repeat-x scroll center left;
}
.common-title-dotline span {
display: inline-block;
background: #fff;
padding: 0 30px;
}
#department-about .photo-box {
margin: 30px 0 0;
}
#department-about .photo-box li {
width: 48%;
margin-right: 4%;
margin-bottom: 4%;
}
#department-about .photo-box li:nth-child(2n) {
margin-right: 0;
} #diagnosis-subject .section-title {
text-align: left;
}
#diagnosis-subject .subject-box {
margin-top: 30px;
}
#diagnosis-subject .subject-box>li {
width: 48%;
margin-right: 4%;
margin-top: 4%;
}
#diagnosis-subject .subject-box>li:nth-child(-n+2) {
margin-top: 0;
}
#diagnosis-subject .subject-box>li:nth-child(2n) {
margin-right: 0;
}
#diagnosis-subject .subject-box li .sub-ttl {
font-size: 1.6rem;
font-weight: bold;
border-bottom: 1px solid #eee;
}
#diagnosis-subject .subject-box li .subject-list {
margin-top: 20px;
}
#diagnosis-subject .subject-box li .subject-list li:nth-child(n) {
display: block;
width: 100%;
}
#diagnosis-subject .subject-box li .subject-list li:last-child {
margin-bottom: 0;
}
#diagnosis-subject .subject-box li .subject-list h4 {
margin-bottom: 8px;
}
#diagnosis-subject .subject-box li .subject-list p {
margin-top: 8px
}
#diagnosis-subject .subject-box li .subject-list.inner-list {
padding-left: 1em;
}
#diagnosis-subject .sub-ttl .notice {
font-size: 1.3rem;
font-weight: normal;
margin-left: 1em;
}
@media screen and (max-width: 768px) {
#diagnosis-subject .subject-box {
margin-top: 15px;
}
#diagnosis-subject .subject-box li {
width: 100%;
margin-right: 0;
}
#diagnosis-subject .subject-box li {
margin-bottom: 5%;
}
#diagnosis-subject .subject-box li .sub-ttl {
font-size: 1.8rem;
}
#diagnosis-subject .subject-box li .subject-list {
margin-top: 15px;
}
#diagnosis-subject .subject-box li .subject-list li {
margin-bottom: 0;
font-size: 1.8rem;
}
} #about-insurance .section-title {
text-align: left;
}
#about-insurance .subject-box {
margin-top: 30px;
}
#about-insurance .subject-box>li {
width: 48%;
margin-right: 4%;
margin-top: 4%;
}
#about-insurance .subject-box>li:nth-child(-n+2) {
margin-top: 0;
}
#about-insurance .subject-box>li:nth-child(2n) {
margin-right: 0;
}
@media screen and (max-width: 768px) {
#about-insurance .subject-box {
margin-top: 15px;
}
#about-insurance .subject-box li {
width: 100%;
margin-right: 0;
}
#about-insurance .subject-box li {
margin-bottom: 5%;
}
} #medivr .section-title,
#lsvt .section-title,
#equipment .section-title {
text-align: left;
}
#equipment .sec-inner {
margin-top: 20px;
}
#equipment .equipment-list {
margin-top: 20px;
}
#equipment .equipment-list li {
width: 32%;
margin-right: 2%;
margin-bottom: 2%;
}
#equipment .equipment-list li:nth-child(3n) {
margin-right: 0;
}
#equipment .equipment-list .equipment-ttl {
font-size: 1.8rem;
margin: 10px 0;
}
@media screen and (max-width: 768px) {
#equipment .equipment-list li {
width: 100%;
margin-right: 0;
margin-bottom: 35px;
}
#equipment .equipment-list li .imgbox {
text-align: center;
}
#equipment .equipment-list .equipment-ttl {
margin: 20px 0 10px;
}
#equipment .equipment-list li p {
margin: 0;
}
}  #dermatology .sec-inner {
margin-top: 30px;
}
#dermatology #diagnosis-subject .subject-box>li {
margin-bottom: 30px;
width: 100%;
}
#dermatology #patch-test .item-container {
margin-top: 30px;
}
#dermatology #patch-test .text-box {
width: 60%;
}
#dermatology #patch-test .photo-box {
width: 37%;
padding-left: 3%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#dermatology #patch-test .flow-list {
margin-top: 30px;
}
#dermatology #patch-test .flow-list li:nth-child(1) {
width: 20%;
margin-right: 3%;
}
#dermatology #patch-test .flow-list li:nth-child(2) {
width: 77%;
}
#dermatology #patch-test .flow-list li:nth-child(2) table {
border-color: #fff;
}
#dermatology #patch-test .flow-list li:nth-child(2) th ,
#dermatology #shingles-vaccine th {
border-color: #fff;
background-color: #b2c040;
font-weight: normal;
text-align: center;
}
#dermatology #patch-test .flow-list li:nth-child(2) td ,
#dermatology #shingles-vaccine td {
border-color: #fff;
background-color: #faf3df;
text-align: center;
}
#dermatology #cosmetic-tratment .imgbox {
margin-top: 30px;
}
#dermatology #cosmetic-tratment .cosmetic-tratment-image01 {
width: 810px;
}
#dermatology #cosmetic-tratment .cosmetic-tratment-image02 {
width: 175px;
top: 0;
right: 8px;
}
#dermatology #cosmetic-tratment .cosmetic-tratment-image03 {
width: 175px;
bottom: 0;
right: 8px;
}
#dermatology .equipment-list {
margin-top: 30px;
}
@media screen and (max-width: 768px) {
#dermatology #patch-test .text-box {
float: none;
width: 100%;
}
#dermatology #patch-test .photo-box {
padding-left: 0;
float: none;
width: 100%;
}
#dermatology #patch-test .flow-list li:nth-child(n) {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
#dermatology #patch-test .flow-list li:nth-child(1) .imgbox {
margin: 0 auto;
width: 250px;
}
#dermatology #cosmetic-tratment .cosmetic-tratment-image02,
#dermatology #cosmetic-tratment .cosmetic-tratment-image03 {
display: none;
}
#dermatology #shingles-vaccine th ,
#dermatology #shingles-vaccine td {
font-size: 1.3rem;
padding: 10px;
text-align: left;
}
} #rehabilitation #department-about .notice {
text-align: center;
font-size: 2rem;
}
.medivr-image {
display: flex;
justify-content: center;
gap: 30px;
margin-top: 30px;
}
#medivr .notice {
text-align: center;
}
@media screen and (max-width: 768px) {
.medivr-image {
display: block;
}
.medivr-image .imgbox {
margin-bottom: 16px;
}
} #staff .common-title-dotline {
margin-bottom: 30px;
}
#staff .doctor-photo {
margin-bottom: 30px;
}
#staff .inner-sec {
margin-bottom: 100px;
}
#staff .inner-sec:last-child {
margin-bottom: 0;
}
#staff .inner-sec .item-box {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#staff .item-box.left {
width: 52%;
padding-right: 3%;
}
#staff .item-box.right {
width: 48%;
}
#staff .item-box .item-inner {
margin-bottom: 20px;
}
#staff .inner-sec .photo-box {
display: none;
padding-right: 3%;
}
#staff .inner-upper {
float: left !important;
}
#staff .inner-sec .section-title {
font-size: 1.8rem;
text-align: left;
}
#staff .inner-sec .section-title .headline-leaf-single {
background-size: 30px 20px;
padding-left: 40px;
}
#staff .inner-sec .name-box .ja {
font-size: 2.4rem;
margin-right: 20px;
}
#staff .inner-sec .name-box .en {
font-size: 1.8rem;
}
#staff .inner-sec .history-box dl {
display: table;
width: 100%;
}
#staff .inner-sec .history-box dt,
#staff .inner-sec .history-box dd {
display: table-cell;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#staff .inner-sec .history-box dt {
width: 32%;
padding-right: 2%;
}
#staff .inner-sec .history-box dd {
width: 68%;
}
#staff .inner-lower {
margin-top: 30px;
}
#staff .inner-lower ul {
margin-top: 20px;
} @media screen and (max-width: 768px) {
#staff .inner-sec:last-child {
margin-bottom: 0;
}
#staff .inner-sec .item-box {
display: block;
width: 100%;
}
#staff .inner-sec .photo-box,
#staff .inner-sec {
width: 100%;
}
#staff .inner-sec .photo-box {
margin-bottom: 30px;
padding: 0 50px;
}
#staff .inner-sec .text-box .name-box {
margin-top: 10px;
}
#staff .inner-sec .history-box dt,
#staff .inner-sec .history-box dd {
display: block;
width: 100%;
}
#staff .inner-sec .history-box dt {
font-size: 1.6rem;
font-weight: bold;
}
#staff .inner-lower {
margin-top: 0;
}
#staff .inner-lower .text-box {
margin-bottom: 20px;
}
#staff .inner-lower .text-box:last-child {
margin-bottom: 0;
} } #about #about-policy .item-container li {
width: 32%;
margin-right: 2%;
}
#about #about-policy .item-container li:last-child {
margin-right: 0;
}
#about #about-policy .item-container li .sub-ttl span {
display: block;
text-align: center;
}
#about #about-policy .item-container li .sub-ttl .numbering {
position: relative;
color: #37763f;
font-size: 4.0rem;
}
#about #about-policy .item-container li .sub-ttl .numbering::after {
position: absolute;
content: '';
bottom: 10px;
left: 0;
right: 0;
margin: auto;
background: #b2c140;
width: 35px;
height: 1px;
display: block;
}
#about #about-policy .item-container li .sub-ttl span:last-child {
font-size: 1.8rem;
padding: 15px 0;
}
#about #about-policy .item-container li p {
font-size: 1.4rem;
} #about #about-greeting .section-title {
text-align: left;
}
#about #about-greeting .text-container {
width: 50%;
}
#about #about-greeting .photo-box {
width: 50%;
padding-left: 3%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#about #about-greeting .text-box {
margin-top: 30px;
}
#about #about-greeting .text-box p {
margin-bottom: 15px;
}
#about #about-greeting .text-box .president {
margin-top: 30px;
font-size: 1.6rem;
font-weight: bold;
text-align: right;
} #about #about-interior .section-title {
text-align: left;
}
#about #about-interior .item-container {
margin-top: 30px;
}
#about #about-interior .item-container li {
width: 500px;
}
#about #about-interior .bx-wrapper {
margin-bottom: 0;
box-shadow: none;
border: none;
} #about #about-summary .section-title {
text-align: left;
}
#about #about-summary .sec-inner {
margin-top: 30px;
}
#about #about-summary .photo-box {
width: 47%;
padding-right: 3%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#about #about-summary .text-box {
width: 53%;
}
#about #about-summary .text-box table,
#about #about-summary .text-box th,
#about #about-summary .text-box td {
border-color: #fff;
}
#about #about-summary .text-box table {
margin: 0;
}
#about #about-summary .text-box th,
#about #about-summary .text-box td {
font-size: 1.6rem;
padding: 11px 10px;
}
#about #about-summary .text-box th {
width: 20%;
background: #b2c040;
}
#about #about-summary .text-box td {
width: 80%;
background: #faf3df;
} #about #about-information .section-title {
text-align: left;
}
#about .subject-box {
margin-top: 30px;
}
#about .subject-box li {
margin-bottom: 30px;
width: 100%;
}
#about .subject-box li:nth-child(-n+2) {
margin-top: 0;
}
#about .subject-box li:nth-child(n) {
display: block;
width: 100%;
}
#about .subject-box li h4 {
margin-bottom: 8px;
}
#about .subject-box li p {
margin-top: 8px;
}
@media screen and (max-width: 768px) {
#about-policy .sec-text {
margin: 12px 0 30px;
}
#about-policy .sec-text p {
margin: 0;
}
#about #about-policy .item-container li {
margin-right: 0;
margin-bottom: 30px;
width: 100%;
}
#about #about-policy .item-container li:last-child {
margin: 0;
}
#about #about-policy .item-container li .sub-ttl .numbering {
font-size: 5rem;
}
#about #about-policy .item-container li .sub-ttl span:last-child {
font-size: 2rem;
}
#about #about-policy .item-container li p {
margin: 5px 0 0;
font-size: 1.8rem;
}
#about #about-greeting .text-container,
#about #about-greeting .photo-box {
float: none;
width: 100%;
padding: 0;
}
#about #about-greeting .text-box {
margin-top: 0;
margin-bottom: 30px;
}
#about #about-greeting .text-box .president {
margin-top: 0;
margin-bottom: 0;
}
#about #about-summary {
padding-top: 60px;
}
#about #about-summary .sec-inner {
margin-top: 20px;
}
#about #about-summary .photo-box,
#about #about-summary .text-box {
float: none;
width: 100%;
padding: 0;
}
#about #about-summary .photo-box {
margin-bottom: 35px;
text-align: center;
}
} .notice-box .text-box {
padding: 30px;
background: #faf3df no-repeat left top;
text-align: center;
}
@media screen and (max-width: 768px) {
.notice-box .text-box {
text-align: left;
}
.notice-box .text-box .img-qr {
text-align: center;
}
}