@charset "utf-8";
/* ================================================================
CSS Information
 File name:         common.css
 Summary:           # Override用
 Last update:       2020-04-01
 Author:            Y.Fujii
================================================================ */
/* Override
-------------------- */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
* {
    margin: 0;
    padding: 0;
}
html {
    color: #333;
/*    font-size: 62.5%;*/
}
/* Font */
body {
    font-family:  "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 500;
    margin: 0;
    padding: 0;
    background: #E0E09B url(../images/bg.png) repeat-x top left;
}
article,aside,details,figcaption,figure,footer,header,main,nav,section,summary {
  display: block;
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    font-family:  "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 500;
}
.uk-grid-divider>:not(.uk-first-column)::before {
    border-left: 1px solid #c5c5c5;
}
/* bg＆illust
-------------------- */
.bg-img-right {
    background: url(../images/bk_right.png) no-repeat right 50px;
}
.bg-img-left {
    background: url(../images/bk_left.png) no-repeat left 50px;
}
.bg-grey {
    background-color: #e3e7ec;
}
/* steps-form illust */
.bg01, .bg02, .bg03, .bg04, .bg05, .bg06, .bg07, .bg08, .bg09, .bg10, .bg11, .bg12, .bg13 {
    background-repeat: no-repeat;
    background-position: 100% 100%;
/*    background-size: 30%;*/
}
.bg00 {
    background-image: url(../images/illust01.png);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    padding-bottom: 350px;
}
.bg01 {
    background-image: url(../images/illust03.png);
}
.bg02 {
}
.bg03 {
}
.bg04 {
    background-image: url(../images/illust02.png);
}
.bg05 {
    background-image: url(../images/illust04.png);
/*    background-size: 20%;*/
}
@media (max-width: 959px) {
    .bg05 {
/*        background-size: 30%;*/
    }
}
ol.bg05 {
    background-color: rgba(255, 255, 255, 0.8);
    padding-bottom: 250px;
}
.bg06 {
    background-image: url(../images/illust05.png);
}
.bg07 {
}
.bg08 {
}
.bg09 {
    background-image: url(../images/illust06.png);
}
.bg10 {
    background-image: url(../images/illust07.png);
}
.bg11 {
}
.bg12 {
}
.bg13 {
    background-image: url(../images/illust11.png);
}
/* general-result illust */
.bg-result50,
.bg-result70,
.bg-result80,
.bg-result90,
.bg-result100,
.bg-result200 {
  background-position: center top;
  padding-top: 150px;
}
.bg-result50 {
  background-image: url(../images/bg_result50.png);
}
.bg-result70 {
  background-image: url(../images/bg_result70.png);
}
.bg-result80 {
  background-image: url(../images/bg_result80.png);
}
.bg-result90 {
  background-image: url(../images/bg_result90.png);
}
.bg-result100 {
  background-image: url(../images/bg_result100.png);
}
.bg-result200 {
  background-image: url(../images/bg_result200.png);
}
@media screen and (max-width: 768px) {
  .bg-result50,
  .bg-result70,
  .bg-result80,
  .bg-result90,
  .bg-result100,
  .bg-result200 {
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 200px;
  }
  .bg-result50 {
    background-image: url(../images/bg_result50_m.png);
  }
  .bg-result70 {
    background-image: url(../images/bg_result70_m.png);
  }
  .bg-result80 {
    background-image: url(../images/bg_result80_m.png);
  }
  .bg-result90 {
    background-image: url(../images/bg_result90_m.png);
  }
  .bg-result100 {
    background-image: url(../images/bg_result100_m.png);
  }
  .bg-result200 {
    background-image: url(../images/bg_result200_m.png);
  }
}
@media screen and (max-width: 579px) {
  .bg-result50,
  .bg-result70,
  .bg-result80,
  .bg-result90,
  .bg-result100,
  .bg-result200 {
    background-size: cover;
    padding-top: 40vw;
    padding-bottom: 0px;
  }
  .bg-result50 {
    background-image: url(../images/bg_result50_s.png);
  }
  .bg-result70 {
    background-image: url(../images/bg_result70_s.png);
  }
  .bg-result80 {
    background-image: url(../images/bg_result80_s.png);
  }
  .bg-result90 {
    background-image: url(../images/bg_result90_s.png);
  }
  .bg-result100 {
    background-image: url(../images/bg_result100_s.png);
  }
  .bg-result200 {
    background-image: url(../images/bg_result200_s.png);
  }
}
@media screen and (max-width: 419px) {
  .bg-result50,
  .bg-result70,
  .bg-result80,
  .bg-result90,
  .bg-result100,
  .bg-result200 {
    padding-top: 110px;
  }
}

/* layout */
.full-page {
    min-height: 100vh;
    position: relative;
    padding-bottom: 0;
    box-sizing: border-box;
}

.full-page-child {
    min-height: 100vh;
    position: relative;
    padding-bottom: 74px;
    box-sizing: border-box;
}
.full-page-mainte {
    min-height: 100vh;
    position: relative;
    padding-bottom: 74px;
    box-sizing: border-box;
}
.color-greypurple {
    background: #f1f1f3;
}
.color-greyblue {
    background: #f5f9ff;
}
.color-greyskyblue {
    background: #f0ffff;
}

.uk-button-primary a {
    color: #fff;
}
header {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 30px;
    width: 100%;
}
header h1 {
    margin: 0;
    color: #2d4b94;
}
header h2 {
    font-size: 22px;
    font-size: 2.2rem;
    text-align: center;
    color: #fff;
    margin: 0;
}
footer {
    background-color: #434b52;
    padding: 30px;
    margin-top: 30px;
    width: 100%;
    position: absolute;
    bottom: 0;
}
footer p {
    margin: 0;
}
.copyright {
    color: #fff;
    text-align: right;
}
.uk-checkbox, .uk-radio {
    height: 30px;
    width: 30px;
    background-size: 55px;
}
ol li {
    margin-bottom: 20px;
}
form.cmxform label.error, label.error {
    color: red;
    padding-left: 10px;
}
.uk-card-default .uk-card-header {
    border-bottom: none;
}
.uk-form-width-xmedium {
  width: 350px;
}
.uk-offcanvas-bar {
  background: rgb(67 74 81 / 90%);
}
svg {
    max-width: 20px;
}
/* top
-------------------- */
/* button-Override */
body.top-index button {
  padding: 20px 40px;
  line-height: 38px;
  min-height: 162px;
}
.uk-button-primary:focus, .uk-button-primary:hover {
    background-color: #2e94fb;
    color: #fff;
}
.uk-button-seagreen {
  background-color: #2c8fb1;
  color: #fff;
  border: 1px solid transparent;
}
.uk-button-seagreen:focus, .uk-button-seagreen:hover {
  background-color: #49aed1;
  color: #fff;
}
.uk-button-green {
    background-color: #32b12c;
    color: #fff;
    border: 1px solid transparent;
}
.uk-button-green:focus, .uk-button-green:hover {
    background-color: #3cc735;
    color: #fff;
}
.uk-button-orange {
    background-color: #eb912b;
    color: #fff;
    border: 1px solid transparent;
}
.uk-button-orange:focus, .uk-button-orange:hover {
    background-color: #fca519;
    color: #fff;
}
.uk-button-cyan {
    background-color: #1ba780;
    color: #fff;
    border: 1px solid transparent;
    font-size: 1.2rem;
}
.uk-button-cyan:focus, .uk-button-cyan:hover {
    background-color: #1fc194;
    color: #fff;
}
.uk-button-cyan a {
  color: #fff;
  text-decoration: none;
}
/* common
-------------------- */
p, li, dd {
    font-size: 1.1rem;
}
.text-white {
  color: #ffffff;
}
img#wpstats {
  display: none
}
.site-title,
.site-description {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
}

#kns-head {
  background: linear-gradient(to bottom, #ece9e6, #ffffff);
}

#kns-header {
  height: 400px;
}

#kanso_general_options_htitle,
#kanso_general_options_hsubtitle,
.kns-navbar-top-front,
.kns-navbar-top-front li>a {
  color: dark;
}

.kns-navbar-top {
  background-color: rgba(255, 255, 255) !important;
  border-bottom: #eee 1px solid;
}

.kns-navbar-sticky {
  background-color: rgba(255, 255, 255, 0.8) !important;
  border-bottom: #eee 1px solid;
}

.uk-logo,
.uk-logo:hover,
.kns-navbar-top,
.kns-navbar-top li>a,
.kns-navbar-sticky,
.kns-navbar-sticky li>a,
.kns-navbar-sticky .uk-navbar-nav>li>a {
  color: black;
}

.mypage-result .uk-h1,
.mypage-result .uk-h2,
.mypage-result .uk-h3,
.mypage-result .uk-h4,
.mypage-result .uk-h5,
.mypage-result .uk-h6 {
  margin: 0;
}
.mypage-result *+.uk-h1,
.mypage-result *+.uk-h2,
.mypage-result *+.uk-h3,
.mypage-result *+.uk-h4,
.mypage-result *+.uk-h5,
.mypage-result *+.uk-h6 {
  margin-top: 20px;
}

/* tab content */
.uk-tab li {
  background-color: #cccccc;
  padding: 0;
  margin: 0 1px;
  border-radius: 10px 10px 0 0;
}
.uk-tab li:hover {
  background-color: #91957d;
}
.uk-tab li.uk-active {
  background-color: #1e87f0;
}
.uk-tab>.uk-active>a {
  color: #ffffff;
  border-color: transparent;
}
.uk-tab>*>a {
  color: #333333;
  font-size: 18px;
  font-size: 1.13rem;
}
.uk-tab>*>a:hover {
  color: #ffd714;
  text-decoration: none;
}
.uk-tab:before {
  content: none;
}
.uk-tab:after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: #1e87f0;
  display: block;
  order: -1;
}
/* radius */
.b-radius20 {
  border-radius: 10px;
}

/* headings*/
section {
  counter-reset: num;
}
.numbered-headings {
  position: relative;
  margin-left: 2rem
}
.numbered-headings:before {
  counter-increment:num;
	content: counter(num)".";
  position:absolute;
  left: -2rem;
  top: -0.5rem;
  color: #498ee0;
	font-size: 1.8rem;
	border-bottom: 1px solid #498ee0;
}
.numbered-headings:after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
	height: 8px;
	background-image: repeating-linear-gradient(45deg, #c7c7c7 0px, #c7c7c7 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);
	background-size: 8px 8px;
}
/* button */
.uk-button-grey:hover {
  background-color: #d7d7d7;
}

/* c_mainte_list.php
-------------------- */
.mainte-copd-list table th,
.mainte-copd-list table td,
.mainte-general_list table th,
.mainte-general_list table td,
.mainte-result_list table th,
.mainte-result_list table td {
  white-space: nowrap;
  text-align: center;
}
.manual {
  padding: 20px 40px;
  min-height: 162px;
}
/* Responsive
-------------------- */
@media screen and (max-width: 1199px) {
  header .uk-heading-primary span {
    display: block;
  }
}
@media screen and (max-width: 639px) {
  html {
    font-size: 12px;
  }
  header .uk-heading-primary .uk-text-large {
  }
  .uk-h1, h1 {
  }
}

/* Print
-------------------- */
@media print{
  html {
    transform: scale(0.8);
  }
  .uk-padding {
    padding: 0;
  }
  header {
    display: none;
  }
  form {
    margin: 0;
    padding: 0;
  }
  .uk-h1, h1 {
    /* font-size: 1.625rem; */
  }
  footer,
  .uk-button {
    display: none;
  }
}