@charset "UTF-8";
/*-------------------
// setting
---------------------*/

@font-face {
	font-family: "Original Yu Gothic";
	src: local("Yu Gothic");
	font-weight: 300;
}

@font-face {
	font-family: "Original Yu Gothic";
	src: local("Yu Gothic");
	font-weight: 500;
}

@font-face {
	font-family: "Original Yu Gothic";
	src: local("Yu Gothic");
	font-weight: bold;
}

@font-face {
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 100;
}

@font-face {
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 200;
}

html {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}

/* IE10以上 */

html body {
	font-weight: normal;
	background-color: #fff;
	line-height: 1.75;
	color: #222;
    font-size: 1.1rem;
}


/*----------------------------adjust UIkit setting----------------------------------*/
/* headerの下線 */
.uk-section-muted.kasen {
border-bottom: solid 2px #91b671;
}
.uk-section-muted {
    background: #fff;
}
.uk-card-primary {
   background-color: #4a8f20;
}

.uk-card-small .uk-card-body, .uk-card-small.uk-card-body {
    padding: 15px 15px;
}
.uk-card-small .uk-card-body h3, .uk-card-small.uk-card-body h3 {
    font-size: 18px;
    line-height: 1.6;
}
.uk-card-small .uk-card-footer {
    padding: 0px 15px 10px;
    border-top: none;
    text-align: right;
    font-size: 0.8rem;
    color: #666;
}
/*  sp時の背景色と文字色 */
/* sp-menu background color setting */
.uk-offcanvas-bar {
   background: #4a8f20;
   color: #fff;
}
/* sp-menu color setting */
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a,.uk-offcanvas-bar .uk-close,.uk-offcanvas-bar .uk-nav-default>li>a {
   color: rgba(255,255,255,1);
}
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover,.uk-offcanvas-bar .uk-close,.uk-offcanvas-bar .uk-nav-default>li>a:hover,.uk-offcanvas-bar .uk-nav-default>li.uk-active>a {
   color: rgba(211,235,143,1);
}
.uk-offcanvas-bar ul.ul-1 > li {
   font-size: 1.25em;
   padding: 0.5rem 0rem;
}
.uk-offcanvas-bar ul.ul-2 > li,ul.ul-0 li.li-1 {
   font-size: 1.1em;
   padding: 0.5rem 0rem 0.5rem 1rem;
}

/*  =========pagenation========= 調整  */
.uk-pagination>*>* {
    display: block;
    background-color:#4a8f20;
    color: #fff;
    padding: 5px 10px;
   margin: 0 5px;
   border-radius: 8px;
    transition: color .1s ease-in-out;
}
.uk-pagination a i {
    color: #fff;
}
.uk-pagination >*>*:hover {
    color: #cbe3ae;
}

.u-nashi {
   background-color: #cbe3ae;
   color: #000;
   font-size: 1.2rem;
  border-radius: 8px;
}
.gaitou_link {
   background-color: #046616;
   color: #fff;
   font-size: 1rem;
   font-weight: bold;
   border-radius: 8px;
}

/*  =========breadcrumb========= 調整  */
.light-back {
	background-color:#ecf4e3;
}
.uk-breadcrumb {
    padding: 0.25rem 0.5rem;
}
.uk-breadcrumb>* {
    font-size: 1rem;
    color: #333;
}
.uk-breadcrumb>*>* {
    font-size: 1rem;
    color: #333;
}
.uk-section.webpage {
  padding-top: 0px;
}
/*=========      Slider      ========  */
ul.uk-slider-items .uk-overlay {
    padding: 5px 20px;
}
/*=========      Inportant Notice      ========  */
.uk-width-expand.im-notice-waku {
padding: 1rem 1rem;
}
.uk-container.im-notice {
    border: solid 2px #F56057;
    background-color: #fff;
    color: #000;
}
.im-notice h2 {
    color:  #F56057;
font-weight:700;
   text-align: center;
   font-size: 1.2rem;
   padding-top: 0.5rem;
  border-bottom: dotted 1px #F56057;
}
.im-notice h2 span {
   font-size: 0.9rem;
}
.im-notice .uk-grid>.uk-grid-margin {
    margin-top: 5px;
}
.im-notice ul li {
 border-top: dotted 1px #ccc;
}
.im-notice ul li:first-child {
 border-top: none;
}
.im-notice ul li a dt {
 color: #000;
}
.im-notice ul li a:hover dt {
 color: #F56057;
}
.im-notice ul li a dt span {
 color: #333;
 font-weight: normal;
 font-size: 0.9rem;
}
.im-notice ul li a:hover dt span {
 color: #F56057;
}
.im-notice ul li a dd {
 color: #666;
}
.im-notice ul li a dd span {
 color: #0000FF;
 font-weight: normal;
 font-size: 1rem;
}

/*=========      top-message      ========  */
.top-message {
padding: 1rem;
}
.top-message h2 {
font-size : 1.1rem;
margin-bottom: 0;
}
.top-message h2 span {
color : #F56057;
}
/*=========      info      ========  */
.info {
padding: 2rem 0rem;
}
.blog {
padding: 0rem 0rem 2rem;
}
.info h2,.blog h2 {
font-size : 1.4rem;
border-bottom: solid 3px #4a8f20;
}
.info h2 i,.blog h2 i {
font-size : 2rem;
}
.date {
font-size: 0.9rem;
color: #666;
}


/*=========      blog     ========  */
.blog a.blog-a {
display: block;
overflow: hidden;
position: relative;
border-bottom: solid 1px #ccc;
padding-bottom: 0.5rem;
}
.blog a.blog-a .thumbnail {
 float: left;
 margin-right: 1rem;
}
h3.blog-title {
    margin: 0;
    font-size: 1.2rem;
    padding: 0.25rem;
    line-height: 1.2;
    border-bottom: dotted 2px #ccc;
}
.blog span.date {
display: block;
float: right;
}
.blog p {
display: block;
font-size: 1rem;
line-height: 1.4;
margin: 0;
color: #666;
}

/*=========      color-back      ========  */
.light-back {
    background-color: #cbe3ae;
}
.light-light-back {
    background-color: #ecf4e3;
    color: #000;
}
h3.koushin-title {
    margin: 0;
    font-size: 1rem;
    padding: 0.25rem;
    line-height: 1.2;
    border-bottom: dotted 2px #ccc;
}
h3.koushin-title:lst-child {
    border-bottom: none;
}
.koushin-cate {
 display: inline-block;
  color: #fff;
  font-size: 0.9rem;
  line-height: 1;
  margin-right: 0.5rem;
  text-shadow: 0px 1px 0px #333;
  padding: 5px 10px;
}
.pink {
  background-color: #ff66cc;
}
.kon {
  background-color: #003399;
}
.midori {
  background-color: #66cc99;
}
.daidai {
  background-color: #ff9900;
}
.murasaki {
  background-color: #9e00f5;
}
.aomidori {
  background-color: #0096bd;
}

/*  ========= Table ========= 調整  */
table {
clear: both;

}
table,tbody,table th,table tr,table td {
border:solid 1px #999;
padding: 5px 10px;
}
table th {
background-color: #ededed;
font-weight: bold;
}
table p,.web-page table p {
margin: 0;
}
table.doctor-table {
width: 100%;
position: relative;
text-align: center;
}
table.doctor-table,.doctor-table tbody,table.doctor-table th,table.doctor-table tr,table.doctor-table td {
border:solid 1px #999;
padding: 5px 2px;
}
table.doctor-table tr,table.doctor-table td {
width: 14.5%;
}
table.doctor-table td {
font-size: 11px;
}
table.doctor-table th {
font-size: 12px;
}

table.web-table th {
font-size: 14px;
line-height: 1.2;
padding: 5px;
text-align: center;
vertical-align: middle;
}
table.web-table td {
font-size: 16px;
line-height: 1;
text-align: center;
padding: 5px;
vertical-align: middle;
}

/*  ========= top page nav-buttom ========= 調整  */
.page-nav-top {
clear: both;
margin: 2rem 0rem;
}
.page-nav-buttom {
  overflow: hidden;
  position: relative;
  border: solid 1px #91b671;
background-color: #ecf4e3;
border-radius: 8px;
}
.page-nav-buttom a {
display: block;
}
.page-nav-buttom aside {
  float: left;
  width: 50px;
  margin-right: 10px;
}
.page-nav-buttom aside img {
  max-width: 100%;
}
.page-nav-buttom h3.uk-card-title {
display: inline;
  padding: 15px 0px 0px 0px;
  color: #046616;
  font-weight: bold;
  line-height: 1;
  margin: 0;
}
.page-nav-buttom a p {
  padding: 0px 0px 0px 50px;
  font-size: 0.9rem;
  color: #333;
  line-height: 1.2;
  margin: 0px;
}


/*----------------------------ナビゲーションの字さいず調整など----------------------------------*/
/* to bigger menu font  */
.uk-navbar-nav > li > a,.uk-navbar-dropdown-nav {
   font-size: 1.2em;
}

.uk-navbar-dropdown {
   padding: 15px;
}
/* to get rid of margin  */
[class*="uk-navbar-dropdown-bottom"] {
    margin-top: 0px;
}
/* to show slide nav icon  */
.uk-grid-item-match > :not([class*="uk-width"]), .uk-grid-match > * > :not([class*="uk-width"]) {
   position: relative;
}


/* center img for card */
.uk-card img {
   display: block;
   margin: 0 auto;
}
.uk-link, a { 
   color: #4a8f20;
}
a:hover {
   color: #91b671;
   text-decoration: none;
}


/*  カードのカテゴリー表示で色変え  */
.uk-label {
    background: rgba(46,167,224,1);
   padding: 0.5rem;
    top: 10px;
    right: 10px;
    font-size: 1rem;
    font-weight: bold;
}
.uk-label.green-b {
    background: #9ebe41;
}
.uk-h1, h1 {
    font-size: 1.6rem;
}
.uk-h2, h2 {
    font-size: 1.4rem;
}
.uk-navbar-nav > li > a {
   text-transform: none;
}

/*  上部マージン   */
.m-top {
margin-top: 2rem;
}


/*----------------------------navigation setting----------------------------------*/
/*------- fixed navbar 主にupper-nav ---------*/
.uk-navbar-toggle {
   min-height: 60px;
}
.uk-navbar-nav > li.uk-active > a {
    color: #0f9152;
}
.uk-navbar-nav li a {
	color: #000;  
    line-height: 1.2;
}
.uk-navbar-nav li a:hover {
	color: #9ebe41;
}
/*  上部が無駄に開くのを解消 */
.uk-accordion>:nth-child(n+2) {
    margin-top: 0px;
}
.uk-slideshow-items img {
    display: block;
    margin: 0 auto;
}
.uk-navbar-dropdown {
  padding: 0;
}
.uk-navbar-dropdown li a {
  display: block;
  padding: 0 1em;
}
li.uk-nav-header {
  border-bottom: dotted 2px #ccc;
  padding: 0.75rem 0rem 0rem;
}
ul.uk-accordion li.uk-nav-header:last-child {
  border-bottom: none;
}
li.uk-nav-header > a {
  padding-bottom: 0.5rem;
}
ul.uk-navbar-nav ul.uk-accordion-content {
background-color: #efefef;
padding: 0rem;
box-shadow: 2px 2px 4px #ccc inset;
}
ul.uk-navbar-nav ul.uk-accordion-content > li > a{
  display: block;
  padding: 0.5rem 0rem 0.5rem 1rem;
  font-size: 1.1em;
  line-height: 1.2;
}
ul.uk-navbar-nav ul.uk-accordion-content > li a:hover {
  color: #000;
  background-color: #CBE3AE;
}
ul.uk-nav.uk-navbar-dropdown-nav.nav-2 > li > a {
 display: block;
  padding: 0.5rem 0rem 0.5rem 1rem;
  font-size: 0.85em;
  line-height: 1.2;
}
ul.koushin > li > a {
  display: block;
  padding: 0.5rem 0rem 0.5rem 1rem;
  font-size: 0.85em;
  line-height: 1.2;
}
/*  sp 対応  */
.sp-nav {
box-shadow: 0px 1px 3px #4a8f20;
}

.uk-grid-divider {
    margin-left: -40px;
}

.uk-navbar-toggle .nav-menu {
    position: absolute;
    top: 38px;
    font-size: 0.7rem;
   color: #666;
}

h2.brand-head-h2 {
  margin: 0rem 0rem 0rem 0.5rem;
  padding: 2px;
  font-size: 12px;
  color: #4a8f20;
  font-weight:600;
  text-align: center;
  background-color: #ecf4e3;
  border-radius: 5px;
}
h2.brand-head-h2 span {
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
}
h2.brand-head-h2 span.ori-2 {
    padding-top: 3px;
    padding-bottom: 0px;
    font-size: 10px;
    font-weight: normal;
}
ul.ul-1 {
    margin-bottom: 40px;
    font-weight:bold;
}
li.li-1 > a,li.li-1-1 > a {
  display: block;
   border-bottom: dotted 2px #91b671;
}
.ul-2.uk-accordion-content {
    margin-top: 0;
    padding-left: 0;
  background-color: #ecf4e3;
 padding-bottom: 10px;
}
.ul-2.uk-accordion-content a {
    display: block;
     font-size: 1rem;
    color: #000;
}
.ul-2.uk-accordion-content li:hover {
 background-color: #fff;
}


/*--------header  PCとスマホ---------*/
.brand-waku {
position: absolute;
top:5px;
left:65px;
overflow: hidden;
}
.brand {
 position: relative;
 overflow: hidden;
float: left;
}
aside.brand-logo {
  width: 45px;
  height: 45px;
  float: left;
}
a.brand-ww {
  display: flex;
}
aside.brand-logo img {
  max-height: 100%;
}

.brand-waku h1 {
  display: block;
  padding:0;
  margin: 0;
   line-height: 1;
}
.brand-waku h1 span {
  display: block;
  padding-top:0;
  padding-left: 0.25rem;
  font-size: 0.9rem;
  
  margin:0;
  color: #4a8f20;
}
.brand-waku h1 span.en {
  display: block;
  padding:0;
  padding-left: 0.25rem;
  font-size: 0.8rem;
  line-height: 1;
  margin:0;
  color: #666;
 letter-spacing: 2px;
  font-family: 'Courgette', cursive;
}

.nolink {
  color: #999;
}


.free1 {
   float: right;
    right: 5px;
    top: 0px;
}
.free1 a {
    display: block;
    padding: 8px;
    border: solid 1px #cbe3ae;
   border-radius: 5px;
   background-color:#4a8f20;
}
.free1 a i {
    padding-right: 0px;
   font-size: 28px;
   color: #fff;
}


/* 上部画像 */
.title-position {
   overflow: hidden;
  position: relative;
}
/*背景に模様を敷く*/
.sp-back {
 background-color: #cbe3ae;
background-image: url(https://5b3d0c.claudeassets.com/20260212011052im_/https://satohosp.com/images/sp-back.png);
background-repeat: repeat;
}
.title-position img {
  width: 100%;
}

/*----- top tantoui  ------*/
.tantoui h3 {
background-color:#cbe3ae;
padding: 0.25rem 1rem;
color: #000;
font-weight: 700;
margin-top: 2rem;
}



/*----- side  ------*/
.side-nav h3 {
font-size: 1.2rem;
color:#4a8f20;
font-weight: 700;
text-align: center;
border-bottom: solid 3px #4a8f20;
line-height: 1.5;
}
.side-nav h4 {
font-size: 1rem;
background-color:#cbe3ae;
color: #333;
font-weight: 700;
text-align: center;
padding: 0.25rem 1rem;
margin: 1rem 0rem 0.5rem;
line-height: 1.5;
}
.side-nav p {
margin: 0rem 0rem 0.5rem;
line-height: 1.6;
font-size: 1rem;
}
.side-nav strong {
color:#4a8f20;
}
img.new-map {
display: block;
max-width: 100%;
margin: 0 auto 1rem;
}

/*-----  footer  ------*/
footer {
   background-color: #4a8f20;
}
p.footer-text {
  text-align:center;
  font-size: 0.9rem;
  color: #fff;
  line-height: 1.4;
}
p.footer-text a {
  color: #fff;
}
p.footer-text a:hover {
  color: #cbe3ae;
}
footer ul.footer-menu {
 text-align: right;
}
footer ul.footer-menu li {
display: inline-block;
margin-right: 1rem;
}
footer ul.footer-menu a {
 display:inline-block;
 font-size: 0.9rem;
 color: #fff;
}


.sns-tweet {
  border: solid 1px rgba(143,198,82,1);
  border-radius: 5px;
  margin-bottom: 1rem;
  margin-left: 1rem;
}
.sns-bottom {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

/* ------------------------------------------
            webpush
------------------------------------------ */
.webpush {
display: none;
margin-bottom: 2rem;
}

.mtnet-push-notification-service-enabled .webpush {
  display: block;
}

.side-webpush {
  width: 100%;
  text-align: center;
  display: inline-block;
  padding: 15px 15px 15px 52px;
  position: relative;
  background-color: #0f9152;
  color: #ffffff;
}

.side-webpush::before {
  position: absolute;
  content: "\f0f3";
  z-index: auto;
  left: 2rem;
  top: 12px;
  font-size: 1.25rem;
  font-family: FontAwesome;
}

ul.tenlist {
  list-style: disc;
}

.gmap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.gmap iframe {
  position: absolute;
  top: 0;
  left: 1;
  width: 100%;
  height: 100%;
}


/* web page */
h1.p-title,h2.t-title {
  color: #4a8f20;
  padding-bottom: 0.2em;
  border-bottom: solid 2px #4a8f20;
  font-size: 1.6em;
 font-weight: bold;
}
.web-page h2 {
background: #4a8f20;
padding: 0.75rem 1rem;
color: #fff;
}
.web-page h3 {
border-bottom: solid 2px #4a8f20;
border-left: solid 8px #4a8f20;
padding-left: 1rem;
padding-bottom: 0.25rem;
color: #4a8f20;
font-weight: bold;
}
.web-page h4 {
display:inline-block;
background: #cbe3ae;
padding: 0.5rem 1rem;
color: #000;
margin: 20px 0px 0.5rem;
}
.web-page p {
margin: 0px 0px 30px 0px;
}
.web-page h3.lblue {
border-bottom: solid 2px rgba(46,167,224,1);
color:  rgba(46,167,224,1);
}

h3.w-title {
background: rgba(213,203,50,0.3);
border-radius: 15px;
padding: 0.75rem 1rem 0.75rem 2rem;
border: solid 1px #86be12;
position: relative;
}
h3 span.title-num {
display: block;
position:absolute;
left:-1rem;
top:-2rem;
padding: 12px 0px 0px 25px;
background: rgba(50,205,50,1);
border-radius: 50%;
width: 50px;
height: 55px;
font-size: 2.8rem;
color: #fff;
line-height: 1;
box-shadow: 2px 2px 2px #666;
}
h3 span.title-bold {
font-size:1.2em;
color: #b22222;
font-weight: bold;
}

ul.saiyou-list li a {
	font-size: 1rem;
   color: #666;
}
.entry ul {
list-style: disc;
}

dt.imp-dt{
    line-height: 1.2;
    padding-bottom: 10px;
}
dt.imp-dt i {
  color: #F56057;
}

/*  entry  */
.simple-button {
width: 250px;
background-color: #f3f3f3;
box-shadow: 1px 1px 3px #666;
}
.simple-button a {
  color: #000;
}
a .entry-date {
  font-size: 0.9rem;
  color: #666;
  margin: 0;
}
a .entry-text {
  margin-top: 0;
}

i {
 padding-right: 0.5em;
font-size: 120%;
color: #4a8f20;
}
h1 i {
font-size: 150%;
color: #cbe3ae;
 padding-right: 0.2em;
}

.kakomi {
text-align:center;
}
.kakomi p img {
display: block;
margin: 0 auto;
}




/*============  開閉システム  =============*/
/* ------------------------------------------
                 check buttom
------------------------------------------ */
.translate {
  border: solid 2px #f0d57a;
  border-radius: 20px;
  padding: 1rem 2rem;
}
.translate label {
    display: block;
    padding: 0rem;
    font-size: 1.2em;
    margin: 0rem;
    color: #228b22;
    text-align: center;
    line-height: 1.4;
}
.translate label::after {
    content: "";
    position: relative;
    width: 10px;
    height: 10px;
    float: right;
    border-top: 3px solid #228b22;
    border-right: 3px solid #228b22;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.translate input[type="checkbox"].on-off {
    display:none;
}
.translate input.on-off[type="checkbox"] + div {
    height: 0;
    overflow: hidden;
    width: 100%;
    position: relative;
}
.translate div {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
}
.translate input.on-off[type="checkbox"]:checked + div {
    width: 100%;
    position: relative;
    height: auto;
    overflow: hidden;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: dashed 2px #86be12;
    line-height: 2;
}

.qa-waku {
    margin: 1rem 0rem;
    border: solid 2px #86be12;
}
.qa-waku label {
    color: #228b22;
}
.qa-waku input.on-off[type="checkbox"]:checked + div {
    border-top: dashed 2px #86be12;
}


/*============  更新情報ページ  =============*/

/*side-bar*/


/* =====  374以下　iphone５画面　max-width 374px, very small screens
========================================== */
@media only screen and (max-width: 374px) { 
h1.brand-head-h1 {
  display: block;
  font-size: 0.9rem;
  padding-top: 0.25rem;
  padding-left: 0.25rem;
  margin: 0;
  line-height: 1;
  font-weight: bold;
}
h2.brand-head-h2-2 {
  display: block;
  font-size: 0.8rem;
  line-height: 1.2;
  padding-top: 0.25rem;
  padding-left: 0.25rem;
  margin:0;
  color: #666;
}

}

/* =====  375以下　small screens
========================================== */
@media only screen and (max-width: 375px) { 
.im-notice h2 span {
   display: block;
}


}


/* =====  460以上　タブレット〜PC　min-width 40em, medium screens
========================================== */
@media only screen and (min-width: 460px) { 
table.doctor-table td {
font-size: 12px;
}
table.doctor-table th {
font-size: 14px;
}


}

/* =====  641以上　タブレット〜PC　min-width 40em, medium screens
========================================== */
@media only screen and (min-width: 40em) { 
/* to float toggle left */

.uk-card-media-top {
   height: 300px;
   overflow: hidden;
}

.m-top {
   margin-top: 4rem;
}
/*top contents*/
.title-b1,.title-b2 {
   padding: 1rem;
   margin: 2rem 0rem 1rem;
}
.title-b1 h3,.title-b2 h3 {
  font-size: 1.6rem;
  padding: 1rem;
  margin: 0;
}
table.doctor-table td {
font-size: 16px;
}
table.doctor-table th {
font-size: 20px;
}

}

/* =====  700以上　タブレット〜PC　min-width 40em, medium screens
========================================== */
@media only screen and (min-width: 700px) { 

.brand {
  padding-top: 0.5rem;
}
/* to float toggle left */
.sp-nav {
  padding-left: 10px;
  box-shadow: 0px 0px 0px transparent;
}
.uk-navbar-toggle {
   min-height: 80px;
}
.uk-navbar-toggle .nav-menu {
    position: absolute;
    top: 48px;
    font-size: 0.8rem;
  
}

aside.brand-logo {
  width: 55px;
  height: 55px;
}
.brand-waku h1 {
 float: left;
}
.brand-waku h1 {
 margin-top: 0px;

}

h2.brand-head-h2 {
  display:block;
  float: left;
  margin: 0.25rem 0rem 0rem 1rem;
  font-size: 12px;
  color: #666;
  border-radius: none;
  text-align: center;
  background-color: transparent;
}
h2.brand-head-h2 span {
  display:  inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
  
}
h2.brand-head-h2 span.ori-1 {
  display: block;
  border-bottom : solid 1px #ccc;
}
.brand-waku h1 {
  line-height: 1.2;
}




}




/* =====  960以上　PC　large
========================================== */
@media only screen and (min-width: 960px) { 

.brand {
  padding-top: 0rem;
}
.uk-navbar-nav > li > a {
    min-height: 60px;
}
.uk-section-large {
   padding-top: 70px; 
   padding-bottom: 70px;
}
.im-notice h2 span {
  display: block;
}
.im-notice h2 {
  border-bottom: none;
}

/*--------header---------*/
.brand-waku {
position: static;
margin: 10px 0px 0px 0px;
padding: 0;
overflow: hidden;
}
aside.brand-logo {
  width: 75px;
  height: 75px;
}
h1.brand-head-h1 {
  font-size: 2rem;
  padding-top: 0.5rem;
  padding-left: 1rem;
}

h2.brand-head-h2 {
  margin: 1.3rem 0rem 0rem 1rem;
  font-size: 14px;
  font-weight: normal;
}
/*  tel number  */
a.tel-num {
  display: block;
  overflow: hidden;
  position: relative;
  font-size: 1.4rem;
}
a.tel-num span {
  display: block;
  font-size: 0.8rem;
text-align: center;
}
.free2 {
  font-size: 0.8rem;
 line-height: 1.2;
}
.free2 span {
display: block;
font-size: 0.8rem;
color: #666;
}
.brand-waku h1 span.en {
 font-size: 0.9rem;
 letter-spacing: 3px;

}

.uk-h2, h2 {
    font-size: 1.6rem;
}
ul.saiyou-list li {
	display: inline-block;
    margin-right: 2rem;
}


table.web-table th {
font-size: 18px;
line-height: 1.4;
padding: 15px 10px;
}
table.web-table td {
font-size: 22px;
text-align: center;
padding:  5px 10px;

}



/*=========      Inportant Notice      ========  */
.uk-width-expand.im-notice-waku {
padding: 20px ;
}
.uk-container.im-notice {
 padding: 20px;
}
.im-notice h2 {
   font-size: 1.6rem;
   padding-top: 0rem;
}
.im-notice h2 span {
   font-size: 1.2rem;
}
.im-notice .uk-grid>.uk-grid-margin {
    
}

.im-notice ul li a dt {
font-size: 1.2rem;
 color: #000;
}
.im-notice ul li a dt span {
 font-size: 1rem;
}
.im-notice ul li a dd span {
 font-size: 1.1rem;
}

/*=========      top-message      ========  */
.top-message {
padding: 30px;
}
.top-message h2 {
font-size : 1.3rem;

}


dt.imp-dt{
    line-height: 2;
    padding-bottom: 0rem;
}



/*=========      info      ========  */
.info{
padding: 60px 3rem;
}
.blog{
padding: 0px 3rem 60px;
}
.info h2,.blog h2 {
font-size : 2.2rem;
}
.info h2 i,.blog h2 i {
font-size : 3rem;
}

h3.koushin-title {
    margin: 0;
    font-size: 1.2rem;
    padding: 1rem;
    line-height: 1.2;
}

.koushin-cate {
  font-size: 1rem;
  line-height: 1.2;
  padding: 7px 15px;
}


}

/* =====  1020以上　PC　large
========================================== */
@media only screen and (min-width: 1020px) { 
.free2 {
  font-size: 1rem;
 line-height: 1.2;
}


}



/* =====  1201以上　PC　large
========================================== */
@media only screen and (min-width: 1201px) { 

.uk-grid-divider {
    margin-left: -80px;
}
.swiper-container {
   width: 1200px;
     margin: 0 auto;
}
.top-q-text {

margin: 0rem 3rem 6rem;
}

/*  tel number  */
a.tel-num {
  font-size: 1.8rem;
}
a.tel-num span {
  display: block;
  font-size: 0.9rem;
}

}

/*
     FILE ARCHIVED ON 19:38:46 Jun 29, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:01:41 Oct 31, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.577
  exclusion.robots: 0.058
  exclusion.robots.policy: 0.04
  esindex: 0.008
  cdx.remote: 8.147
  LoadShardBlock: 1330.888 (3)
  PetaboxLoader3.datanode: 1279.28 (5)
  PetaboxLoader3.resolve: 147.543 (2)
  load_resource: 265.863
  loaddict: 79.505
*/