@charset "UTF-8";

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans CJK JP Regular"), url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format("opentype");
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 62.5%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
  overflow-x: hidden;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input,
button,
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.clr_warm,
.pages .side-nav__title,
.pages .hd-grad,
.ir-top__links:before,
.ir-top__links:after,
.ir-top__link__name {
  background: linear-gradient(135deg, #f28b8b 0%, #f28b8b 40%, #fba174 60%, #fba174 100%);
}

.clr_warmY,
.info-detail__cnts h1:before,
.info-detail__cnts h3:before,
.case__list__title:before,
.pages .hd-gd_bl:before {
  background: #f28b8b;
  background: linear-gradient(to bottom, #f28b8b 0%, #f28b8b 40%, #fba174 80%, #fba174 99%);
}

.clr_cool,
.h-next .side-nav__title,
.h-next .hd-grad {
  background: linear-gradient(135deg, #519ed4 0%, #519ed4 40%, #51bdd4 60%, #51bdd4 100%);
}

.clr_coolY,
.h-next .hd-gd_bl:before {
  background: #519ed4;
  background: linear-gradient(to bottom, #519ed4 0%, #519ed4 40%, #51bdd4 80%, #51bdd4 99%);
}

.clr_celf,
.pages.-celf .hd-grad {
  background: linear-gradient(135deg, #49ba00 0%, #49ba00 40%, #b7ed71 60%, #b7ed71 100%);
}

.clr_celfY,
.-celf .hd-gd_bl:before {
  background: #49ba00;
  background: linear-gradient(to bottom, #49ba00 0%, #49ba00 40%, #b7ed71 80%, #b7ed71 99%);
}

/* clearfix */
.cf,
.container {
  *zoom: 1;
}

.cf:after,
.container:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  line-height: 0;
}

html {
  color: #333;
  font-size: 100%;
  line-height: 0;
  margin-top: 0 !important;
}

body {
  font-family: "Noto Sans JP";
  color: #333;
}

a {
  text-decoration: none;
  color: #333;
  transition: color .2s, border .2s;
}

a:visited,
a:active {
  color: inherit;
}

a:focus {
  outline: none;
}

img {
  max-width: 100%;
}

.wrap {
  position: relative;
  width: 100%;
  min-height: 100%;
  height: auto;
  padding-top: 150px;
}

.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}

/* header
-------------------------------------*/
.head {
  width: 100%;
  height: 160px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
}

.head__inr {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto auto 0 auto;
  height: 160px;
  background: url(img/mv_frame_top.png) bottom center no-repeat;
  background-size: auto 210px;
  z-index: 10;
  max-width: 1920px;
}

.head__line1 {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: space-betwee;
  justify-content: space-betwee;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: start;
  align-items: flex-start;
}

.head__logo {
  width: 270px;
  min-width: 20%;
  padding: 13px 0 0 10px;
}

@media screen and (min-width:1100px) {
  .head__logo {
    padding-left: 1.5%;
  }
}

.head__element {
  width: 80%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
}

.head__btns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 40%;
  max-width: 200px;
}

.head__font-size {
  max-width: 230px;
  width: 30%;
  margin-top: 5px;
}

.head__font-size li {
  float: left;
  padding-right: 5px;
  text-align: center;
  box-sizing: border-box;
}

.head__font-size span {
  display: block;
  padding: 6px 3px;
  box-sizing: border-box;
}

.head__font-size .fonts {
  font-size: 15px;
  width: 40%;
}

.head__font-size .f-size {
  width: 28%;
  min-width: 3.1em;
}

.head__font-size .f-size span {
  width: 100%;
  max-width: 60px;
  font-size: 14px;
  border-radius: 15px;
  border: 2px solid #999898;
  color: #999898;
  cursor: pointer;
  transition: all .1s;
}

.head__font-size .f-size span:hover {
  background: #999898;
  color: #fff;
}

.head__font-size .f-size.textresizer-active span {
  background: #999898;
  color: #fff;
}

.head__btns__list {
  width: 49.5%;
  width: 100%;
  color: #fff;
}

.head__btns__list .contact-btn span {
  font-size: 18px;
}

.head__btns__list .document-btn span {
  font-size: 18px;
}

/*検索フォーム*/
.srchBox {
  display: -ms-flexbox;
  display: flex;
  color: #000000;
  text-align: left;
  font-size: 13px;
  margin-top: 5px;
}

.srchBox a img {
  border: none;
}

.srchBox .srch {
  padding: 0 15px 0 0;
}

.srchBox .srch .srchForm {
  white-space: nowrap;
}

.srchBox .srchInput {
  width: calc(100% - 45px);
  vertical-align: bottom;
}

.srchBox .srchBtn {
  width: 45px;
  box-sizing: border-box;
  height: 2.4em;
  border: 0;
  background: #999898;
  color: #fff;
}

.srchBox.watermark .srchInput {
  padding: 1px 1px 2px 1px;
  height: 2.4em;
  box-sizing: border-box;
  border: 1px solid #a5acb2;
  background: #fff url(https://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}

.srchBox.watermark .srchInput:focus {
  background: #fff;
}

.srchBox.watermark #srchLogo {
  display: none;
}

.sp__menu-btn {
  display: none;
}

.head-nav {
  width: 100%;
}

.head-nav__menu {
  max-width: 100%;
  margin: 15px auto 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.head-nav__list {
  width: 200px;
  max-width: 16.666%;
}

.head-nav__list .head-nav__link {
  display: block;
  padding: 0 0;
  text-align: center;
  color: #333;
}

.head-nav__list .head-nav__link:hover span {
  color: #f28b8b;
  border-bottom: 2px solid #f28b8b;
}

.head-nav__list .head-nav__link.current span {
  color: #f28b8b;
  border-bottom: 2px solid #f28b8b;
}

.head-nav__list span {
  border-bottom: 2px solid transparent;
  transition: all .1s;
  font-size: 18px;
  font-size: 1rem;
  font-weight: 500;
}

.head-nav__list span i {
  font-size: .8rem;
  margin-left: 8px;
}

/* megamenu
-------------------------------------*/
.mega-menu__inr {
  width: 100%;
  max-width: 1150px;
  padding: 40px 20px;
  margin: 0 auto;
  box-sizing: border-box;
  z-index: 100;
  text-align: center;
  text-align: center;
  position: relative;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
}

.mega-menu__inr .pagestop-link {
  text-align: left;
  padding-left: 30px;
  margin-bottom: 25px;
}

.mega-menu__inr .mega__sub-link {
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0 0 0 30px;
}

.mega-menu__inr .mega__sub-link__item {
  padding-right: 20px;
}

.mega-menu__inr .mega__sub-link__item a {
  border-bottom: 1px solid transparent;
  font-size: 15px;
}

.mega-menu__inr .mega__sub-link__item a:hover {
  color: #f28b8b;
  border-bottom: 1px solid #f28b8b;
}

.mega-menu__scroll {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  overflow-x: hidden;
  height: 100%;
  position: relative;
}

.mega-menu__scroll::-webkit-scrollbar {
  width: 8px;
}

.mega-menu__scroll::-webkit-scrollbar-track {
  background: #e7e4e3;
  border-left: solid 1px #f3ece9;
}

.mega-menu__scroll::-webkit-scrollbar-thumb {
  background: #e0dfde;
  border-radius: 10px;
  box-shadow: inset 0 0 0 2px #e0dfde;
}

.mmenu {
  position: relative;
  top: 110px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 100;
  width: 100%;
  max-width: 1920px;
  height: 0;
  text-align: center;
  z-index: -1;
  box-sizing: border-box;
  background: #f3ece9;
}

.mmenu-list {
  padding: 0;
  height: auto;
  display: none;
  position: absolute;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 0;
  top: 0;
  left: 50%;
  text-align: center;
  z-index: 101;
}

.mmenu_close {
  position: absolute;
  right: 50px;
  top: 20px;
  display: inline-block;
  z-index: 102;
}

.mmenu_close .btn__close {
  cursor: pointer;
  border-bottom: 1px solid transparent;
  transition: color .2s, border .2s, background .2s;
}

.mmenu_close .btn__close span {
  display: inline-block;
  margin-right: 5px;
  border: 1px solid #333;
  background: #333;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  transition: color .2s, border .2s, background .2s;
}

.mmenu_close .btn__close:hover {
  color: #f28b8b;
  border-bottom: 1px solid #f28b8b;
}

.mmenu_close .btn__close:hover span {
  border: 1px solid #f28b8b;
  background: #f28b8b;
}

.mega-menu--large {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
}

.mega-menu--large.col-2 .mega-menu__cat {
  width: 48%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mega-menu--large.col-2 .mega-menu__list {
  width: calc(50% - 15px);
  padding-left: 15px;
}

.mega-menu--large.col-4 .mega-menu__cat {
  width: 23%;
}

.mega-menu--large.col-4 .mega-menu__list {
  width: calc(100% - 15px);
  padding-left: 15px;
}

.mega-menu__cat-name {
  display: block;
  width: 100%;
  height: 18px;
  padding: .5em 0;
  font-size: 19px;
  color: #fff;
  margin: 20px auto 15px;
}

.mega-menu__cat-name.-brd-clr1 {
  color: #519ed4;
  border: 2px solid #519ed4;
  background: #fff;
}

.mega-menu__cat-name.-brd-clr2 {
  color: #a1d451;
  border: 2px solid #a1d451;
  background: #fff;
}

.mega-menu__cat-name.-clr1 {
  border: 2px solid #519ed4;
}

.mega-menu__cat-name.-clr2 {
  border: 2px solid #a1d451;
}

.mega-menu__cat-name.-clr3 {
  border: 2px solid #51bdd4;
}

.mega-menu__cat-name.-clr4 {
  border: 2px solid #fba174;
}

.mega-menu__list {
  text-align: left;
  font-size: 15px;
}

.mega-menu__item {
  line-height: 1.5em;
  margin-bottom: .5em;
}

.mega-menu__item a {
  border-bottom: 1px solid transparent;
}

.mega-menu__item a:hover {
  color: #f28b8b;
  border-bottom: 1px solid #f28b8b;
}

.mega-menu__item a.current {
  color: #f28b8b;
  border-bottom: 1px solid #f28b8b;
}

/* sp-menu
-------------------------------------*/
.sp-menu__btn {
  display: none;
}

.sp-menu__container {
  display: none;
}

/* mv
-------------------------------------*/
.mv-outer.index {
  position: relative;
  width: 100%;
  height: auto;
}

.mv-outer.index:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  background: url(img/top/mv_frame_bottom.png) top center no-repeat;
  background-size: auto 210px;
  z-index: 5;
  margin-bottom: -160px;
  height: 210px;
}

.mv-outer {
  position: relative;
  width: 100%;
  height: auto;
}

/*.mv-outer:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; background: url(img/mv_frame_bottom.png) top center no-repeat; background-size: auto 210px; z-index: 5; margin-bottom: -145px; height: 210px; }*/
.mv {
  margin: -50px auto 0;
  width: 100%;
  height: 100%;
  max-width: 1920px;
  position: relative;
}

.mv-outer.pages .mv {
  width: 100%;
  position: relative;
  min-height: 465px;
  height: auto;
  overflow: hidden;
}

.mv-outer.pages img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 100%;
  max-width: inherit;
  width: auto;
  max-height: auto;
}

/* mv slider */
.mv.swiper-container {
  width: 100%;
}

.mv-slider {
  width: 100%;
}

.mv-slider__list {
  height: auto;
  width: 100%;
}

.mv-slider__list a {
  display: block;
  width: 100%;
  position: relative;
  min-height: 620px;
  height: auto;
  overflow: hidden;
}

.mv-slider__list span {
  display: block;
  width: 100%;
  position: relative;
  min-height: 620px;
  height: auto;
  overflow: hidden;
}

.mv-slider__list img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 100%;
  max-width: inherit;
  width: auto;
  max-height: auto;
}

/*
@include mq(md) {
  .mv-slider__list {
    a { min-height: 450px;}
    span { min-height: 450px;}
    img { max-height: 100%;}
  }
}
*/
/* inner block
-------------------------------------*/
.row {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.row.-mdl {
  box-sizing: border-box;
  padding: 0 50px;
}

.row.-over {
  max-width: 1100px;
}

.inr {
  width: 100%;
  margin: 0 auto;
}

/* main
-------------------------------------*/
.main {
  position: relative;
  z-index: 20;
}

.main.index {
  padding-top: 50px;
}

.main.pages {
  margin-bottom: 160px;
}

.pages-2clm {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 600px;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  margin-top: 100px;
}

.side-nav {
  width: 23%;
  -ms-flex-order: 1;
  order: 1;
}

.right-cnts {
  width: 73%;
  -ms-flex-order: 2;
  order: 2;
}

.side-nav__title {
  color: #fff;
  padding: 10px;
  font-size: 18px;
  font-size: 1.125rem;
  box-sizing: border-box;
  line-height: 1.2em;
}

.side-nav__title a {
  display: inline-block;
  color: #fff;
}

.side-nav__list {
  padding: 20px 5px 20px 5px;
  border-bottom: 2px solid;
  font-size: 14px;
  font-size: 0.875rem;
}

.side-nav__list li {
  line-height: 2.2em;
}

.side-nav__list li a {
  display: inline-block;
  margin-left: 5px;
  border-bottom: 1px solid transparent;
}

.side-nav__list li a:hover {
  border-bottom: 1px solid;
}

.pages .side-nav__list {
  border-color: #f28b8b;
}

.h-next .side-nav__list {
  border-color: #519ed4;
}

.pages .side-nav__list li a:hover {
  color: #f28b8b;
  border-color: #f28b8b;
}

.h-next .side-nav__list li a:hover {
  color: #519ed4;
  border-color: #519ed4;
}

.side-nav__item__a.-fclr {
  margin-left: 0;
}

/* breadcrumb list
-------------------------------------*/
.breadcrumb {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  text-align: left;
  color: #fff;
  position: absolute;
  top: 56px;
  left: 10px;
  right: 0;
  margin: 0 auto auto auto;
  z-index: 10;
}

.breadcrumb li {
  display: inline-block;
  font-size: 12px;
  font-size: 0.75rem;
}

.breadcrumb li:after {
  content: "";
  width: 5px;
  height: 5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: relative;
  display: inline-block;
  bottom: 1px;
  margin: 0 5px;
}

.breadcrumb li:last-child:after {
  content: "";
  padding: 0;
  border: 0;
}

.breadcrumb a {
  color: #fff;
}

.breadcrumb a:hover {
  color: #f28b8b;
}

.post_pagination {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding-top: 40px;
}

.post_pagination ul.page-numbers {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.post_pagination li {
  width: 1.8em;
  text-align: center;
  font-size: 22px;
}

.post_pagination .page-numbers.current {
  color: #f28b8b;
}

.post_pagination a.page-numbers:hover {
  color: #f28b8b;
}

/* container
-------------------------------------*/
.container {
  position: relative;
  margin: 0 auto;
  width: 100%;
  padding-top: 100px;
}

/* footer
-------------------------------------*/
.foot {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

.foot__btns {
  text-align: center;
  margin: 100px auto 150px;
}

.foot__btns.position-top {
  display: none;
}

.foot__btns__list {
  box-sizing: border-box;
  display: inline-block;
  max-width: 254px;
  width: 100%;
  padding: 0 10px;
  color: #fff;
}

.foot__inr {
  width: 100%;
  padding-top: 5%;
  font-size: 0;
  line-height: 0;
  margin: 80px auto 0;
  background: #e9f7fa url(img/bg_foot.jpg) center 50px no-repeat;
  background-size: cover;
}

.foot-nav {
  max-width: 1200px;
  margin: 0 auto 20%;
  font-size: 14px;
  line-height: 2em;
}

.foot-nav__menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.foot-nav__list {
  width: 20.9%;
}

.foot-nav__list.-last {
  width: 16.4%;
}

.foot-nav__list--inr {
  margin-bottom: 20px;
}

.foot-nav__item a {
  transition: all .1s;
  border-bottom: 1px solid transparent;
  text-shadow: 0px 0px 8px #f7feff;
}

.foot-nav__item a:hover {
  border-bottom: 1px solid #f28b8b;
  color: #f28b8b;
  text-shadow: none;
}

.foot-nav__item.-color a {
  color: #f28b8b;
  font-size: 16px;
  text-shadow: none;
}

.foot-nav__item.-sns {
  margin-bottom: .7em;
}

.foot-nav__item.-sns a {
  display: block;
  width: 100%;
  padding: 3px 3px 5px 35px;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  border-bottom: 0;
  text-shadow: none;
}

.foot-nav__item.-sns a:hover {
  border-bottom: 0;
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.foot-nav__item.-sns span {
  display: inline;
  vertical-align: middle;
  margin: 0 auto;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
}

.foot-nav__item.-sns .link--fb {
  background-color: #3b5998;
  background-image: url(img/icn_fb.png);
  background-position: 5px center;
  background-repeat: no-repeat;
}

.foot-nav__item.-sns .link--tw {
  background-color: #1da1f2;
  background-image: url(img/icn_twitter.png);
  background-position: 5px center;
  background-repeat: no-repeat;
}

.foot-nav__item.-msa {
  margin-top: 30px;
  border-bottom: 0;
}

.foot-nav__item.-msa a {
  text-shadow: none;
}

.foot-nav__item.-msa a:hover {
  border-bottom: 0;
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.foot-bar {
  max-width: 1200px;
  margin: 50px auto 0;
  padding: 30px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.foot-bar__link {
  width: 60%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.foot-bar__item {
  padding: 0 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.foot-bar__item a {
  display: inline-block;
  border-bottom: 1px solid transparent;
  color: #fff;
  font-size: 12px;
  line-height: 1em;
  transition: all .1s;
}

.foot-bar__item a:hover {
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}

.foot-bar__item:first-child {
  padding: 0 20px 0 0;
  border-left: 0;
}

.foot-bar__copy {
  width: 40%;
  text-align: right;
  font-size: 11px;
  color: #ababab;
}

/* pagetop
-------------------------------------*/
.pagetop {
  position: fixed;
  bottom: 0;
  right: 5%;
  z-index: 25;
  width: 60px;
  height: 60px;
  cursor: pointer;
}

/* 記事一覧
-------------------------------------*/
/*top_一覧 お知らせ*/
.info-tab {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: end;
  align-items: flex-end;
}

.info-tab__list {
  width: 50%;
  padding: 12px 0;
  text-align: center;
  color: #f28b8b;
  font-size: 20px;
  font-size: 1.25rem;
  background: #f3ece9;
  cursor: pointer;
  transition: opacity .2s;
}

.info-tab__list.select {
  padding: 15px 0;
  background: #fff;
}

.info-tab__list:hover {
  opacity: .9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.info-cnts__inr.disnon {
  display: none;
}

.info-cnts__inr .no-posts {
  padding: 20px 0;
  text-align: center;
}

.info-cnts__inr iframe {
  width: 100%;
  height: 28em;
  overflow-y: visible;
}

.info-cnts__bg {
  background-color: #fff;
  padding: 30px 30px 20px 30px;
}

.info__list {
  display: block;
  background: url(img/line_dot.gif) bottom left repeat-x;
}

.info__list:hover .info__text span:not(.new-inr) {
  color: #f28b8b;
  border-bottom: 1px solid #f28b8b;
}

.info__list:hover .info-cat {
  opacity: .9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.info__list__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 0;
  justify-content: space-between
}

.info__list:last-child {
  background: none;
}

.info__date {
  width: 240px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

/* archive-info.php（一覧ページ） */
.archive-info .info__date {
  width: 300px;
}

.info__date.-online {
  width: 160px;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.info-day {
  font-size: 16px;
  letter-spacing: 1px;
}

.info-cat {
  font-size: 13px;
  padding: 8px 0;
  width: 120px;
  text-align: center;
  color: #fff;
  transition: opacity .2s;
  display: inline-block;
  line-height: 1.1;
  box-sizing: border-box;
}

/* archive-info.php（一覧ページ） */
.archive-info .info-cat {
  width: 150px;
  padding: 8px 0px;
}

/* single-info.php（記事ページ） */
.single-info .info-cat {
  width: auto;
  padding: 10px 20px;
}

.cat-seminar,
.cat-other,
.cat-column_cat4 {
  background: #fba174;
}

.cat-event,
.cat-medical,
.cat-column_cat3 {
  background: #51bdd4;
}

.cat-press-release,
.cat-welfare,
.cat-column_cat2 {
  background: #a1d451;
}

.cat-nursing,
.cat-nursing_nyukyo,
.cat-nursing_kyotaku,
.cat-column_cat1 {
  background: #519ed4;
}

.cat-news {
  background: #f28b8b;
}

.cat-law_kaigo2021 {
  background-color: #477ab8;
}

.cat-law_shougai2021 {
  background-color: #47b899;
}

.cat-law_2025,
.cat-law_2026 {
  background-color:#477ab8;
}
@media (max-width:767px) {
	.wf-section.-top.-news .cat-law_2025 br,
  .wf-section.-top.-news .cat-law_2026 br{
		display: none;
	}
}

/* 令和6年度 介護保険法改正 */

.info-cat.cat-law_kaigo2024,
.info-cat.cat-kaigo_joint,
.info-cat.cat-kaigo_nds {
  background-color: #477ab8;
}

.info-cat.cat-law_shougai2024,
.info-cat.cat-shougai_joint,
.info-cat.cat-shougai_nds {
  background-color: #47b899;
}

.info__text {
  font-size: 16px;
  padding-left: 10px;
  letter-spacing: 1px;
  width: calc(100% - 210px);
  line-height: 1.5;
}

.info__text span {
  border-bottom: 1px solid transparent;
  transition: color .2s, border .2s;
  line-height: 1.4em;
}

a[href$=".pdf"] .info-files__icn span {
  display: inline-block;
  padding-right: 25px;
  background: url(img/icn_pdf.png) no-repeat right center;
  background-size: 20px auto;
}

/*
a[href$=".zip"].info-files {
	display: inline-block;
	padding-left: 20px;
	background: url(images/icon-zip.png) no-repeat right center;
}

a[href$=".jpg"].info-files  {
	display: inline-block;
	padding-left: 25px;
	background: url(images/icon-jpg.png) no-repeat right center;
}
a[href$=".xls"].info-files, a[href$=".xlsx"].info-files {
	display: inline-block;
	padding-left: 20px;
	background: url(/img/top/img_vision.jpg) no-repeat right center;
}
*/
.info-link__icn span:not(.new-inr) {
  display: inline-block;
  padding-right: 25px;
  background: url(img/icn_external-link.png) no-repeat right center;
  background-size: 18px auto;
}

/* オンラインプラットフォーム
-------------------------------------*/
.hd_online {
  font-size: 26px;
  font-size: 1.625rem;
  padding: 15px;
  margin: 10px auto 30px;
}

.online__link {
  padding-left: 10px;
}

.online__link .-indent {
  margin-left: 1.5em;
}

.online__link-list {
  display: block;
  position: relative;
  padding-left: 2em;
}

.online__link-list:before {
  content: "▲";
  color: #f28b8b;
  position: absolute;
  left: .5em;
  top: 0;
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/*a.online__link-list { color: #519ed4; }
*/
.online__link-child {
  color: #519ed4;
  display: inline-block;
  padding-left: 2em;
}

.online__link-child.zip {
  padding-left: 0;
}

.online__link-child.icn-file {
  display: inline-block;
  padding-right: 25px;
  margin-right: 20px;
  color: #519ed4;
}

a[href$=".pdf"].icn-file {
  background: url(img/icn_pdf.png) no-repeat right center;
  background-size: 20px auto;
}

a[href$=".xlsx"].icn-file {
  background: url(img/icn_xlsx.png) no-repeat right center;
  background-size: 20px auto;
}

a[href$=".docx"].icn-file {
  background: url(img/icn_docx.png) no-repeat right center;
  background-size: 20px auto;
}

/*
a[href$=".zip"].info-files {
	display: inline-block;
	padding-left: 20px;
	background: url(images/icon-zip.png) no-repeat right center;
}

a[href$=".jpg"].info-files  {
	display: inline-block;
	padding-left: 25px;
	background: url(images/icon-jpg.png) no-repeat right center;
}
a[href$=".xls"].info-files, a[href$=".xlsx"].info-files {
	display: inline-block;
	padding-left: 20px;
	background: url(/img/top/img_vision.jpg) no-repeat right center;
}
*/
.online__login-form {
  font-size: 18px;
  font-size: 1.125rem;
  max-width: 650px;
  margin: 80px auto 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.online__login-form .online__login-item {
  width: 50%;
  text-align: center;
  margin-bottom: 20px;
}

.online__login-form .header_input {
  margin-left: 15px;
  -webkit-appearance: none;
  border-radius: 2px;
  padding: 12px 5px;
  box-sizing: border-box;
  font-size: 18px;
  font-size: 1.125rem;
  border: 1px solid #ccc;
}

.online__login-btn {
  width: 100%;
  text-align: center;
  margin: 20px auto;
}

.online__login-btn .btn-radius.-c01 {
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  min-width: 200px;
  padding: 10px 15px;
  font-size: 18px;
  font-size: 1.125rem;
  background: #f28b8b;
  color: #fff;
}

/*お知らせアイコン*/

#wf-online .info__date.-online{
	white-space: nowrap;
	width: 100%;
}
@media screen and (min-width: 768px) {
	#wf-online .info__date.-online{
		width: 240px;
	}					
}
#wf-online .info__date.-online .info-cat{
	margin-left:10px;
	margin-right:10px;
}
.cat-cat_news {
	background: #ffa54c;
}
.cat-cat_important {
	background: #dc1f1f;
}
.cat-cat_maintenance {
	background: #51bdd4;
}

/* お問い合わせを消す */
#wf-online .foot__btns.footbtn_pc{
	display: none;
}
/*#wf-online .foot__btns.footbtn_sp{
	display: none;
}*/


/* カテゴリーのナビゲーション */
.olp-cat-navi-block{
	margin-top: 50px;
	text-align: center;
}
.olp-cat-navi-block ul{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	width: 90%;
	margin:0 auto;
}				
.olp-cat-navi-block ul > li{
	width: 100%;
	box-sizing: border-box;
}
.olp-cat-navi-block ul > li + li{
	margin-top: 12px;
}

.olp-cat-navi-block ul > li a{
	width: 100%;
	padding: 24px 30px 24px 20px;
	text-align: left;
	font-size: 15px;
	display: block;
	box-sizing: border-box;
	position: relative;
	transition: 0.1s linear;
}

@media screen and (min-width: 768px) {
	.olp-cat-navi-block ul > li{
		width: 31%;
	}	
	.olp-cat-navi-block ul > li a{
		padding: 24px 30px 24px 20px;
		font-size: 93.75%;
	}
	.olp-cat-navi-block ul > li + li{
		margin-top: 0;
	}
}

.olp-cat-navi-block ul > li a::after{
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-top: solid 2px #555;
	border-right: solid 2px #555;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 20px;
}

.olp-cat-navi-block ul > li[class^="olp-cat-"] {
	border: 1px solid;
	border-left: 4px solid;
}
.olp-cat-navi-block ul > li[class^="olp-cat-"] a::after {
	border-top: solid 2px;
	border-right: solid 2px;
}

.olp-cat-news {
	--cat-color: #ffa54c;/*オレンジ*/
}
.olp-cat-maintenance {
	--cat-color: #51bdd4;/*水色*/
}
.olp-cat-important {
	--cat-color: #dc1f1f;/*赤*/
}

.olp-cat-navi-block ul > li[class^="olp-cat-"] {
	border-color: var(--cat-color);
	border-left-color: var(--cat-color);
}
.olp-cat-navi-block ul > li[class^="olp-cat-"] a::after {
	border-top-color: var(--cat-color);
	border-right-color: var(--cat-color);
}

.olp-cat-navi-block ul > li.olp-cat-news a:hover{
	background-color: #fff9f5;
	color:#666;
}
.olp-cat-navi-block ul > li.olp-cat-maintenance a:hover{
	background-color: #effafc;
	color: #666;
}
.olp-cat-navi-block ul > li.olp-cat-important a:hover{
	background-color: #fff8f8;
	color: #666;
}

/* コラム
-------------------------------------*/
.column__list__outer {
  display: block;
}

.column__list__outer:hover .column__readmore {
  color: #f28b8b;
}

.column__list__outer:hover .column__readmore:after {
  -ms-transform: translate(20%, -50%);
  transform: translate(20%, -50%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.column__list__outer:hover .column__list__thumb {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.column__list__outer:hover .column__list__title {
  color: #f28b8b;
}

.h-next .column__list__outer:hover .column__readmore {
  color: #519ed4;
}

.h-next .column__list__outer:hover .column__list__title {
  color: #519ed4;
}

.column-cat {
  font-size: 14px;
  letter-spacing: 1px;
  margin-right: 8px;
  padding: 8px 0;
  width: 100px;
  text-align: center;
  color: #fff;
  transition: opacity .2s;
  display: inline-block;
  background-color: #f28ba3;
}

.column__list {
  width: 100%;
  margin: 0 auto 15px auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.column__list__thumb {
  width: 180px;
  transition: opacity .2s;
}

.column__list__thumb img {
  width: 100%;
  height: auto;
}

.column__list__detail {
  width: calc(100% - 200px);
}

.column__list__title {
  font-size: 18px;
  margin-top: 10px;
  line-height: 1.4em;
  transition: color .2s;
  font-weight: bold;
}

.column__list__day {
  font-size: 14px;
  letter-spacing: 1px;
  transition: color .2s;
}

.column__list__text {
  font-size: 16px;
  line-height: 1.6em;
  margin-top: 4px;
}

.column__list__text p {
  transition: color .2s;
}

.column__list__link {
  text-align: right;
}

.column__readmore {
  display: inline-block;
  margin-top: 10px;
  padding-right: 35px;
  position: relative;
  font-size: 13px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.column__readmore:after {
  content: "→";
  color: #f28b8b;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  right: 5px;
  top: 50%;
  width: 25px;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: transform .2s;
}

.h-next .column__readmore:after {
  content: "→";
  color: #519ed4;
}

.case-slider__inr:hover .column__readmore {
  color: #f28b8b;
}

.case-slider__inr:hover .column__readmore:after {
  -ms-transform: translate(20%, -50%);
  transform: translate(20%, -50%);
}

.h-next .case-slider__inr:hover .column__readmore {
  color: #519ed4;
}

/* 記事詳細
-------------------------------------*/
.info-detail__date {
  /*  width: 350px;
	width: 400px;*/
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.info-detail__date .info-day {
  font-size: 28px;
  font-size: 1.75rem;
}

.info-cat {
  line-height: 1.1;
}

.info-detail__date .info-cat {
  font-size: 18px;
  /*font-size: 1.25rem;
  width: 190px;*/
  margin-right: 20px;
}

/*導入事例のカテゴリー幅修正20230904*/
.wf-case-single .info-detail__date .info-cat {
  font-size: 16px;
  width: 170px;
  padding: 8px 12px;
  border-radius: 2px;
}

.info-detail__title {
  font-size: 40px;
  font-size: 2.4rem;
  text-align: center;
  color: #f28b8b;
  margin: 60px auto 50px auto;
  line-height: 1.4em;
}

/*お知らせタイトル黒字*/
.info-detail__title2 {
  font-size: 40px;
  font-size: 2.4rem;
  text-align: center;
  color: #000000;
  margin: 60px auto 70px auto;
  line-height: 1.4em;
}

@media screen and (max-width: 768px) {
  .info-detail__title2 {
    font-size: 30px;
    margin: 30px auto 40px auto;
  }
}

@media screen and (max-width: 576px) {
  .info-detail__title2 {
    font-size: 24px;
  }
}

.info-detail__cnts {
  line-height: 1.8em;
  font-size: 16px;
  font-size: 1rem;
}

.info-detail__cnts h1 {
  font-size: 34px;
  font-size: 2.125rem;
  padding-left: 25px;
  margin: 30px auto;
  position: relative;
  line-height: 1.4em;
}

.info-detail__cnts h1:before {
  content: "";
  width: 8px;
  height: 92%;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 4%;
}

.info-detail__cnts h2:not(.exc) {
  font-size: 34px;
  font-size: 2.125rem;
  color: #f28b8b;
  margin: 30px auto;
  line-height: 1.4em;
}

.info-detail__cnts h3 {
  font-size: 26px;
  font-size: 1.625rem;
  padding-left: 20px;
  margin: 25px auto;
  position: relative;
  line-height: 1.4em;
}

.info-detail__cnts h3:before {
  content: "";
  width: 6px;
  height: 92%;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 4%;
}

.info-detail__cnts h4 {
  font-weight: bold;
  font-size: 22px;
  font-size: 1.375rem;
  margin: 25px auto;
  line-height: 1.4em;
}

.info-detail__cnts p:not([class*="fs"]) {
  line-height: 1.8em;
  font-size: 16px;
  font-size: 1rem;
}

.info-detail__cnts p img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 40px auto;
}

/*.info-detail__cnts p img:not(.column_banner) { display: block; width: auto; max-width: 100%; height: auto; margin: 40px auto; }
.info-detail__cnts p img.column_banner{
	margin:10px auto 20px auto;
}*/
.info-detail__cnts a {
  text-decoration: underline;
}

.info-detail__cnts a:hover {
  color: #f28b8b;
}

.info-detail__cnts a[target="_blank"] {
  padding-right: 25px;
  background: url(img/icn_external-link.png) no-repeat right center;
  background-size: 18px auto;
}

.info-detail__cnts .btn-radius__outer {
  text-align: center;
  margin: 30px auto;
}

.info-detail__cnts .btn-radius__outer a {
  font-size: 18px;
  font-size: 1.125rem;
  position: relative;
  display: inline-block;
  min-width: 315px;
  padding: 20px 40px;
  box-sizing: border-box;
  max-width: 90%;
  margin: 0 auto;
  border-radius: 50px;
  background: #fff;
  border: 2px solid #f28b8b;
  color: #333;
  transition: background .2s;
  text-decoration: none;
}

.info-detail__cnts .btn-radius__outer a:after {
  content: "→";
  color: #f28b8b;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 30px;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: transform .2s;
}

.info-detail__cnts .btn-radius__outer a:hover {
  color: #fff;
  background: #f28b8b;
}

.info-detail__cnts .btn-radius__outer a:hover:after {
  content: "→";
  color: #fff;
  -ms-transform: scale(1, 1.1);
  transform: scale(1, 1.1);
  font-weight: bold;
  -ms-transform: translate(20%, -50%);
  transform: translate(20%, -50%);
}

.info-detail__cnts .detail__img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 30px auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.info-detail__cnts .info_list {
  /*	margin:0;
	padding:0;*/
  margin-left: 24px;
}

.info-detail__cnts .info_list li {
  line-height: 1.8em;
  font-size: 16px;
  margin: 0;
  padding: 0;
}

.info-detail__cnts .info_list.disc li {
  list-style: disc !important;
}

.info-detail__cnts .info_list.circle li {
  list-style: circle !important;
}

.info-detail__cnts .info_list.number li {
  list-style: decimal !important;
}

.solid {
  padding: 0;
  margin: 0;
  border: 0;
  height: 0;
  border-bottom: 1px solid #ccc;
}

.info-detail__cnts .detail__img.clm2 img {
  display: block;
  max-width: 49%;
  height: auto;
}

.info-detail__cnts .detail__img.clm3 img {
  display: block;
  max-width: 32%;
  height: auto;
}

.archive-list {
  display: block;
}

.archive-list:hover .column__list__title {
  color: #f28b8b;
}

.archive-list:hover .column__list__thumb {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

/*導入事例 side nav*/
.case__side-nav {
  width: 100%;
}

.case__side-nav__item {
  margin-bottom: 8px;
}

.case__side-nav__link {
  display: block;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  color: #fff !important;
  padding: 15px 0;
  letter-spacing: 1px;
  transition: all .2s;
  border: 2px solid;
}

.case__side-nav__link:hover {
  opacity: .9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.case-archive:hover .column__readmore {
  color: #f28b8b;
}

.case-archive:hover .column__readmore:after {
  -ms-transform: translate(20%, -50%);
  transform: translate(20%, -50%);
}

.case-archive:hover .case__list__title {
  color: #333;
}

.case__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 70px;
}

.case__list__thumb {
  /*  width: 300px;
  max-width: 40%;
  -ms-flex-order: 2;
  order: 2;*/
}

.case__list__thumb img {
  width: 100%;
  height: auto;
}

.case__list__detail {
  /*  width: 60%;
  -ms-flex-order: 2;
  order: 2;*/
}

.case__list__detail .info__list__cat {
  margin-bottom: 20px;
}

.case__list__title {
  font-size: 28px;
  font-size: 1.75rem;
  padding-left: 25px;
  margin: 0 auto 20px;
  position: relative;
  line-height: 1.4em;
  transition: color 0.2s;
}

.case__list__title:before {
  content: "";
  width: 8px;
  height: 92%;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 4%;
}

.case__list__text {
  transition: color 0.2s;
}

.case__readmore {
  text-align: right;
}

.detail__case-read {
  /*  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: start;
  align-items: flex-start;*/
  padding: 45px 0 45px 0;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin-bottom: 60px;
}

.case__list__thumb {
  /*  width: 35%;
  text-align: center;
  -ms-flex-order: 1;
  order: 1;*/
  margin-bottom: 30px;
  text-align: center;
}

.case__list__thumb img {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}

/*カラー*/
.-clr0 {
  background-color: #f28b8b;
  border-color: #f28b8b;
}

.-clr1 {
  background-color: #519ed4;
  border-color: #519ed4;
}

.-clr2 {
  background-color: #a1d451;
  border-color: #a1d451;
}

.-clr3 {
  background-color: #51bdd4;
  border-color: #51bdd4;
}

.-clr4 {
  background-color: #fba174;
  border-color: #fba174;
}

.-clr5 {
  background-color: #a377bd;
  border-color: #a377bd;
}

.pages .-fclr {
  color: #f28b8b;
}

.h-next .-fclr {
  color: #519ed4;
}

.fc-red {
  color: #f33352 !important;
}

.fc-white {
  color: #fff !important;
}

.fc-gray {
  color: #808080 !important;
}

.-ctr {
  text-align: center !important;
}

.-t_rit {
  text-align: right !important;
}

.-t_lft {
  text-align: left !important;
}

.f-bold {
  font-weight: bold;
}

.td_under {
  text-decoration: underline;
}

.va_mdl {
  vertical-align: middle;
}

.va_top {
  vertical-align: top !important;
}

.-max800 {
  max-width: 800px !important;
  margin: 0 auto;
}

.bg_orange {
  background: #fff9f6;
}

.imgBtn {
  transition: opacity .2s;
}

.imgBtn:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

a.anchor_opacity {
  transition: opacity .2s;
}

a.anchor_opacity:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.-mw40 {
  max-width: 40% !important;
}

/* button
-------------------------------------*/
/*ヘッダー・フッターのアイコン付きボタン*/
.btns--cmn {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  padding: 12px 3px;
  box-sizing: border-box;
  transition: opacity .3s;
}

.btns--cmn span {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  font-weight: 500;
}

.btns--cmn:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.document-btn {
  background: #f28b8b;
}

.document-btn span {
  background: url(img/icn_document.png) left center no-repeat;
  background-size: 21px auto;
  padding: 5px 0 5px 30px;
}

.contact-btn {
  background: #fba174;
}

.contact-btn span {
  background: url(img/icn_contact.png) left center no-repeat;
  background-size: 30px auto;
  padding: 5px 0 5px 35px;
}

/*もっと見る*/
.btn__more {
  margin: 100px auto 60px;
  text-align: center;
  font-size: 21px;
  font-size: 1.3125rem;
}

/*詳しくはこちら*/
.btn__more-detail {
  margin: 60px auto 150px;
  text-align: center;
  font-size: 19px;
  font-size: 1.1875rem;
}

/*角丸ボタン*/
.index .btn-radius,
.pages .btn-radius {
  position: relative;
  display: inline-block;
  min-width: 315px;
  padding: 18px 40px;
  box-sizing: border-box;
  max-width: 90%;
  margin: 0 auto;
  border-radius: 50px;
  background: #fff;
  border: 2px solid #f28b8b;
  color: #333;
  transition: background .2s;
}

.index .btn-radius:after,
.pages .btn-radius:after {
  content: "→";
  color: #f28b8b;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 30px;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: transform .2s;
}

.index .btn-radius:hover,
.pages .btn-radius:hover {
  color: #fff;
  background: #f28b8b;
}

.index .btn-radius:hover:after,
.pages .btn-radius:hover:after {
  content: "→";
  color: #fff;
  -ms-transform: scale(1, 1.1);
  transform: scale(1, 1.1);
  font-weight: bold;
  -ms-transform: translate(20%, -50%);
  transform: translate(20%, -50%);
}

.index .btn-radius.-white:hover,
.pages .btn-radius.-white:hover {
  border: 2px solid rgba(255, 255, 255, 0.8);
}

.btn-radius {
  position: relative;
  display: inline-block;
  min-width: 315px;
  padding: 18px 40px;
  line-height: 1.4em;
  box-sizing: border-box;
  max-width: 90%;
  margin: 0 auto;
  border-radius: 50px;
  border: 2px solid;
  color: #333;
  transition: background .2s;
  text-align: center;
}

.btn-radius:after {
  content: "→";
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 30px;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: transform .2s;
}

.btn-radius.-c01 {
  border-color: #f28b8b;
}

.btn-radius.-c01:after {
  color: #f28b8b;
}

.btn-radius.-c01:hover {
  background: #f28b8b;
}

.btn-radius.-c01.-white:hover {
  border: 2px solid rgba(255, 255, 255, 0.8);
}

.btn-radius.-c01.-thin {
  padding: 8px 40px;
}

.btn-radius.-c02 {
  border-color: #519ed4;
}

.btn-radius.-c02:after {
  color: #519ed4;
}

.btn-radius.-c02:hover {
  background: #519ed4;
}

.btn-radius.-c03 {
  border-color: #a1d451;
}

.btn-radius.-c03:after {
  color: #a1d451;
}

.btn-radius.-c03:hover {
  background: #a1d451;
}

.btn-radius.-c04 {
  border-color: #51bdd4;
}

.btn-radius.-c04:after {
  color: #51bdd4;
}

.btn-radius.-c04:hover {
  background: #51bdd4;
}

.btn-radius.-c05 {
  border-color: #fba174;
}

.btn-radius.-c05:after {
  color: #fba174;
}

.btn-radius.-c05:hover {
  background: #fba174;
}

.btn-radius.-c06 {
  border-color: #a377bd;
}

.btn-radius.-c06:after {
  color: #a377bd;
}

.btn-radius.-c06:hover {
  background: #a377bd;
}

/*健診用ボタン*/
.btn-radius.-c07 {
  color: #333;
  border-color: #f28b8b;
  background: #fcd9d9;
}

.btn-radius.-c07:after {
  color: #333;
}

.btn-radius.-c07:hover {
  color: #fff;
  background: #f28b8b;
}

.btn-radius.-c08 {
  color: #333;
  border-color: #51bdd4;
  background: #cbedf4;
}

.btn-radius.-c08:after {
  color: #333;
}

.btn-radius.-c08:hover {
  color: #fff;
  background: #51bdd4;
}

.btn-radius:hover {
  color: #fff;
}

.btn-radius:hover:after {
  color: #fff;
  -ms-transform: translate(20%, -50%);
  transform: translate(20%, -50%);
}

.btn-radius.-white:hover {
  border: 2px solid rgba(255, 255, 255, 0.8);
}

.btn-radius.w-sml {
  min-width: 210px;
  padding: 15px 45px;
  font-size: 17px;
  font-size: 1.0625rem;
}

/*arrow 長方形*/
.btn-rectangle {
  position: relative;
  display: inline-block;
  padding: 0 40px;
  box-sizing: border-box;
  max-width: 90%;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #f28b8b;
  font-size: 20px;
  color: #333;
  transition: background .2s;
}

.btn-rectangle:after {
  content: "→";
  color: #f28b8b;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 30px;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: transform .2s;
}

.btn-rectangle:hover {
  color: #fff;
  background: #f28b8b;
}

.btn-rectangle:hover:after {
  content: "→";
  color: #fff;
  -ms-transform: translate(20%, -50%);
  transform: translate(20%, -50%);
}

.btn-rectangle.-white:hover {
  border: 1px solid rgba(255, 255, 255, 0.8);
}

/*arrow*/
.btn__arw {
  display: inline-block;
  padding-right: 35px;
  position: relative;
  font-size: inherit;
}

.btn__arw:after {
  content: "→";
  color: #f28b8b;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  right: 5px;
  top: 50%;
  width: 25px;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: transform .2s;
}

.btn__arw:hover {
  color: #f28b8b;
}

.btn__arw:hover:after {
  -ms-transform: translate(20%, -50%);
  transform: translate(20%, -50%);
}

.btn__arw.blk:after {
  color: #333;
}

.h-next .btn__arw:after {
  color: #519ed4;
}

.h-next .btn__arw:hover {
  color: #519ed4;
}

.thumb_box {
  position: relative;
  width: 100%;
  padding-top: 65%;
  overflow: hidden;
}

.thumb_box img {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 150%;
}

.btn-rit {
  text-align: right;
}

.sns-btn__list {
  display: -ms-flexbox;
  display: flex;
  margin: 60px auto 40px;
}

.sns-btn__list.-rit {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.sns-btn__list.-rit .sns-btn__item {
  margin-left: 20px;
}

.btn-rft {
  text-align: left;
}

.sns-btn__item a {
  border: 1px solid #ccc;
  padding: 10px 20px 10px 50px;
  font-size: 16px;
  font-size: 1rem;
  transition: color .2s border .2s;
}

.sns-btn__item a:hover {
  border-color: #f28b8b;
  color: #f28b8b;
}

.sns-btn__item .link--fb {
  background-image: url(img/icn_fb.png);
  background-position: 8px center;
  background-repeat: no-repeat;
}

.sns-btn__item .link--insta {
  background-image: url(img/icn_insta.png);
  background-position: 8px center;
  background-repeat: no-repeat;
}

.btn-contact__list {
  display: -ms-flexbox;
  display: flex;
  padding: 80px 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.btn-contact__list.-ctr {
  -ms-flex-pack: center;
  justify-content: center;
}

.btn-contact__list .btn-contact__item {
  margin: 15px;
}

/* title
-------------------------------------*/
/*二段タイトル*/
.trans-row__title {
  font-size: 38px;
  font-size: 2.375rem;
  margin: 0 auto 90px;
  padding-top: 70px;
  text-align: center;
  font-weight: 600;
  letter-spacing: 1px;
}

.trans-row__title--en {
  display: block;
  padding-top: 10px;
  color: #f28b8b;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 500;
}

.h-next .trans-row__title--en {
  color: #519ed4;
}

.trans-row__title.fc-w {
  color: #fff;
}

.trans-row__title--en.fc-w {
  color: #fff;
}

/*小見出し*/
.section__title--mdl {
  font-size: 21px;
  font-size: 1.3125rem;
  letter-spacing: 1px;
  margin: 80px auto 40px;
}

.section__title--mdl.-ctr {
  text-align: center;
}

.sec__read-text {
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 1.8em;
}

.sec__read-text.-ctr {
  text-align: center;
}

/* 下層ページ 2層目
-------------------------------------*/
.pages__main-title,
.pages__main-subtitle {
  font-size: 58px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto auto auto;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: 500;
  letter-spacing: 1px;
  z-index: 5;
  line-height: 1.5em;
}

.pages__main-title.fc-w,
.pages__main-subtitle.fc-w {
  color: #fff;
  padding: 0 20px;
}

.pages__main-subtitle.fc-w {
  font-size: 12px;
  margin-top: 45px;
}

@media (min-width: 576px) {
  .pages__main-subtitle.fc-w {
    font-size: 14px;
    margin-top: 55px;
  }
}

@media (min-width: 768px) {
  .pages__main-subtitle.fc-w {
    font-size: 15px;
  }
}

.pages-section {
  margin: 60px auto 120px;
}

/*下層ページ、各セクション*/
.pages__head2 {
  font-size: 50px;
  font-size: 3.125rem;
  margin: 80px auto 50px;
  text-align: center;
}

.pages__head2 small {
  font-size: 20px;
  font-size: 1.25rem;
  color: #333;
}

.pages__head3 {
  font-size: 42px;
  font-size: 2.625rem;
  margin: 80px auto 50px;
  text-align: center;
}

.pages__head3 small {
  font-size: 18px;
  font-size: 1.125rem;
  color: #333;
}

.pages__head4 {
  font-size: 34px;
  font-size: 2.125rem;
  padding-left: 25px;
  margin-bottom: 30px;
}

.pages__head4:before {
  width: 8px;
}

.pages__head4 small {
  font-size: 65%;
}

.pages-layout4 {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 75px;
}

.pages-layout4:nth-child(odd) .pages-layout4__img {
  -ms-flex-order: 1;
  order: 1;
}

.pages-layout4:nth-child(even) .pages-layout4__img {
  -ms-flex-order: 2;
  order: 2;
}

.pages-layout4:nth-child(odd) .pages-layout4__text {
  -ms-flex-order: 2;
  order: 2;
}

.pages-layout4:nth-child(even) .pages-layout4__text {
  -ms-flex-order: 1;
  order: 1;
}

.pages-layout4.-lft .pages-layout4__img {
  -ms-flex-order: 1;
  order: 1;
}

.pages-layout4.-rit .pages-layout4__img {
  -ms-flex-order: 2;
  order: 2;
}

.pages-layout4.-lft .pages-layout4__text {
  -ms-flex-order: 2;
  order: 2;
}

.pages-layout4.-rit .pages-layout4__text {
  -ms-flex-order: 1;
  order: 1;
}

.pages-layout4__img {
  width: 510px;
  text-align: center;
}

.pages-layout4__img img {
  max-width: 100%;
}

.pages-layout4__text {
  width: calc(95% - 510px);
}

.pages__head2-common,
.pages__head5 {
  font-size: 30px;
  font-size: 1.875rem;
  padding-left: 25px;
  margin-bottom: 25px;
}

.pages__head2-common:before,
.pages__head5:before {
  width: 6px;
}

.pages__head2-common small,
.pages__head5 small {
  font-size: 18px;
  font-size: 1.125rem;
}

.pages-layout5 {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 75px;
}

.pages-layout5:nth-child(odd) .pages-layout5__img {
  -ms-flex-order: 1;
  order: 1;
}

.pages-layout5:nth-child(even) .pages-layout5__img {
  -ms-flex-order: 2;
  order: 2;
}

.pages-layout5:nth-child(odd) .pages-layout5__text {
  -ms-flex-order: 2;
  order: 2;
}

.pages-layout5:nth-child(even) .pages-layout5__text {
  -ms-flex-order: 1;
  order: 1;
}

.pages-layout5.-lft .pages-layout5__img {
  -ms-flex-order: 1;
  order: 1;
}

.pages-layout5.-rit .pages-layout5__img {
  -ms-flex-order: 2;
  order: 2;
}

.pages-layout5.-lft .pages-layout5__text {
  -ms-flex-order: 2;
  order: 2;
}

.pages-layout5.-rit .pages-layout5__text {
  -ms-flex-order: 1;
  order: 1;
}

.pages-layout5__img {
  width: 420px;
  text-align: center;
}

.pages-layout5__img img {
  max-width: 100%;
}

.pages-layout5__text {
  width: calc(95% - 420px);
}

.pages__head6 {
  font-size: 26px;
  font-size: 1.625rem;
  padding-left: 20px;
  margin-bottom: 25px;
}

.pages__head6:before {
  width: 6px;
}

.pages__head6 small {
  font-size: 18px;
  font-size: 1.125rem;
}

.pages-layout6 {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 50px;
}

.pages-layout6:nth-child(odd) .pages-layout6__img {
  -ms-flex-order: 1;
  order: 1;
}

.pages-layout6:nth-child(even) .pages-layout6__img {
  -ms-flex-order: 2;
  order: 2;
}

.pages-layout6:nth-child(odd) .pages-layout6__text {
  -ms-flex-order: 2;
  order: 2;
}

.pages-layout6:nth-child(even) .pages-layout6__text {
  -ms-flex-order: 1;
  order: 1;
}

.pages-layout6.-lft .pages-layout6__img {
  -ms-flex-order: 1;
  order: 1;
}

.pages-layout6.-rit .pages-layout6__img {
  -ms-flex-order: 2;
  order: 2;
}

.pages-layout6.-lft .pages-layout6__text {
  -ms-flex-order: 2;
  order: 2;
}

.pages-layout6.-rit .pages-layout6__text {
  -ms-flex-order: 1;
  order: 1;
}

.pages-layout6__img {
  width: 240px;
  text-align: center;
}

.pages-layout6__img img {
  max-width: 100%;
}

.pages-layout6__text {
  width: calc(96% - 240px);
}

.pages-list1__head {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.4em;
  margin-bottom: 10px;
}

.pages-list1 {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 75px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
  font-size: 0.875rem;
}

.pages-list1:after {
  content: "";
  display: block;
  width: 30%;
}

.pages-list1__item {
  width: 30%;
}

.pages-list1__img {
  margin-bottom: 10px;
  text-align: center;
}

.pages-list1__text {
  margin-bottom: 10px;
}

.pages-list2__head {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.4em;
  margin-bottom: 10px;
}

.pages-list2 {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 75px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
  font-size: 0.875rem;
}

.pages-list2__item {
  width: calc(50% - 30px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
}

.pages-list2__img {
  width: 240px;
}

.pages-list2__textArea {
  width: calc(95% - 240px);
}

.pages-list2__text {
  margin-bottom: 10px;
}

.pages-list3__head {
  font-size: 22px;
  font-size: 1.375rem;
  padding-left: 15px;
  margin-bottom: 10px;
}

.pages-list3__head:before {
  width: 6px;
}

.pages-list3 {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 75px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
  font-size: 0.875rem;
}

.pages-list3__item {
  width: calc(50% - 50px);
  margin-bottom: 55px;
}

.pages-list3__text {
  margin-bottom: 10px;
}

.pages-list4__head {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.4em;
  margin-bottom: 10px;
}

.pages-list4 {
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
}

.pages-list4__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 75px;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.pages-list4__img {
  width: 240px;
}

.pages-list4__textArea {
  width: calc(95% - 240px);
  padding-left: 40px;
}

.pages-list4__text {
  margin-bottom: 10px;
}

/* 下層ページ 3層目
-------------------------------------*/
.r-section {
  margin-bottom: 70px;
}

.anchor-link__list {
  background: #fff9f6;
  box-sizing: border-box;
  padding: 10px 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
}

.anchor-link__item {
  padding: 15px 0 15px 15px;
  box-sizing: border-box;
  min-width: 20%;
  text-align: center;
}

.anchor-link__item a {
  display: inline-block;
  width: calc(100% - 15px);
  padding-right: 15px;
  border-right: 1px solid #f28b8b;
}

.anchor-link__item a:last-child a {
  border: 0;
}

.r-head1 {
  font-size: 40px;
  font-size: 2.5rem;
  padding-left: 25px;
  margin-bottom: 30px;
}

.r-head1:before {
  width: 8px;
}

.r-imgBox {
  width: 100%;
}

.r-col2__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.r-col2__item {
  width: 47.5%;
}

.r-col2__img {
  width: 100%;
  text-align: center;
}

.r-col2__text {
  margin-top: 10px;
}

.r-col3__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.r-col3__item {
  width: 31%;
}

.r-col3__img {
  width: 100%;
  text-align: center;
}

.r-col3__text {
  margin-top: 10px;
}

.r-ti__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-bottom: 60px;
}

.r-ti__text {
  width: 55%;
}

.r-head2 {
  font-size: 30px;
  font-size: 1.875rem;
  padding-left: 25px;
  margin-bottom: 20px;
}

.r-head2:before {
  width: 8px;
}

.r-ti__img {
  width: 40%;
}

.r-gd__list {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

.r-gd__item {
  width: 47.5%;
}

.r-gd_head {
  font-size: 22px;
  font-size: 1.375rem;
  padding: 15px;
  margin-bottom: 20px;
}

.r-more1__list {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

.r-more1__item {
  width: 47.5%;
  margin-bottom: 50px;
  font-size: 14px;
  font-size: 0.875rem;
}

.r-head3 {
  font-size: 22px;
  font-size: 1.375rem;
  padding-left: 15px;
  margin-bottom: 15px;
}

.r-head3:before {
  width: 6px;
}

.r-head3 small {
  font-size: 14px;
  font-size: 0.875rem;
}

.r-more2__list {
  width: 100%;
  margin-bottom: 80px;
}

.r-more2__item {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-bottom: 40px;
  font-size: 14px;
  font-size: 0.875rem;
}

.r-more2__img {
  width: 240px;
  text-align: center;
}

.r-more2__text {
  width: calc(95% - 240px);
}

.r-head4 {
  margin-bottom: 15px;
  font-size: 20px;
  font-size: 1.25rem;
}

.pages .hd-col {
  color: #f28b8b;
  line-height: 1.4em;
}

.h-next .hd-col {
  color: #519ed4;
}

.-celf .hd-col {
  color: #49ba00;
}

.pages .hd-gd_bl {
  position: relative;
  line-height: 1.4em;
}

.pages .hd-gd_bl:before {
  content: "";
  height: 92%;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 4%;
}

.h-next .hd-gd_bl {
  position: relative;
  line-height: 1.4em;
}

.h-next .hd-gd_bl:before {
  content: "";
  height: 100%;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 4%;
}

.-celf .hd-gd_bl {
  position: relative;
  line-height: 1.4em;
}

.-celf .hd-gd_bl:before {
  content: "";
  height: 100%;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 4%;
}

.hd-grad {
  color: #fff;
  width: 100%;
  box-sizing: border-box;
}

.pages-list--more {
  text-align: right;
  font-size: inherit;
}

/*テキスト*/
.pages__text {
  color: #333;
  line-height: 1.8em;
  margin-bottom: 1.5em;
}

.pages__text.-ctr {
  text-align: center;
}

.pages__text a {
  text-decoration: underline;
}

.pages__text a:hover {
  color: #f28b8b;
}

.pages__text.mb0 {
  margin-bottom: 0;
}

.-indent {
  text-indent: -1em;
  padding-left: 1em;
}

.-indent2 {
  text-indent: -2em;
  padding-left: 2em;
}

.-indent3 {
  text-indent: -3em;
  padding-left: 3em;
}

.-nest {
  padding-left: 1em;
}

.-nest2 {
  padding-left: 2em;
}

.fs40 {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1.8em;
}

.fs28 {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.8em;
}

.fs24 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.8em;
}

.fs22 {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.8em;
}

.fs20 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.8em;
}

.fs18 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.8em;
}

.fs16 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8em;
}

.fs14 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.8em;
}

.fs12 {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.8em;
}

/* imgBox
-------------------------------------*/
.imgBox {
  max-width: 1200px;
  width: 100%;
  margin: 40px auto;
  box-sizing: border-box;
}

.imgBox.-ctr {
  text-align: center;
}

.imgBox.-mdl img {
  max-width: 80%;
  margin: 0 auto;
}

.imgBox__clm2 {
  text-align: center;
}

.imgBox__clm2 li {
  display: inline-block;
  margin-bottom: 20px;
}

.list__inlne-block li {
  display: inline-block;
  padding: 5px 10px;
}

.img_graph {
  max-width: 100%;
  width: auto;
  margin: 20px auto;
}

/* table
-------------------------------------*/
.pages-table {
  width: auto;
  margin: 30px auto;
  border-collapse: collapse;
}

.pages-table th,
.pages-table td {
  border-color: #ccc;
  padding: 15px;
}

.pages-table th p,
.pages-table td p {
  line-height: 1.4em;
}

.pages-table.-normal th,
.pages-table.-normal td {
  border: 1px solid #ccc;
}

.pages-table.-normal th {
  word-break: keep-all;
  font-weight: bold;
  vertical-align: middle;
}

.pages-table .bg_accent {
  background: #f28b8b;
  color: #fff;
}

.keep-all {
  word-break: keep-all;
}

.break-all {
  word-break: break-all;
}

/* dl dt dd */
.define-table {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: stretch;
  align-items: stretch;
  line-height: 1.6em;
}

.define-table dt {
  width: 35%;
  background: #f28b8b;
  color: #fff;
  box-sizing: border-box;
  padding: 15px;
  border-bottom: 1px solid #fff;
}

.define-table dt:last-child {
  border-bottom: 0;
}

.define-table dd {
  width: 65%;
  background: #fff9f6;
  box-sizing: border-box;
  padding: 15px;
  border-bottom: 1px solid #ddd;
}

.define-table dd:last-child {
  border-bottom: 0;
}

/* border container
-------------------------------------*/
.pages__brdbox {
  border: 3px solid #f28b8b;
  box-sizing: border-box;
  padding: 20px;
}

.pages__brdbox.-radius {
  border-radius: 10px;
}

.h-nest .pages__brdbox {
  border: 3px solid #519ed4;
}

.-celf .pages__brdbox {
  border: 3px solid #49ba00;
  padding: 15px;
}

.crosstrustArea {
  max-width: 650px;
  margin: 25px auto;
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}

.crosstrust-img {
  min-width: 120px;
  text-align: center;
  -ms-flex-order: 1;
  order: 1;
}

.crosstrust-text {
  width: auto;
  -ms-flex-order: 2;
  order: 2;
  padding-left: 15px;
}

.crosstrust-text a {
  text-decoration: underline;
}

.crosstrust-text a:hover {
  color: #f28b8b;
}

/*margin right*/
.mr05 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr25 {
  margin-right: 25px;
}

.mr30 {
  margin-right: 30px;
}

.mr35 {
  margin-right: 35px;
}

.mr40 {
  margin-right: 40px;
}

.mr45 {
  margin-right: 45px;
}

.mr50 {
  margin-right: 50px;
}

/*margin left*/
.ml05 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml25 {
  margin-left: 25px;
}

.ml30 {
  margin-left: 30px;
}

.ml35 {
  margin-left: 35px;
}

.ml40 {
  margin-left: 40px;
}

.ml45 {
  margin-left: 45px;
}

.ml50 {
  margin-left: 50px;
}

/*margin top*/
.mt05 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.mt70 {
  margin-top: 70px;
}

.mt80 {
  margin-top: 80px;
}

/*margin bottom*/
.mb0 {
  margin-bottom: 0px;
}

.mb05 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb80 {
  margin-bottom: 80px;
}

/*padding right*/
.pr05 {
  padding-right: 5px;
}

.pr10 {
  padding-right: 10px;
}

.pr15 {
  padding-right: 15px;
}

.pr20 {
  padding-right: 20px;
}

.pr25 {
  padding-right: 25px;
}

.pr30 {
  padding-right: 30px;
}

.pr35 {
  padding-right: 35px;
}

.pr40 {
  padding-right: 40px;
}

.pr45 {
  padding-right: 45px;
}

.pr50 {
  padding-right: 50px;
}

/*padding left*/
.pl05 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pl25 {
  padding-left: 25px;
}

.pl30 {
  padding-left: 30px;
}

.pl35 {
  padding-left: 35px;
}

.pl40 {
  padding-left: 40px;
}

.pl45 {
  padding-left: 45px;
}

.pl50 {
  padding-left: 50px;
}

/*padding top*/
.pt05 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pt35 {
  padding-top: 35px;
}

.pt40 {
  padding-top: 40px;
}

.pt45 {
  padding-top: 45px;
}

.pt50 {
  padding-top: 50px;
}

/*padding bottom*/
.pb05 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb35 {
  padding-bottom: 35px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb45 {
  padding-bottom: 45px;
}

.pb50 {
  padding-bottom: 50px;
}

.test {
  color: #fff;
  background: #000;
  float: left;
}

.top-section {
  width: 100%;
  padding: 30px 0 50px;
}

.top-section.-topics {
  background: #fff9f6;
  padding: 0 0 50px;
}

.top-section.-product {
  background: url(img/bg.gif) top 0px right 35% no-repeat;
  background-color: #fff;
}

.top-section.-case {
  background: #fff9f6;
}

.top-section.-whitepaper {
  background: #fff;
}

.top-section.-info {
  background: url(img/bg_top_info.gif) top center repeat;
  background-size: auto;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

@media screen and (min-width: 480px) {
  .top-section.-info {
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
  }
}

.top-section.-vision {
  background: #fff;
}

.top-section.-column {
  background: #fff9f6;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

@media screen and (min-width: 480px) {
  .top-section.-column {
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
  }
}

.top-section.-company {
  background: #fff;
}

/* トピックス
-------------------------------------*/
/* swiper　スタイル変更 */
.top-section .swiper-container {
  width: 90%;
  padding: 0 5%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.swiper-slide.topics-slider {
  text-align: center;
}

.top-section .swiper-button-next,
.top-section .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 4%;
  height: 110%;
  margin-top: 0;
  z-index: 10;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  background-size: 17px 30px;
  background-position: center;
  background-repeat: no-repeat;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff9f6;
}

.top-section .swiper-button-prev {
  left: 0;
  right: auto;
}

.top-section .swiper-button-next {
  left: auto;
  right: 0;
}

/* swiper　スタイル変更　ここまで */
.topics-slider__list a,
.case-slider__list a {
  margin: 15px auto;
  display: block;
  box-shadow: 0px 0 15px rgba(0, 0, 0, 0.25);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.topics-slider__list a img,
.case-slider__list a img {
  width: 100%;
  max-width: 400px;
  height: auto;
  margin: 0 auto;
  display: block;
}

.case-slider__title {
  transition: color .2s;
}

.case-slider__text {
  display: block;
}

.case-slider__list a {
  background: #fff;
  max-height: 400px;
}

.case-slider__list a img {
  transition: opacity .2s;
}

.case-slider__list a:hover img {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.case-slider__list a:hover .case-slider__title {
  color: #f28b8b;
}

.h-next .case-slider__list a:hover .case-slider__title {
  color: #519ed4;
}

.topics-slider__list a:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

/* 製品：サービス
-------------------------------------*/
.productBox {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  margin: 40px auto;
  position: relative;
}

.productBox.-care {
  background: #519ed4;
}

.productBox.-care .pB__sort {
  background: #e5f1f9;
}

.productBox.-care .pB--drop-btn {
  background: #519ed4;
}

.productBox.-care .pB--drop__inr {
  background: #519ed4;
}

.productBox.-care .pB__detail__item:hover {
  box-shadow: 0px 4px 12px rgba(81, 158, 212, 0.35);
  color: #519ed4;
}

.productBox.-welfare {
  background: #a1d451;
}

.productBox.-welfare .pB__sort {
  background: #f0f8e4;
}

.productBox.-welfare .pB--drop-btn {
  background: #a1d451;
}

.productBox.-welfare .pB--drop__inr {
  background: #a1d451;
}

.productBox.-welfare .pB__detail__item:hover {
  box-shadow: 0px 4px 12px rgba(153, 205, 72, 0.4);
  color: #a1d451;
}

.productBox.-medical {
  background: #51bdd4;
}

.productBox.-medical .pB__sort {
  background: #dcf2f6;
}

.productBox.-medical .pB__detail__item:hover {
  box-shadow: 0px 4px 12px rgba(81, 189, 212, 0.35);
  color: #51bdd4;
}

.productBox.-municipality {
  background: #fba174;
}

.productBox.-municipality .pB__sort {
  background: #feece3;
}

.productBox.-municipality .pB__detail__item:hover {
  box-shadow: 0px 4px 12px rgba(251, 161, 116, 0.45);
  color: #fba174;
}

.productBox:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 30px;
  background: rgba(255, 255, 255, 0.6);
  top: 0;
  left: 32px;
}

.pB__name {
  color: #fff;
  width: 36%;
  box-sizing: border-box;
  padding: 45px 30px 30px;
}

.pB__name h3 {
  margin-bottom: .6em;
  padding-left: 35px;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 0;
}

.pB__name h3 span {
  font-size: 16px;
  line-height: 1.2em;
}

.pB__name h3 em {
  font-size: 36px;
  line-height: 1.2em;
}

.pB__name.-care h3 {
  background: url(img/icn_care.png) no-repeat;
  background-position: left 0 top .2em;
  background-size: auto .9em;
}

.pB__name.-welfare h3 {
  background: url(img/icn_welfare.png) no-repeat;
  background-position: left 0 top .2em;
  background-size: auto .9em;
}

.pB__name.-medical h3 {
  background: url(img/icn_medical.png) no-repeat;
  background-position: left 0 top .2em;
  background-size: auto .9em;
}

.pB__name.-municipality h3 {
  background: url(img/icn_municipality.png) no-repeat;
  background-position: left 0 top .2em;
  background-size: auto .9em;
}

.pB__text {
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 1.8em;
}

.pB__sort {
  width: 64%;
  box-sizing: border-box;
  padding: 40px 40px 30px 40px;
}

.pB--drop {
  cursor: pointer;
  margin-bottom: 40px;
}

.pB--drop a {
  color: #fff;
}

.pB--drop h4 p {
  color: #fff;
}

.pB--drop-btn {
  width: 240px;
  margin: auto 0 auto auto;
  box-sizing: border-box;
  padding: 10px 10px 12px;
  text-align: left;
  letter-spacing: 1px;
  color: #fff;
  font-size: 16px;
  line-height: 1em;
  position: relative;
  transition: opacity .2s;
}

.pB--drop-btn:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -ms-transform: rotate(135deg) translate(0, 75%);
  transform: rotate(135deg) translate(0, 75%);
}

.pB--drop-btn.open:after {
  -ms-transform: rotate(-45deg) translate(-25%, -50%);
  transform: rotate(-45deg) translate(-25%, -50%);
}

.pB--drop-btn:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.pB--drop__inr {
  display: -ms-flexbox;
  display: flex;
  padding: 0 5px;
}

.pB__list {
  width: 50%;
  box-sizing: border-box;
  padding: 40px 30px 0;
  line-height: 1.8em;
}

.pB__list a {
  letter-spacing: 1px;
}

.pB__item {
  font-size: 20px;
  margin-bottom: 40px;
}

.pB__item h4 {
  margin-bottom: 8px;
  border-bottom: 4px solid rgba(255, 255, 255, 0.5);
}

.pB__item h4 p {
  display: block;
  padding-bottom: 8px;
  transition: opacity .2s;
}

/*
.pB__item__link {
  font-size: 15px;
  padding-left: 15px;
}
*/
.pB__item__link {
  font-size: 13px;
  padding-left: 15px;
}

.pB__item__link a {
  border-bottom: 1px solid transparent;
}

.pB__item__link a:hover {
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}

.pB__detail__item {
  display: table;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  margin-bottom: 20px;
  transition: box-shadow .3s, background .3s, color .3s;
}

.pB__detail__item:hover {
  background: rgba(255, 255, 255, 0.8);
}

.pB__detail__item .pB__img {
  display: table-cell;
  vertical-align: middle;
}

.pB__detail__item .pB__detail__text {
  display: table-cell !important;
  vertical-align: middle;
  padding-left: 10px;
  text-align: left;
  line-height: 1.6em;
  font-size: 16px;
}

.pB__detail__item .pB__detail__text em {
  display: block;
  font-weight: 700;
}

.pB__detail__item.-first {
  padding: 15px;
}

.pB__detail__item.-first .pB__img {
  width: 45%;
  padding-right: 3%;
}

.pB__detail__item.-first .pB__detail__text {
  width: 55%;
  font-size: 16px;
  line-height: 1.8em;
}

.pB__detail__item.-first em {
  font-size: 20px;
}

.pB__detail__item.-border {
  line-height: 0;
  border: 1px solid #519ed4;
  position: relative;
  box-sizing: border-box;
  padding-right: 40px;
}

.pB__detail__item.-border:before {
  content: "";
  width: 40px;
  height: 100%;
  background: #519ed4;
  position: absolute;
  right: 0;
  top: 0;
}

.pB__detail__item.-border:after {
  content: "→";
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  position: absolute;
  right: 0;
  top: 50%;
  width: 30px;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: transform .2s;
}

.pB__detail__item.-border .pB__detail__text {
  line-height: 1.6em;
}

.pB__detail__item.-border:hover:after {
  -ms-transform: translate(10%, -50%);
  transform: translate(10%, -50%);
}

.pB__detailed__clm2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.pB__detailed__clm2 li {
  width: 48.5%;
}

.pB__detailed__clm2 .pB__detail__item {
  display: table;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}

.pB__detailed__clm2 .pB__detail__item .pB__img {
  display: table-cell;
  width: 60px;
}

.pB__detailed__clm2 .pB__detail__item .pB__detail__text {
  display: table-cell;
  width: auto;
}

/* 導入事例
-------------------------------------*/
.case-slider__textArea {
  padding: 15px 15px 2em;
  position: relative;
  color: #333;
}

.case-slider__textArea .column__readmore {
  position: absolute;
  right: 5px;
  bottom: 1.2em;
  font-size: 13px;
}

.case-slider__title {
  font-size: 16px;
  line-height: 1.4em;
  margin-bottom: .5em;
}

.case-slider__text {
  font-size: 13px;
  line-height: 1.5em;
  color: #777;
}

.case-slider__job {
  color: #999;
  font-size: 13px;
}

/* 介護ホワイトペーパー
-------------------------------------*/
.w-paper-btn--read {
  width: 100%;
  text-align: center;
  padding: 50px 0 15px;
}

.w-paper-btn--read span {
  display: inline-block;
  padding: 10px 25px;
  position: relative;
  font-size: 26px;
  font-weight: 900;
  color: #519ed4;
  letter-spacing: 1px;
}

.w-paper-btn--read span:before {
  content: "";
  width: 4px;
  height: 80%;
  background: #519ed4;
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
  position: absolute;
  left: 0;
  bottom: 2px;
}

.w-paper-btn--read span:after {
  content: "";
  width: 4px;
  height: 80%;
  background: #519ed4;
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
  position: absolute;
  right: 0;
  bottom: 2px;
}

.w-paper-btn {
  max-width: 700px;
  margin: 0 auto 60px;
}

.w-paper-btn__outer {
  display: block;
  width: 100%;
  background: url(img/top/btn_white-paper.jpg) -20% 10% no-repeat;
}

.w-paper-btn__outer:hover .w-paper-btn__inr {
  background: rgba(81, 158, 212, 0.4);
}

.w-paper-btn__outer:hover .w-paper-btn__inr dd {
  background: #e5f1f9;
  color: #519ed4;
}

.w-paper-btn__outer:hover .w-paper-btn__inr dd:after {
  background: #e5f1f9;
}

.w-paper-btn__outer:hover .w-paper-btn__dl {
  background: #519ed4;
  color: #fff;
}

.w-paper-btn__outer:hover .w-paper-btn__dl span:after {
  content: "→";
  -ms-transform: translateX(-10px);
  transform: translateX(-10px);
  color: #fff;
}

.w-paper-btn__inr {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  overflow: hidden;
  transition: color .3s, background .3s;
}

.w-paper-btn__inr dt {
  width: 40%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
  text-align: center;
  padding-right: 16px;
  color: #fff;
}

.w-paper-btn__inr dt span {
  font-size: 20px;
  width: 100%;
}

.w-paper-btn__inr dd {
  width: 60%;
  height: 100%;
  vertical-align: top;
  position: relative;
  background: #519ed4;
  color: #fff;
  z-index: 2;
  transition: color .3s, background .3s;
  padding-bottom: 60px;
}

.w-paper-btn__inr dd:after {
  content: "";
  position: absolute;
  width: 55%;
  top: 0;
  left: -25px;
  transition: color .3s, background .3s;
  height: 100%;
  -ms-transform: skew(-10deg);
  transform: skew(-10deg);
  background: #519ed4;
  z-index: -1;
}

.w-paper-btn__inr .bg_blue {
  margin-left: 12px;
}

.w-paper-btn__text {
  font-size: 16px;
  margin: 1em auto;
  line-height: 1.7em;
}

.w-paper-btn__list {
  font-size: 18px;
  margin: 0 auto;
}

.w-paper-btn__list li {
  line-height: 1.8em;
}

.w-paper-btn__dl {
  position: absolute;
  bottom: 1em;
  right: 10px;
  padding: 12px 40px 15px 15px;
  background: #fff;
  border-radius: 25px;
  color: #333;
}

.w-paper-btn__dl span {
  font-size: 16px;
}

.w-paper-btn__dl span:after {
  content: "→";
  position: absolute;
  right: 0;
  padding-left: 5px;
  -ms-transform: translateX(-15px);
  transform: translateX(-15px);
  font-weight: bold;
  color: #519ed4;
  transition: transform .3s;
}

/* ビジョン
-------------------------------------*/
/* グループ会社 その他
-------------------------------------*/
.top_company-list {
  width: 100%;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.top_company-list__item {
  min-height: 90px;
  width: 20%;
  box-sizing: border-box;
  padding: 0 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.top_company-list__item a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
  border: 1px solid #eee;
  box-sizing: border-box;
  font-weight: bold;
  padding: 0 5px;
}

.top_company-list__item a:hover {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  border-color: #d0d0d0;
}

.top_company-list__item img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.top_link-list {
  width: 100%;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.top_link-list__item {
  min-height: 2em;
  width: 33.33%;
  box-sizing: border-box;
  padding: 0 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.top_link-list__item a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: .6em 40px;
  text-align: center;
  box-sizing: border-box;
  line-height: 1.2em;
}

.top_link-list__item small {
  width: 100%;
  display: block;
  font-size: 16px;
}

.pT__aLink__list {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
}

.pT__aLink__item {
  min-width: 25%;
  box-sizing: border-box;
  width: auto;
  padding: 10px;
  text-align: center;
  margin-bottom: 15px;
}

.arw_btm {
  display: inline-block;
  padding-right: 40px;
  position: relative;
  font-size: 20px;
  font-size: 1.25rem;
}

.arw_btm:after {
  content: "→";
  color: #f28b8b;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  right: 5px;
  top: 50%;
  width: 25px;
  -ms-transform: translate(0, -50%) rotate(90deg);
  transform: translate(0, -50%) rotate(90deg);
  transition: color .2s;
}

.arw_btm:hover:after {
  -ms-transform: translate(0, -50%) rotate(90deg);
  transform: translate(0, -50%) rotate(90deg);
}

.arw_btm:hover {
  color: #f28b8b;
}

.pB-top {
  box-sizing: border-box;
}

.pB-top.-care {
  background: #e5f1f9;
}

.pB-top.-care .pB-top__item:hover {
  box-shadow: 0px 4px 12px rgba(81, 158, 212, 0.35);
  color: #519ed4;
}

.pB-top.-welfare {
  background: #ecf6dc;
}

.pB-top.-welfare .pB-top__item:hover {
  box-shadow: 0px 4px 12px rgba(153, 205, 72, 0.4);
  color: #a1d451;
}

.pB-top.-system {
  border: 1px solid #f28b8b;
}

.pB-top.-medical {
  background: #dcf2f6;
}

.pB-top.-medical .pB-top__item:hover {
  box-shadow: 0px 4px 12px rgba(81, 189, 212, 0.35);
  color: #51bdd4;
}

.pB-top.-municipality {
  background: #feece3;
}

.pB-top.-municipality .pB-top__item:hover {
  box-shadow: 0px 4px 12px rgba(251, 161, 116, 0.45);
  color: #fba174;
}

.pB-top.-etc {
  border: 1px solid #a377bd;
}

.pB-top.-h-hikari {
  background: #fffad3;
}

.pB-top__title {
  color: #fff;
  text-align: center;
  line-height: 2.2em;
  font-size: 38px;
  font-size: 2.375rem;
  text-align: center;
}

.pB-top__title.-care {
  background: #519ed4;
}

.pB-top__title.-welfare {
  background: #a1d451;
}

.pB-top__title.-system {
  background: #f28b8b;
}

.pB-top__title.-medical {
  background: #51bdd4;
}

.pB-top__title.-municipality {
  background: #fba174;
}

.pB-top__title.-etc {
  background: #a377bd;
}

.pB-top__title.-h-hikari {
  background: #ffc845;
}

.pB-top__inr {
  padding: 40px;
}

.pB-top__read {
  font-size: 18px;
  font-size: 1.125rem;
  text-align: center;
  margin: 0 auto 30px;
  line-height: 1.6em;
}

.pB-top__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.pB-top__list.clm1 .pB-top__item {
  width: 100%;
  padding: 40px;
}

.pB-top__list.clm1 .pB-top__item__text {
  font-size: 16px;
  font-size: 1rem;
  margin: 15px auto 20px;
}

.pB-top__list.clm1 .pB-top__item__img {
  width: 45%;
  text-align: center;
}

.pB-top__list.clm1 em {
  font-weight: 600;
}

.pB-top__list.clm1 em.lrg {
  font-size: 34px;
  font-size: 2.125rem;
}

.pB-top__list.clm2 .pB-top__item {
  width: 47.5%;
  padding: 20px;
}

.pB-top__list.clm2 .pB-top__item__text {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 10px auto;
}

.pB-top__list.clm2 .pB-top__item__img {
  width: 45%;
}

.pB-top__list.clm2 em {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 600;
}

.pB-top__list.clm3 .pB-top__item {
  width: 30.5%;
  padding: 10px;
}

.pB-top__list.clm3 em {
  font-size: 18px;
  font-size: 1.125rem;
}

.pB-top__list.clm3 .pB-top__link-arw {
  width: 30.5%;
  box-sizing: border-box;
  padding-left: 5%;
}

.pB-top__list.clm3:after {
  content: "";
  display: block;
  width: 30.5%;
}

.pB-top__item {
  display: block;
  background: #fff;
  box-sizing: border-box;
  margin-bottom: 40px;
  transition: box-shadow .3s, color .3s;
}

.pB-top__item__inr {
  display: table;
  height: 100%;
}

.pB-top__item__img {
  display: table-cell;
  vertical-align: middle;
}

.pB-top__item__img img {
  margin: 0 auto;
}

.pB-top__item__name {
  display: table-cell;
  vertical-align: middle;
  padding-left: 14px;
}

.pB-top__item__name em {
  line-height: 1.4em;
  font-weight: 500;
}

.pB-top__item__text {
  line-height: 1.6em;
}

.clr_readmore {
  font-size: 14px;
  font-size: 0.875rem;
  text-align: right;
}

.clr_readmore span {
  display: inline-block;
  padding-right: 35px;
  position: relative;
}

.clr_readmore span:after {
  content: "→";
  color: #f28b8b;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  right: 5px;
  top: 50%;
  width: 25px;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: transform .2s;
}

.clr_readmore span:hover:after {
  -ms-transform: translate(20%, -50%);
  transform: translate(20%, -50%);
}

.clr_readmore.-c02 span:after {
  color: #519ed4;
}

.clr_readmore.-c02 span:hover {
  color: #519ed4;
}

.clr_readmore.-c03 span:after {
  color: #a1d451;
}

.clr_readmore.-c03 span:hover {
  color: #a1d451;
}

.pB-top__item:hover .clr_readmore.-c02 span {
  color: #519ed4;
}

.pB-top__item:hover .clr_readmore.-c03 span {
  color: #a1d451;
}

.pB-top__item:hover .clr_readmore span:after {
  -ms-transform: translate(20%, -50%);
  transform: translate(20%, -50%);
}

.btn__more.-pBtop {
  margin: 10px auto;
}

.pB-top__item__icn {
  display: table-cell;
  width: 100px;
  vertical-align: middle;
}

.pB-top__link-arw {
  margin-bottom: 40px;
}

.pB-top__link-arw span {
  display: inline-block;
  padding-right: 40px;
  position: relative;
  font-size: 20px;
  font-size: 1.25rem;
}

.pB-top__link-arw span:after {
  content: "→";
  color: #f28b8b;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  right: 5px;
  top: 50%;
  width: 25px;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: transform .2s;
}

.pB-top__link-arw span:hover:after {
  -ms-transform: translate(20%, -50%);
  transform: translate(20%, -50%);
}

.pB-top__link-arw.-c01 span:after {
  color: #f28b8b;
}

.pB-top__link-arw.-c01 span:hover {
  color: #f28b8b;
}

.pB-top__link-arw.-c02 span:after {
  color: #519ed4;
}

.pB-top__link-arw.-c02 span:hover {
  color: #519ed4;
}

.pB-top__link-arw.-c03 span:after {
  color: #a1d451;
}

.pB-top__link-arw.-c03 span:hover {
  color: #a1d451;
}

.pB-top__link-arw.-c04 span:after {
  color: #51bdd4;
}

.pB-top__link-arw.-c04 span:hover {
  color: #51bdd4;
}

.pB-top__link-arw.-c05 span:after {
  color: #fba174;
}

.pB-top__link-arw.-c05 span:hover {
  color: #fba174;
}

.pB-top__link-arw.-c06 span:after {
  color: #a377bd;
}

.pB-top__link-arw.-c06 span:hover {
  color: #a377bd;
}

/* 障がい者福祉向け製品 */
.product-top__sub-title {
  font-size: 22px;
  font-size: 1.375rem;
  margin: 60px auto 35px;
}

.product-top__sub-title.-c01 {
  color: #f28b8b;
}

.product-top__sub-title.-c02 {
  color: #519ed4;
}

.product-top__sub-title.-c03 {
  color: #a1d451;
}

.product-top__sub-title.-c04 {
  color: #51bdd4;
}

.product-top__sub-title.-c05 {
  color: #fba174;
}

.product-top__sub-title.-c06 {
  color: #a377bd;
}

.sub__arw-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sub__arw-list .pB-top__link-arw {
  padding: 0 1em;
  margin-bottom: 25px;
}

.brd_b-01 {
  border-bottom: 1px solid #f28b8b;
}

.brd_b-02 {
  border-bottom: 1px solid #519ed4;
}

.brd_b-03 {
  border-bottom: 1px solid #a1d451;
}

.brd_b-04 {
  border-bottom: 1px solid #51bdd4;
}

.brd_b-05 {
  border-bottom: 1px solid #fba174;
}

.brd_b-06 {
  border-bottom: 1px solid #a377bd;
}

.notes--rit {
  text-align: right;
  line-height: 1.6em;
}

/* ほのぼの光 */
.honobono-menu {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 770px;
  margin: 0 auto 60px;
}

.honobono-menu a {
  transition: opacity .2s;
}

.honobono-menu a:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.honobono-menu .menu_small {
  width: 50%;
  max-width: 385px;
}

.celf-bg {
  background: #d6f7c4;
  box-sizing: border-box;
  padding: 20px;
  border-radius: 10px;
}

.dl-table {
  width: 100%;
  margin: 30px auto 0;
  border-collapse: collapse;
  font-size: 18px;
  font-size: 1.125rem;
}

.dl-table th,
.dl-table td {
  border: 1px solid #ccc;
  padding: 15px;
  text-align: left;
}

.dl-table th p,
.dl-table td p {
  line-height: 1.4em;
}

.dl-table th {
  font-weight: bold;
}

.dl-table a {
  text-decoration: underline;
  transition: color .2s;
}

.dl-table a:hover {
  color: #f28b8b;
}

.dl-table .dl-table__date {
  width: 8.5em;
}

/*会社情報*/
.company-top__list {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.company-top__item {
  width: calc(50% - 4%);
  height: auto;
  margin-bottom: 80px;
}

.company-top__item--outer {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.company-top__item--outer img {
  display: block;
  z-index: 1;
  transition: transform 4s;
}

.company-top__item--outer em {
  display: block;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 34px;
  font-size: 2.125rem;
  letter-spacing: 1px;
  color: #fff;
  font-weight: 500;
  z-index: 3;
  word-break: keep-all;
}

.company-top__item--outer:after {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
  transition: background .2s;
}

.company-top__item--outer:hover:after {
  background: rgba(0, 0, 0, 0.15);
}

.outline-list {
  border: 1px solid #ccc;
  margin-bottom: 20px;
  font-size: 16px;
  font-size: 1rem;
}

.outline-list__name {
  background: #fdebeb;
  padding: 12px 15px;
}

.outline-list__detail {
  line-height: 2em;
  padding: 15px;
}

.outline-list__detail a {
  transition: color .2s;
  text-decoration: underline;
}

.outline-list__detail a:hover {
  color: #f28b8b;
  text-decoration: underline;
}

.brd_btm_dashed li {
  border-bottom: 2px dashed #ddd;
  padding: 5px 15px 10px;
}

.brd_btm_dashed li:last-child {
  border-bottom: 0;
}

.history-table {
  line-height: 2em;
}

.history-table th {
  padding: 0 20px 15px 20px;
  text-align: left;
  word-break: keep-all;
}

.history-table td {
  padding: 0 10px 15px 15px;
}

/*自治体向け製品サービス*/
.jichitai-box {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #f28b8b;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
  padding: 50px 20px;
}

.jichitai-box__name {
  min-width: 290px;
}

.jichitai-box__name__text {
  font-size: 40px;
  font-size: 2.5rem;
  text-align: center;
  line-height: 1.3em;
  font-weight: 600;
  letter-spacing: 1px;
}

.jichitai-box__list {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.6em;
  margin-bottom: 30px;
}

.jichitai-box__item {
  text-indent: -1em;
  padding-left: 1em;
}

.jichitai-box__item:before {
  content: "◆";
  color: #f28b8b;
  padding-right: .1em;
}

.jichitai-box__detail__text {
  font-size: 18px;
  font-size: 1.125rem;
}

.jichitai-contact {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #f28b8b;
  background: #fff9f6;
  padding: 50px 20px;
  margin: 40px auto 150px;
}

.jichitai-contact .btn__more {
  margin: 40px auto 10px;
}

.ytBox {
  width: 100%;
  max-width: 770px;
  margin: 0 auto;
  margin-bottom: 50px;
}

.ytBox__inr {
  width: 100%;
  padding-top: 55%;
  position: relative;
  top: 0;
  left: 0;
}

.ytBox__inr iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/*Q and A*/
.pages__qa {
  margin: 30px auto 40px;
  line-height: 1.6em;
  width: 95%;
}

.pages__question {
  padding-left: 25px;
  margin-bottom: 20px;
  background: url(img/product/care/weboperation-explanation/web_oe_q.jpg) top left no-repeat;
  background-size: 18px auto;
}

.pages__answer {
  padding-left: 25px;
  margin-bottom: 45px;
  background: url(img/product/care/weboperation-explanation/web_oe_a.jpg) top left no-repeat;
  background-size: 18px auto;
}

/*IR*/
.ir-top__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.ir-top__list:after {
  content: "";
  width: 31%;
  margin-bottom: 50px;
}

.ir-top__item {
  width: 31%;
  margin-bottom: 50px;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ir-top__links {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-bottom: 25px;
  border-left: 2px solid #f28b8b;
  border-right: 2px solid #fba174;
  position: relative;
}

.ir-top__links:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 2px;
  width: 100%;
}

.ir-top__links:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 2px;
  width: 100%;
}

.ir-top__links .pages-list--more {
  padding-right: 20px;
  font-size: 16px;
  font-size: 1rem;
  transition: color .2s;
}

.ir-top__links:hover .pages-list--more {
  color: #f28b8b;
}

.ir-top__links:hover .btn__arw:after {
  -ms-transform: translate(20%, -50%);
  transform: translate(20%, -50%);
}

.ir-top__link__name {
  display: block;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  color: #fff;
  line-height: 1.8em;
  font-size: 22px;
  font-size: 1.375rem;
}

.ir-top__item__text {
  padding: 21px;
  line-height: 1.8em;
  font-size: 16px;
  font-size: 1rem;
  transition: color .2s;
}

/* ir 下層 */
.ir-head {
  font-size: 48px;
  font-size: 3rem;
  text-align: left;
  padding-bottom: 60px;
}

.ir-history {
  width: 100%;
  border-top: 2px solid #ccc;
  border-left: 2px solid #ccc;
  border-right: 2px solid #ccc;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.7em;
}

.ir-history__date {
  background: #fdebeb;
  text-align: center;
  width: 120px;
  box-sizing: border-box;
  padding: 10px;
  border-bottom: 2px solid #ccc;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.ir-history__date p {
  width: 100%;
}

.ir-history__detail {
  width: calc(100% - 120px);
  box-sizing: border-box;
  padding: 20px;
  border-bottom: 2px solid #ccc;
}

.ir-business__list {
  width: 100%;
}

.ir-business__item {
  background: #fff9f6;
  padding: 30px 0 30px 20px;
  margin: 10px auto;
  cursor: pointer;
}

.ir-business__item .name {
  font-size: 20px;
  font-size: 1.25rem;
  position: relative;
  padding-right: 40px;
}

.ir-business__item .name:after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  -ms-transform: translateY(-50%) rotate(135deg);
  transform: translateY(-50%) rotate(135deg);
  width: 14px;
  height: 14px;
  border-top: 2px solid #f28b8b;
  border-right: 2px solid #f28b8b;
}

.ir-business__item.open .name:after {
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

.ir-business__detail {
  display: none;
}

.ir-business__inr {
  padding: 30px 0 40px 0;
}

.ir-label__text {
  background: #fdebeb;
  padding: 10px;
  margin: 0 auto 25px;
}

.ir-table {
  width: 100%;
}

.ir-table th {
  background: #fff9f6;
  text-align: center;
}

.ir-table th,
.ir-table td {
  padding: 12px;
}

.tbl-type01 {
  border-collapse: collapse;
  font-size: 16px;
  font-size: 1rem;
}

.tbl-type01 th {
  width: 50%;
}

.tbl-type01 th,
.tbl-type01 td {
  border: 2px solid #ccc;
}

.tbl-type01 td {
  line-height: 1.6em;
}

.pages__list--dice li {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.8em;
}

.pages__list--dice li:before {
  content: "・";
  font-weight: bold;
  color: #f28b8b;
}

.pB-top__list.clm3.-pdf_icon {
  margin: 20px auto 30px;
}

.-pdf_icon .pB-top__link-arw {
  text-align: center;
}

.-pdf_icon .pB-top__link-arw span {
  display: inline-block;
  padding-right: 35px;
  padding-left: 25px;
  background: url(img/icn_pdf.png) no-repeat left center;
  background-size: 20px auto;
  font-size: 16px;
  font-size: 1rem;
}

.-pdf_icon .pB-top__link-arw span:after {
  font-size: 16px;
  font-size: 1rem;
}

.pB-top__list.clm3.-pdf_icon .pB-top__link-arw {
  padding: 8px 0;
  margin-bottom: 25px;
  border-bottom: 1px dotted #ccc;
}

.ir-faq__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 40px auto;
}

.ir-faq__item.question .icn-faq {
  color: #fba174;
}

.ir-faq__item.answer {
  padding-bottom: 45px;
  margin-bottom: 45px;
  border-bottom: 2px dotted #ddd;
}

.ir-faq__item.answer .icn-faq {
  color: #f28b8b;
}

.ir-faq__item .icn-faq {
  font-size: 40px;
  font-size: 2.5rem;
  text-align: center;
  width: 2em;
  letter-spacing: 2px;
}

.ir-faq__text {
  width: calc(100% - 2em);
}

.ir-faq__text p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8em;
}

.ir-stock__links {
  margin: 25px auto 70px;
}

.ir-stock__item {
  display: block;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 5px;
}

.ir-stock__item:hover .ir-stock__text {
  text-decoration: underline;
  color: #f28b8b;
}

.ir-stock__inr {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 10px 0 15px;
  line-height: 1.6em;
}

.ir-stock__date {
  min-width: 6.5em;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
}

.ir-stock__text {
  width: calc(100% - 7em);
  font-size: 16px;
  font-size: 1rem;
  transition: color .2s;
}

.ir-stock__text .icn-pdf {
  display: inline-block;
  padding-right: 22px;
  background: url(img/icn_pdf.png) no-repeat right center;
  background-size: 20px auto;
}

.ir-table_nomal {
  margin-bottom: 15px;
}

.ir-table_nomal td {
  padding-bottom: 8px;
}

.ir-table__stock1 {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid #ccc;
}

.ir-table__stock1 th,
.ir-table__stock1 td {
  border-left: 2px solid #ccc;
  border-right: 2px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.ir-table__stock1 th {
  background: #fdebeb;
  text-align: left;
  word-break: keep-all;
  padding: 15px;
}

.ir-table__stock1 td {
  line-height: 1.6em;
  padding: 15px 10px 15px 15px;
}

.ir-table__stock1 a {
  color: #0033cc;
  text-decoration: underline;
  word-break: break-all;
}

.ir-table__stock1 a:hover {
  color: #519ed4;
}

/* ir iframe*/
.info-cnts__inr iframe {
  width: 100%;
  height: 28em;
  overflow-y: scroll;
}

.ir-news__inr {
  width: 100%;
}

.ir-news__inr iframe {
  width: 100%;
  height: 87em;
  overflow-y: scroll;
}

.ir-library1__inr {
  width: 100%;
}

.ir-library1__inr iframe {
  width: 100%;
  height: 28em;
  overflow-y: scroll;
}

.ir-library2__inr {
  width: 100%;
}

.ir-library2__inr iframe {
  width: 100%;
  height: 28em;
  overflow-y: scroll;
}

.ir-library3__inr {
  width: 100%;
}

.ir-library3__inr iframe {
  width: 100%;
  height: 60em;
  overflow-y: scroll;
}

.ir-note__inr {
  width: 100%;
}

.ir-note__inr iframe {
  width: 100%;
  height: 18em;
  overflow-y: scroll;
}

.ir-library_release__inr {
  width: 100%;
}

.ir-library_release__inr iframe {
  width: 100%;
  height: 50em;
  overflow-y: scroll;
}

.ir-library_results__inr {
  width: 100%;
}

.ir-library_results__inr iframe {
  width: 100%;
  height: 50em;
  overflow-y: scroll;
}

.ir-stock__inr {
  width: 100%;
}

.ir-stock__inr iframe {
  width: 100%;
  height: 230em;
  overflow-y: scroll;
}

.ir-calendar__inr {
  width: 100%;
}

.ir-calendar__inr iframe {
  width: 100%;
  height: 390em;
  overflow-y: scroll;
}

/* ir-library */
.ir-lib__table {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid #ccc;
  font-size: 16px;
  font-size: 1rem;
}

.ir-lib__table td {
  padding: 15px 10px 15px 18px;
  border-bottom: 2px solid #ccc;
  border-left: 2px solid #ccc;
  border-right: 2px solid #ccc;
  vertical-align: top;
  line-height: 1.4em;
}

.ir-lib__table th {
  border: 2px solid #ccc;
  padding: 20px 0;
  text-align: center;
  background: #fdebeb;
  font-size: 28px;
  font-size: 1.75rem;
}

.ir-lib__table.lib-01 {
  margin-bottom: 20px;
}

.ir-lib__table.lib-01 td {
  width: 50%;
}

.ir-lib__table.lib-02 {
  border-top: 0;
}

.ir-lib__table.lib-02 td:first-child {
  width: 44%;
}

.ir-library__list {
  width: 100%;
  margin-bottom: 20px;
}

.ir-library__list:first-child .ir-library__detail {
  display: block;
}

.ir-library__detail {
  display: none;
  width: 100%;
}

.ir-library__item {
  border: 2px solid #ccc;
  padding: 20px 0;
  text-align: center;
  background: #fdebeb;
  font-size: 28px;
  font-size: 1.75rem;
  cursor: pointer;
}

.ir-library__item .name {
  position: relative;
}

.ir-library__item .name:after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  -ms-transform: translateY(-50%) rotate(135deg);
  transform: translateY(-50%) rotate(135deg);
  width: 14px;
  height: 14px;
  border-top: 2px solid #f28b8b;
  border-right: 2px solid #f28b8b;
}

.ir-library__item.open .name:after {
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

.pdf-front {
  display: inline-block;
  padding-left: 25px;
  background: url(img/icn_pdf.png) no-repeat left center;
  background-size: 18px auto;
  transition: color .2s;
}

.pdf-front .arw {
  display: inline-block;
  padding: 0 5px;
  color: #f28b8b;
  transition: transform .2s;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
}

.pdf-front:hover {
  color: #f28b8b;
}

.pdf-front:hover .arw {
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}

.pages__flex-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
}

.pages__flex-item {
  min-width: 25%;
  max-width: calc(50% - 10px);
  margin-bottom: 30px;
  padding: 0 5px;
}

.pages__flex-item a {
  display: block;
  text-align: center;
}

/*
.step__arw { display: inline-block; position: relative; margin-top: 20px;
  &:after { content: "▼"; position: absolute; top: -2em; left:0; right:0; margin: auto; text-align: center; color: #ccc;}
}
*/
.pages-section.policy {
  max-width: 1000px;
  margin: 0 auto;
}

.policy__title {
  text-align: center;
  font-size: 34px;
  font-size: 2.125rem;
  margin: 30px auto 50px;
}

.policy__sec {
  padding: 20px 0 10px;
}

.policy__sec ul {
  padding-left: 1em;
  padding-right: 1em;
}

.policy__sec__title {
  border-bottom: 2px dashed #ccc;
  padding: 5px 5px 10px;
  margin-bottom: 10px;
  font-weight: bold;
}

.pdgBox_30 {
  padding: 30px;
}

/*資料ダウンロード*/
.dl-list1 .icn_pdf {
  display: inline-block;
  padding-left: 25px;
  background: url(img/icn_pdf.png) no-repeat left 0 top 4px;
  background-size: 20px auto;
}

.dl-list1 .icn_img {
  display: inline;
  padding-right: 25px;
  background: url(img/icn_pdf.png) no-repeat right 0 bottom 4px;
  background-size: 20px auto;
}

.dl-list1 a {
  color: #519ed4;
}

.dl-list2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: end;
  align-items: flex-end;
}

.dl-list2 .icn_img {
  display: inline;
  padding-right: 25px;
  background: url(img/icn_pdf.png) no-repeat right 0 center;
  background-size: 1em auto;
}

.dl-list2 a {
  color: #519ed4;
}

.dl-list2 .pdf-list {
  padding: 10px 20px;
}

/*サイトマップ PC*/
.sitemap .pages-section {
  margin: 60px auto 60px;
}

.sitemap .pages__text {
  box-sizing: border-box;
  padding: 0 0 0 50px;
}

.sitemap .pages__text li {
  position: relative;
  margin-bottom: 5px;
}

.sitemap .pages__text li:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  border: 6px solid transparent;
  border-left: 10px solid #f28b8b;
  top: 10px;
  left: -15px;
  display: inline-block;
}

.sitemap li ul {
  margin-top: 3px;
  margin-bottom: 10px;
}

.sitemap li ul li {
  position: relative;
  padding: 0 0 0 20px;
}

.sitemap .pages__text li ul li:after {
  display: none;
}

.sitemap li ul li:before {
  content: "└";
  position: absolute;
  top: 3px;
  left: 0;
}

.sitemap .info-link__icn span:not(.new-inr) {
  text-decoration: underline;
}

/*サイトマップ SP*/
/*情報セキュリティ方針 PC*/
.security-policy .ta-r {
  text-align: right;
}

.security-policy .td-u {
  text-decoration: underline;
}

/*特定商取引法に基づく表記 PC*/
.specific-transaction .fw-b {
  font-weight: bold;
}

.specific-transaction .lh {
  line-height: 1.5;
}

.specific-transaction td:nth-child(2) {
  padding-right: 10px;
}

/*プライバシーポリシー PC*/
.privacy-policy .ta-r {
  text-align: right;
}

.privacy-policy .td-u {
  text-decoration: underline;
}

.privacy-policy ul.pages__text {
  padding-left: 15px;
}

/*ウェブサイト利用規約 PC*/
.website-terms .ta-r {
  text-align: right;
}

.website-terms .td-u {
  text-decoration: underline;
}

.website-terms ul.pages__text {
  padding-left: 15px;
}

/*問い合わせ一覧*/
.contact-list {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.contact-list .contact-list__item {
  margin-bottom: 55px;
}

.contact-list .pages__head4 {
  margin-bottom: 24px;
}

.formArea {
  font-size: 16px;
  font-size: 1rem;
}

.formArea form {
  margin: 20px auto;
}

.formArea input[type="text"],
.formArea input[type="submit"],
.formArea input[type="button"],
.formArea input[type="reset"],
.formArea input[type="tel"],
.formArea input[type="email"],
.formArea textarea {
  -webkit-appearance: none;
  border-radius: 0;
  font-family: inherit;
  font-size: 100%;
}

.formArea .agree__check {
  -moz-appearance: checkbox;
  appearance: checkbox;
  -webkit-appearance: checkbox;
}

.formArea .radio__select {
  -moz-appearance: radio;
  appearance: radio;
  -webkit-appearance: radio;
}

.contact__first {
  margin-bottom: 50px;
}

.contact__first .scroll-box {
  width: 100%;
  box-sizing: border-box;
  padding: 15px;
  height: 300px;
  overflow-y: scroll;
  margin: 20px auto;
  border: 1px solid #ddd;
}

.contact__first .scroll-box::-webkit-scrollbar {
  width: 8px;
}

.contact__first .scroll-box::-webkit-scrollbar-track {
  background: #efefef;
  border-left: solid 1px #ececec;
}

.contact__first .scroll-box::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 10px;
  box-shadow: inset 0 0 0 2px #ddd;
}

.contact__first .caution-box {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ddd;
  padding: 15px;
}

.confirm-text,
.confirm-error,
.required-text {
  text-align: center;
  line-height: 1.8em;
}

.confirm-error {
  color: #ff5454;
  font-weight: bold;
  padding-bottom: 10px;
}

.icn-required {
  color: #ff5454;
  display: inline-block;
  padding-left: 1px;
}

.agreement {
  max-width: 700px;
  width: 100%;
  margin: 40px auto 20px;
  text-align: center;
}

.agreement a {
  text-decoration: underline;
}

.agreement a:hover {
  color: #f28b8b;
}

.agreement-ttl {
  margin: 0 auto;
  padding: 0 0 30px;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
}

.agreeChecked {
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 15px;
}

.reg--step {
  text-align: center;
}

.reg--step img {
  max-width: 100%;
  display: none;
  margin: 0 auto 30px;
}

.contact-item__name a {
  text-decoration: underline;
  font-weight: bold;
}

.contact-item__name a:hover {
  color: #f28b8b;
}

.mw_wp_form_input .confirm-text {
  display: none;
}

.mw_wp_form_input .confirm-error {
  display: none;
}

.mw_wp_form_input .contact__first {
  display: block;
}

.mw_wp_form_input .reg--step .step01 {
  display: block;
}

.mw_wp_form_error .confirm-text {
  display: none;
}

.mw_wp_form_error .confirm-error {
  display: block;
}

.mw_wp_form_error .contact__first {
  display: none;
}

.mw_wp_form_error .reg--step .step01 {
  display: block;
}

.mw_wp_form_confirm .form--table td {
  width: 50%;
  vertical-align: top;
  padding: 15px 10px 10px 20px;
}

.mw_wp_form_confirm .form--table th {
  width: 50%;
}

.mw_wp_form_confirm .form--items {
  max-width: 650px;
  margin: 20px auto;
}

.mw_wp_form_confirm .form--items dd {
  width: 100%;
  line-height: 2em;
  padding: 12px 15px;
  box-sizing: border-box;
}

.mw_wp_form_confirm .icn-required {
  display: none;
}

.mw_wp_form_confirm .confirm-text {
  display: block;
}

.mw_wp_form_confirm .confirm-error {
  display: none;
}

.mw_wp_form_confirm .required-text {
  display: none;
}

.mw_wp_form_confirm .contact__first {
  display: none;
}

.mw_wp_form_confirm .agreement {
  display: none;
}

.mw_wp_form_confirm .reg--step .step02 {
  display: block;
}

.mw_wp_form_complete .confirm-text {
  display: none;
}

.mw_wp_form_complete .confirm-error {
  display: none;
}

.mw_wp_form_complete .required-text {
  display: none;
}

.mw_wp_form_complete .contact__first {
  display: none;
}

.mw_wp_form_complete .reg--step .step03 {
  display: block;
}

.contact__thanks .step03 {
  display: block;
}

.contact-btnArea {
  padding: 20px 0;
}

.contact-btnArea .submit-btn input[type="submit"] {
  background: #f28b8b;
  color: #fff;
  border-radius: 1px;
  border: 0;
  text-align: center;
  color: #fff;
  padding: 12px 3px;
  box-sizing: border-box;
  transition: opacity .3s;
  font-size: 18px;
  font-size: 1.125rem;
  min-width: 180px;
  cursor: pointer;
}

.contact-btnArea .submit-btn input[type="submit"]:focus {
  outline: 0;
}

.contact-btnArea input[type="submit"]:hover {
  opacity: .9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  left: 2px;
}

.contact-btnArea .historyback-btn {
  padding-right: 15px;
}

.contact-btnArea .historyback-btn input[type="submit"] {
  background: #ccc;
  color: #fff;
  border-radius: 1px;
  border: 0;
  padding: 16px 3px;
  min-width: 180px;
  margin-right: 15px;
  font-size: 14px;
}

.contact-btnList {
  text-align: center;
  padding-left: 0;
}

.contact-btnList li {
  display: inline-block;
}

.same_checkBox input {
  width: inherit;
  display: inline-block;
}

.form--items {
  max-width: 650px;
  margin: 20px auto;
}

.form--items form {
  margin: 20px auto;
}

.form--items input[type="text"],
.form--items input[type="submit"],
.form--items input[type="button"],
.form--items input[type="reset"],
.form--items input[type="tel"],
.form--items input[type="email"],
.form--items textarea {
  -webkit-appearance: none;
  border-radius: 0;
  font-family: inherit;
  font-size: 100%;
}

.form--items dt {
  width: 100%;
  text-align: left;
  box-sizing: border-box;
  background: #fdebeb;
  padding: 12px 15px;
}

.form--items .contact-item {
  margin-bottom: 30px;
  border: 1px solid #ddd;
  line-height: 1.4em;
}

.form--items .contact-item .note {
  font-size: 13px;
  font-size: 0.8125rem;
  text-align: left;
  padding: 5px 5px 0 15px;
  display: inline-block;
  color: #ff5454;
}

.form--items dd {
  width: 100%;
  line-height: 2em;
  padding: 8px;
  box-sizing: border-box;
}

.form--items .error {
  display: block;
  padding: 6px 0 0 0;
  font-size: 80%;
}

.form--items .icn-required {
  font-size: 12px;
  font-size: 0.75rem;
  color: #fff;
  background: #ff5454;
  display: inline-block;
  margin-left: 3px;
  padding: 2px 3px;
  line-height: 1.1;
}

.contact-item__inr input[type="text"],
.contact-item__inr textarea {
  font-size: 16px;
  font-size: 1rem;
  width: 100%;
  padding: 7px 5px;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #ddd;
  line-height: 1.2em;
}

.contact-item__inr select {
  font-size: 16px;
  font-size: 1rem;
  padding: 7px 20px 7px 5px;
  border-radius: 3px;
  border: 1px solid #ddd;
  background: #fff;
}

.contact-item__inr .select-outer {
  display: inline-block;
  position: relative;
}

.contact-item__inr .select-outer:after {
  content: "▼";
  position: absolute;
  right: 3px;
  top: 50%;
  font-size: 8px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.contact-item__inr input[type="text"]::-webkit-input-placeholder,
.contact-item__inr textarea::-webkit-input-placeholder {
  color: #ccc;
}

.contact-item__inr input:focus,
.contact-item__inr textarea:focus {
  border: 1px solid #ff7473;
  outline: 0;
  background: #fff9f9;
}

.contact-item__inr.pos input[type="text"] {
  max-width: 180px;
}

.contact-item__inr.tel input[type="text"] {
  max-width: 220px;
}

.contact-item__inr.chk .mwform-checkbox-field {
  display: block;
  margin-left: 10px;
}

.contact-item__inr.chk .mwform-radio-field {
  display: block;
  margin-left: 10px;
}

.form-type {
  font-size: 16px;
  margin-bottom: 10px;
}

.form-type.guardian {
  margin: 35px auto 10px;
}

.form_complete-text {
  text-align: center;
  font-size: 14px;
  padding-bottom: 30px;
  line-height: 1.8em;
}

/* common
-------------------------------------*/
.h-next {
  /* common onlyPC
-------------------------------------*/
  /* bnrArea */
}

.h-next .fc01 {
  color: #51bdd4;
}

.h-next .fc02 {
  color: #fba174;
}

.h-next .fc03 {
  color: #77c7bb;
}

.h-next .fc04 {
  color: #76bfcc;
}

.h-next .fc05 {
  color: #f28b8b;
}

.h-next .fc06 {
  color: #519ed4;
}

.h-next .ta-c {
  text-align: center;
}

.h-next .ta-l {
  text-align: left;
}

.h-next .ta-r {
  text-align: right;
}

.h-next .ov-h {
  overflow: hidden;
}

.h-next .fw-b {
  font-weight: bold;
}

.h-next .cf:after,
.h-next .container:after {
  content: "";
  display: block;
  clear: both;
}

.h-next .mgb0 {
  margin-bottom: 0px;
}

.h-next .mgb5 {
  margin-bottom: 5px;
}

.h-next .mgb10 {
  margin-bottom: 10px;
}

.h-next .mgb20 {
  margin-bottom: 20px;
}

.h-next .mgb30 {
  margin-bottom: 30px;
}

.h-next .mgt20 {
  margin-top: 20px !important;
}

.h-next .hover {
  transition: 0.25s ease;
}

.h-next .hover:hover {
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.h-next .bnrArea {
  text-align: center;
  margin-bottom: 40px;
}

.h-next .bnrArea__item {
  margin-bottom: 20px;
}

/* breadcrumb */
.breadcrumb.-gray,
.breadcrumb.-gray a {
  color: #666;
}

.breadcrumb.-gray li:after {
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
}

.breadcrumb li:last-child:after {
  display: none;
}

/* sideglobalNab */
.side-nav.-next .side-nav__list li {
  line-height: 1.4;
  margin-bottom: 10px;
}

.side-nav.-next .side-nav__item__a.-fclr.-idt {
  margin-left: 5px;
}

.side-nav.-next .current {
  font-weight: bold;
}

.side-nav.-next .-heading {
  font-weight: normal !important;
}

/* sideNab */
.sideNav {
  position: relative;
  z-index: 999;
}

.sideNav .sideNav__Inner {
  width: 220px;
  height: 320px;
  top: 50%;
  left: -220px;
  position: fixed;
}

.sideNav .sideNav__Inner .sideNav__Item a.active {
  background: #51bdd4;
}

.sideNav .sideNav__Inner .sideNav__Item a {
  height: 80px;
  line-height: 80px;
  background: #519ed4;
  list-style: none;
  box-sizing: border-box;
  padding: 0 0 0 10px;
  color: #fff;
  display: block;
  transition: all 0.25s ease-out;
  position: relative;
  font-size: 16px;
}

.sideNav .sideNav__Inner .sideNav__Item a:after {
  content: "→";
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 30px;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: transform .2s;
}

.sideNav .sideNav__Inner .sideNav__Item a:hover:after {
  -ms-transform: translate(20%, -50%);
  transform: translate(20%, -50%);
}

.sideNav .sideNav__Inner .sideNav__Item a:hover {
  background: #51bdd4;
}

.sideNav .sideNav__Inner .sideNav__btn {
  display: block;
  position: absolute;
  top: 0px;
  left: 220px;
  width: 80px;
  height: 80px;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}

/* 下層ページ共通パーツ */
.h-next .btn {
  display: inline-block;
  float: right;
  margin-top: 40px;
  padding: 10px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
}

.h-next .btn--more {
  background: #f2f2f2;
}

.h-next .row.-mdl.-pd0 {
  box-sizing: border-box;
  padding: 0px;
}

.h-next .pages__brdbox.-next {
  border: 3px solid #519ed4;
}

.h-next .pages-section.-list .r-head3 {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 5px;
}

.h-next .pages-section.-list .pages__text {
  padding-left: 1em;
}

.h-next .pages-section.-list .pages__text a:hover {
  color: #519ed4;
}

.h-next .pages-section.-list .pages__text a {
  text-decoration: none;
}

.h-next .h-next__txt {
  font-size: 18px;
  font-size: 1.125rem;
  color: #fff;
  padding: 20px 0 20px 10px;
  background: #519ed4;
  line-height: 1.5;
}

.h-next .h-next__txt02 {
  font-size: 16px;
  font-size: 1rem;
  padding: 20px 10px 20px 10px;
  border: 1px solid #ccc;
  margin-bottom: 30px;
  line-height: 1.5;
}

.h-next .r-section.-No01 .r-head1 {
  font-size: 26px;
  font-size: 1.625rem;
  margin-bottom: 20px;
}

.h-next .r-section.-No01 .r-head2 {
  font-size: 22px;
  font-size: 1.375rem;
  padding-left: 0;
}

.h-next .r-section.-No01 .r-head2:before {
  display: none;
}

.h-next .r-section.-No01 .No01__list {
  color: #333;
  line-height: 1.8em;
  margin-bottom: 1em;
  list-style: disc;
  margin-left: 20px;
}

.h-next .r-section.-No01 .No01__list.-small {
  font-size: 14px;
  font-size: 0.875rem;
  list-style: none;
}

.h-next .r-section.-No02 .r-head1 {
  font-size: 26px;
  font-size: 1.625rem;
  margin-bottom: 20px;
}

.h-next .r-section.-No02 .r-head2 {
  font-size: 22px;
  font-size: 1.375rem;
  padding-left: 0;
}

.h-next .r-section.-No02 .r-head2:before {
  display: none;
}

.h-next .r-section.-No02 .r-ti__text {
  width: 100%;
}

.h-next .r-section.-No02 .r-ti__wrap.-No02 {
  margin-bottom: 30px;
}

.h-next .r-section.-No02 .No02__list {
  color: #333;
  line-height: 1.8em;
  margin-bottom: 1em;
  list-style: disc;
  margin-left: 20px;
}

.h-next .r-section.-No03 .r-ti__wrap {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.h-next .lists.-No01 {
  margin-bottom: 20px;
}

.h-next .list.-No01 {
  line-height: 1.5;
  position: relative;
  padding-left: 15px;
}

.h-next .list.-No01:after {
  content: "◆";
  height: 100%;
  width: 16px;
  border-radius: 0;
  position: absolute;
  left: -1%;
  top: 0%;
  background: none;
  color: #519ed4;
}

.home .sideNav .sideNav__Inner .sideNav__Item.current a {
  background-color: #51bdd4;
}

/* 下層ページ色変え*/
/* care pink*/
/* solve */
.solve {
  width: 100%;
  margin-bottom: 60px;
}

.solve__inner {
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  border: 1px solid #519ed4;
}

.solve__img {
  width: 165px;
}

.solve__wrap {
  width: calc(95% - 165px);
}

.solve__ttl {
  color: #fff;
  background: #519ed4;
  padding: 10px;
  line-height: 1.5;
  margin-bottom: 15px;
}

.solve__btns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.solve__txt {
  line-height: 1.5;
  margin-bottom: 15px;
}

.solve__btn {
  width: 48%;
  text-align: center;
  padding: 20px 0;
  padding: 20px 0;
  background: #f28b8b;
  display: block;
  color: #fff;
  transition: all 0.25s ease;
}

.solve__btn.-green {
  background-color: #a1d451;
}

.solve__btn:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.solve__btn:visited {
  color: #fff;
}

.solve__btn:active {
  color: #fff;
}

/* support */
.support {
  background: #51bdd4;
}

.support__inner {
  padding: 20px 20px 0;
}

.support__ttl {
  color: #fff;
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: 10px;
}

.support__lead {
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  line-height: 1.5;
}

.support__wrap {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.support__col {
  box-sizing: border-box;
  width: calc(30%);
}

.support__colTtl {
  padding: 10px 0;
  font-weight: bold;
}

.support__colList {
  padding: 5px 0;
  display: block;
  line-height: 1.4;
}

.support__colList a {
  transition: color 0.2s;
}

.support__colList a:hover {
  color: #519ed4;
}

.support__colLists {
  padding: 10px;
  background: #fff;
  margin-bottom: 30px;
}

/* .ほのぼのNEXTTop
-------------------------------------*/
.honobonoNextTop {
  /* TOP */
  /* movie */
  /* service */
  /* solutioin */
  /* case */
  /* faq */
}

.honobonoNextTop .pages__head2 {
  color: #519ed4;
}

.honobonoNextTop .pages__head4 {
  font-size: 28px;
  font-size: 1.75rem;
}

.honobonoNextTop .pages__head6 {
  text-align: center;
  line-height: 1.5;
  margin-bottom: 50px;
  font-size: 38px;
  font-size: 2.375rem;
  font-size: 38px;
  font-weight: 600;
  letter-spacing: 1px;
}

.honobonoNextTop .pages__head6 span {
  display: block;
  font-size: 22px;
  font-size: 1.375rem;
  color: #519ed4;
  font-weight: 500;
}

.honobonoNextTop .hd-gd_bl.blue:before {
  background: #f28b8b;
  background: linear-gradient(to bottom, #519ed4 0%, #51bcd4 100%);
}

.honobonoNextTop .pages-list1__ttl02 {
  font-size: 26px;
  font-size: 1.625rem;
  margin-bottom: 20px;
  line-height: 1.3;
}

.honobonoNextTop .pages-list1__ttl01 {
  color: #519ed4;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 0.875rem;
}

.honobonoNextTop .pages-list1__ttl01 span {
  font-size: 30px;
  font-size: 1.875rem;
  font-style: italic;
}

.honobonoNextTop .pages-layout4__text {
  width: calc(95% - 420px);
}

.honobonoNextTop .pages-layout4:nth-child(even) .pages-layout4__img {
  -ms-flex-order: 1;
  order: 1;
}

.honobonoNextTop .pages-layout4:nth-child(even) .pages-layout4__text {
  -ms-flex-order: 2;
  order: 2;
}

.honobonoNextTop .pages-layout4:nth-child(odd) .pages-layout4__img {
  -ms-flex-order: 2;
  order: 2;
}

.honobonoNextTop .pages-layout4:nth-child(odd) .pages-layout4__text {
  -ms-flex-order: 1;
  order: 1;
}

.honobonoNextTop .pages__head6--movie {
  margin-bottom: 100px;
}

.honobonoNextTop .pages-section.movie {
  background: #f8f8f8;
  padding: 100px 0;
  text-align: center;
}

.honobonoNextTop .pages-section__txt {
  line-height: 1.6;
  margin-bottom: 50px;
  text-align: center;
}

.honobonoNextTop .movie__Wrap {
  margin-bottom: 80px;
}

.honobonoNextTop .pages__head6--service {
  text-align: center;
}

.honobonoNextTop .service .inner {
  max-width: 1200px;
  margin: auto;
}

.honobonoNextTop .productBox:after {
  content: "";
  background: none;
}

.honobonoNextTop .pB__name h3 {
  font-size: 26px;
  font-size: 1.625rem;
  padding-left: 40px;
}

.honobonoNextTop .pB__name {
  width: 36%;
  padding: 20px 30px 5px;
}

.honobonoNextTop .pB__sort {
  padding: 10px 20px 10px 5px;
}

.honobonoNextTop .pB__sort a {
  transition: color .2s;
}

.honobonoNextTop .pB__detailed__clm2 li {
  width: 33%;
}

.honobonoNextTop .pB__detail__item {
  background: none;
  margin-bottom: 0px;
}

.honobonoNextTop .productBox .pB__sort {
  background: #fff;
  border: 2px solid #519ed4;
}

.honobonoNextTop .productBox .pB__sort a:hover {
  color: #519ed4;
}

.honobonoNextTop .productBox.-support .pB__sort {
  background: #fff;
  border: 2px solid #51bdd4;
}

.honobonoNextTop .productBox.-support .pB__sort a:hover {
  color: #51bdd4;
}

.honobonoNextTop .productBox .pB__detail__item:hover {
  box-shadow: none;
}

.honobonoNextTop .productBox.-support {
  background: #51bdd4;
}

.honobonoNextTop .pB__name.-support h3 {
  background: url(img/next/icn_support.png) no-repeat;
  background-position: left 0 top .2em;
  background-size: auto 1.2em;
}

.honobonoNextTop .productBox.-facility {
  background: #519ed4;
}

.honobonoNextTop .pB__name.-facility h3 {
  background: url(img/next/icn_facility.png) no-repeat;
  background-position: left 0 top .2em;
  background-size: auto 1.2em;
}

.honobonoNextTop .productBox.-home {
  background: #519ed4;
}

.honobonoNextTop .pB__name.-home h3 {
  background: url(img/next/icn_home.png) no-repeat;
  background-position: left 0 top .2em;
  background-size: auto 1.2em;
}

.honobonoNextTop .productBox.-local {
  background: #51bdd4;
}

.honobonoNextTop .pB__name.-local h3 {
  background: url(img/next/icn_local.png) no-repeat;
  background-position: left 0 top .2em;
  background-size: auto 1.2em;
}

.honobonoNextTop .pB__detailed__clm2.-half li {
  width: 49%;
}

.honobonoNextTop .productBox.-local .pB__sort {
  background: #fff;
  border: 2px solid #51bdd4;
}

.honobonoNextTop .productBox.-local .pB__sort a:hover {
  color: #51bdd4;
}

.honobonoNextTop .productBox.-other {
  background: #519ed4;
}

.honobonoNextTop .pB__name.-other h3 {
  background: url(img/next/icn_other.png) no-repeat;
  background-position: left 0 top .2em;
  background-size: auto 1.2em;
}

.honobonoNextTop .pB__detailed__clm3:after {
  content: "";
  display: block;
  width: 37.5%;
}

.honobonoNextTop .pB__detailed__clm3 li {
  width: 30%;
}

.honobonoNextTop .pB__detailed__clm3 li:nth-child(3n) {
  width: 38%;
}

.honobonoNextTop .productBox.-system {
  background: #51bdd4;
  margin-bottom: 100px;
}

.honobonoNextTop .pB__name.-system h3 {
  background: url(img/next/icn_system.png) no-repeat;
  background-position: left 0 top .2em;
  background-size: auto 1.2em;
}

.honobonoNextTop .pB__detailed__clm4 li {
  width: 25%;
}

.honobonoNextTop .productBox.-system .pB__sort {
  background: #fff;
  border: 2px solid #51bdd4;
}

.honobonoNextTop .productBox.-system .pB__sort a:hover {
  color: #51bdd4;
}

.honobonoNextTop .pages-section.solution {
  padding: 100px 0;
  margin-bottom: 0;
  background: #f8f8f8 url(img/next/index_bg01.gif) top 0px right 35% no-repeat;
}

.honobonoNextTop .pB-top__title {
  font-size: 26px;
  font-size: 1.625rem;
}

.honobonoNextTop .pB-top__title.-user {
  background: #519ed4;
}

.honobonoNextTop .pB-top {
  margin-bottom: 80px;
}

.honobonoNextTop .pB-top:last-child {
  margin-bottom: 0px;
}

.honobonoNextTop .pB-top.-user {
  background: #e5f1f9;
}

.honobonoNextTop .pB-top.-user .pB-top__item:hover {
  box-shadow: 0px 4px 12px rgba(81, 158, 212, 0.35);
  color: #519ed4;
}

.honobonoNextTop .pB-top__title.-other {
  background: #51bdd4;
}

.honobonoNextTop .pB-top.-other {
  background: #e5f5f9;
}

.honobonoNextTop .pB-top.-other .pB-top__item:hover {
  box-shadow: 0px 4px 12px rgba(81, 189, 212, 0.35);
  color: #51bdd4;
}

.honobonoNextTop .pB-top__title.-office {
  background: #519ed4;
}

.honobonoNextTop .pB-top.-office {
  background: #e5f1f9;
}

.honobonoNextTop .pB-top.-office .pB-top__item:hover {
  box-shadow: 0px 4px 12px rgba(81, 158, 212, 0.35);
  color: #519ed4;
}

.honobonoNextTop .pb10 {
  padding-bottom: 10px;
}

.honobonoNextTop .top-section.-case02 {
  background: #fff;
}

.honobonoNextTop .top-section.-case02 .trans-row__title--en {
  color: #519ed4;
}

.honobonoNextTop .top-section .swiper-button-next,
.honobonoNextTop .top-section .swiper-button-prev {
  background-color: #fff;
}

.honobonoNextTop .swiper-button-next,
.honobonoNextTop .swiper-container-rtl .swiper-button-prev {
  background-image: url(img/next/icn_slide_arrow_next.png);
}

.honobonoNextTop .swiper-button-prev,
.honobonoNextTop .swiper-container-rtl .swiper-button-next {
  background-image: url(img/next/icn_slide_arrow_prev.png);
}

.honobonoNextTop .pages__head6--faq {
  margin-bottom: 100px;
}

.honobonoNextTop .pages-section.faq {
  background: #f8f8f8;
  padding: 100px 0;
  text-align: center;
}

.honobonoNextTop .inner.-faq {
  max-width: 1100px;
  margin: auto;
}

.honobonoNextTop .faq__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.honobonoNextTop .faq__col {
  width: calc(50% - 30px);
  text-align: left;
}

.honobonoNextTop .faq__defTit {
  font-size: 40px;
  font-size: 2.5rem;
  color: #519ed4;
  margin-bottom: 10px;
}

.honobonoNextTop .faq__defTit.-ans {
  color: #51bdd4;
}

.honobonoNextTop .faq__def {
  margin-bottom: 30px;
}

.honobonoNextTop .faq__def:nth-child(2n) {
  margin-bottom: 100px;
}

.honobonoNextTop .faq__def:last-child {
  margin-bottom: 0px;
}

.honobonoNextTop .faq__defData {
  line-height: 1.5;
}

/* 運用構成例・動作環境 function
-------------------------------------*/
.function .pages-list4__textArea {
  width: calc(95% - 240px);
  padding: 0 40px 0 0;
}

.function .pages-list4__head.-bdr {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.5em;
  position: relative;
  padding-left: 25px;
}

.function .pages-list4__head.-bdr:before {
  content: "";
  height: 92%;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 4%;
  width: 8px;
  background: #519ed4;
  background: linear-gradient(to bottom, #519ed4 0%, #51bcd4 100%);
}

.function .pages-section.example {
  margin-bottom: 200px;
}

.function table {
  width: 100%;
  border: 2px solid #ccc;
  line-height: 1.6;
  box-sizing: border-box;
}

.function th {
  box-sizing: border-box;
  padding: 20px 30px;
  text-align: left;
  border: 1px solid #ccc;
}

.function td {
  box-sizing: border-box;
  padding: 20px 30px;
  border: 1px solid #ccc;
  vertical-align: middle;
}

.function .va-m {
  vertical-align: middle;
  line-height: 1.8;
}

.function .bgc01 {
  background: #d3e7f4;
}

.function .bgc02 {
  background: #f8f8f8;
}

.function .bdr01 {
  border: 2px solid #ccc;
}

.function .bdr02 {
  border-bottom: 2px solid #ccc;
}

.function .table__lists {
  margin-top: 20px;
}

.function .table__list {
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 0.875rem;
}

/* ご購入について flow
-------------------------------------*/
.flow .pages-list4__item--flow {
  position: relative;
  margin-bottom: 60px;
}

.flow .pages-list4__item--flow:after {
  position: absolute;
  border: 20px solid transparent;
  border-top: 20px solid #51bdd4;
  bottom: -65px;
  left: 50%;
  content: '';
  display: inline-block;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.flow .pages-list4__item--flow:last-child:after {
  display: none;
}

.flow .pages-list4__img {
  color: #fff;
  box-sizing: border-box;
  width: 280px;
  background: #a8dbe5;
  padding: 20px 20px;
}

.flow .pages-list4__ttl {
  color: #fff;
  box-sizing: border-box;
  width: 280px;
  background: #a8dbe5;
  padding: 20px 20px;
  font-size: 26px;
  font-size: 1.625rem;
}

.flow .pages-list4__ttl.-ttl02 {
  background: #a8dbe5;
}

.flow .pages-list4__ttl.-ttl03 {
  background: #85cfde;
}

.flow .pages-list4__ttl.-ttl04 {
  background: #74c9db;
}

.flow .pages-list4__ttl.-ttl05 {
  background: #62c3d7;
}

.flow .pages-list4__ttl.-ttl06 {
  background: #51bdd4;
}

.flow .pages-list4__textArea {
  box-sizing: border-box;
  width: calc(100% - 280px);
  padding: 20px 20px;
  background: #fff9f6;
}

.flow .d-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
}

.flow .d-flex li {
  display: inline-block;
}

.flow .d-flex li:nth-child(2) {
  display: inline-block;
  padding-left: 20px;
}

.flow .btn__more.-small {
  margin: 0;
}

.flow .btn-radius.-small {
  font-size: 18px;
  font-size: 1.125rem;
  min-width: 240px;
  padding: 15px 20px;
}

.flow .btn-radius.-pl0 {
  padding-left: 0;
}

.flow .d-b {
  font-size: 16px;
  font-size: 1rem;
  display: block;
  margin-bottom: 20px;
}

.flow .fs40 {
  font-style: italic;
  font-size: 40px;
  font-size: 2.5rem;
}

.flow .pages-layout4:nth-child(odd) .pages-layout4__img {
  -ms-flex-order: 2;
  order: 2;
}

.flow .pages-layout4:nth-child(odd) .pages-layout4__text {
  -ms-flex-order: 1;
  order: 1;
}

.flow .pages__lists {
  line-height: 1.8em;
  margin-bottom: 1.5em;
}

.flow .pages__listTxt {
  font-size: 14px;
  font-size: 0.875rem;
  padding-left: 2em;
  text-indent: -1em;
}

.flow .pages__listTxt.-No02 {
  font-size: 16px;
  font-size: 1rem;
}

.flow .pages__listTxt.-No03 {
  padding-left: 3em;
  text-indent: -1em;
}

.flow .pages__listTxt.-No04 {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 5px;
}

.flow .pages__listTxt--02 {
  font-size: 16px;
  font-size: 1rem;
}

.flow .pages-list3__item.-service {
  width: calc(50% - 30px);
  margin-bottom: 40px;
}

/* ほのぼのNEXTとは about
-------------------------------------*/
.about {
  overflow: hidden;
}

.about .pages-list3__head.-about {
  padding-left: 20px;
}

.about .pages-list3__head.-about span {
  font-size: 16px;
  font-size: 1rem;
}

.about .pages-list3__head.-about:before {
  content: "◆";
  height: 100%;
  width: 16px;
  border-radius: 0;
  position: absolute;
  left: -1%;
  top: 0%;
  background: none;
  color: #519ed4;
}

.about .pages-list3.-about {
  width: 96%;
  margin: auto;
}

.about .box {
  margin: 0 auto 120px;
  max-width: 1020px;
  padding: 40px 40px;
  border: 2px solid #77c7bb;
  position: relative;
  box-sizing: border-box;
}

.about .box.box--B {
  border-color: #76bfcc;
}

.about .box.box--C {
  border-color: #fba174;
}

.about .box.box--D {
  border-color: #f28b8b;
}

.about .box__topTtl {
  font-size: 30px;
  font-size: 1.875rem;
  margin-bottom: 30px;
}

.about .box__topTtl.-No02 {
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: 10px;
}

.about .box__topTtl.-blue {
  color: #76bfcc;
}

.about .box__top {
  padding-left: 210px;
  margin-bottom: 60px;
}

.about .box__top.-rev {
  padding-left: 0px;
  padding-right: 210px;
}

.about .box__topTxt {
  line-height: 1.7;
}

.about .pages__text.-concept {
  margin-bottom: 100px;
}

.about .box__bottom {
  padding-right: 400px;
}

.about .box__bottom:first-child {
  margin-bottom: 20px;
}

.about .box__bottom.-rev {
  padding-right: 0px;
  padding-left: 400px;
}

.about .box__bottom.-rev.-D {
  padding-left: 397px;
}

.about .box__bottomTtl {
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: 10px;
}

.about .box__bottomTtl.-blue {
  color: #76bfcc;
}

.about .box__bottomTxt {
  line-height: 1.6;
}

.about .box__ico {
  position: absolute;
  top: -50px;
  left: -30px;
}

.about .box__ico.-rev {
  position: absolute;
  left: inherit;
  right: -30px;
}

.about .box__img {
  position: absolute;
  bottom: -40px;
  right: -40px;
}

.about .box__img.-rev {
  position: absolute;
  right: inherit;
  left: -40px;
}

.about .row.-concept {
  padding: 0 30px;
}

.about .pages-layout5__img {
  width: 360px;
  text-align: center;
}

.about .pages-layout5__text {
  width: calc(95% - 360px);
}

/*ほのぼのTouchシリーズ Care Palette pc
-------------------------------------*/
.carepalette_app .mgb--01 {
  margin-bottom: 100px;
}

.carepalette_app .bdr {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #519ed4;
  border: 0;
}

.carepalette_app .r-ti__img.-app {
  display: table;
}

.carepalette_app .r-ti__img.-app a {
  display: table-cell;
}

.carepalette_app table.carepalette_table {
  border-collapse: collapse;
  line-height: 1.5;
  margin-bottom: 30px;
}

.carepalette_app table.carepalette_table th,
.carepalette_app table.carepalette_table td {
  border: 1px #cccccc solid;
  padding: 5px;
  vertical-align: middle;
  padding: 20px 5px;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
}

.carepalette_app table.carepalette_table th {
  background-color: #E0F5FE;
}

.carepalette_app table.carepalette_table th span.green {
  color: #396;
}

.carepalette_app table.carepalette_table th span.blue {
  color: #06C;
}

.carepalette_app .care_icon {
  text-align: center;
}

.carepalette_app .small_note {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: normal;
}

.carepalette_app .appList {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.8;
}

/*その他のシステム moive部分
-------------------------------------*/
.system .movie__Wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.system .movie__Wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* .tb
-------------------------------------*/
/* .sp
-------------------------------------*/
/* display
-------------------------------------*/
.is-sp {
  display: none !important;
}

.is-pc {
  display: block !important;
}

@media screen and (max-width: 1024px) {
  .wrap {
    padding-top: 0;
    position: relative;
  }

  .head__logo {
    width: 230px;
    min-width: 20%;
    padding: 5px 0 0 10px;
  }

  .head__btns {
    width: 45%;
    min-width: 230px;
  }

  .head__btns__list .btns--cmn {
    padding: 12px 2px;
  }

  .head__btns__list .contact-btn span {
    font-size: 14px;
    background-size: 21px auto;
    padding: 5px 0 5px 25px;
  }

  .head__btns__list .document-btn span {
    font-size: 14px;
    background-size: 16px auto;
    padding: 5px 0 5px 20px;
  }

  .head__font-size {
    max-width: 230px;
    width: 42%;
  }

  .head__font-size li {
    padding-right: 2px;
  }

  .head__font-size .fonts {
    font-size: 15px;
    width: 35%;
  }

  .head__font-size span {
    padding: 5px 1px;
  }

  .head__font-size .fonts {
    font-size: 10px;
  }

  .head__font-size .f-size span {
    font-size: 11px;
    border: 1px solid #999898;
  }

  .srchBox .srchInput {
    width: calc(100% - 40px);
    vertical-align: bottom;
  }

  .srchBox .srchBtn {
    width: 40px;
    box-sizing: border-box;
    height: 2.4em;
    border: 0;
    background: #999898;
    color: #fff;
  }

  .srchBox .srch {
    padding: 0 5px 0 0;
  }

  .head {
    width: 100%;
    height: 75px;
    position: fixed;
  }

  .head__inr {
    height: 80px;
    padding-top: 10px;
    background: url(img/mv_frame_top.png) bottom center no-repeat;
    background-size: 100% auto;
    margin-top: -15px;
    z-index: 10;
  }

  .head__line1 {
    display: block;
    background: #fff;
    padding-top: 5px;
  }

  .head__logo {
    display: inline-block;
    left: 10px;
    top: 23px;
    width: 180px;
  }

  .head__font-size {
    display: none;
  }

  .head__btns {
    display: none;
  }

  .head-nav {
    display: none;
  }

  .search_form {
    display: none;
  }

  .mega-menu__cat-name {
    padding: .4em 0;
    font-size: 16px;
  }

  .mega-menu__list {
    font-size: 13px;
  }

  .sp-menu__btn {
    display: block;
    position: absolute;
    right: 10px;
    top: 22px;
    width: 42px;
    height: 42px;
    text-align: center;
    cursor: pointer;
    z-index: 20;
  }

  .sp-menu__btn p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto auto 0 auto;
    font-size: 10px;
    color: #f28b8b;
    display: inline-block;
  }

  .sp-menu__btn span {
    display: block;
    position: absolute;
    height: 2px;
    width: 70%;
    background: #f28b8b;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transition: .55s ease-in-out;
  }

  .sp-menu__btn span:nth-child(1) {
    top: 5px;
  }

  .sp-menu__btn span:nth-child(2) {
    top: 14px;
  }

  .sp-menu__btn span:nth-child(3) {
    top: 23px;
  }

  .sp-menu__btn.select span:nth-child(1) {
    top: 15px;
    -ms-transform: rotate(325deg);
    transform: rotate(325deg);
  }

  .sp-menu__btn.select span:nth-child(2) {
    width: 10%;
    right: -100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

  .sp-menu__btn.select span:nth-child(3) {
    top: 15px;
    -ms-transform: rotate(-325deg);
    transform: rotate(-325deg);
  }

  .sp-menu__container {
    display: block;
    width: 100%;
    position: absolute;
    padding-top: 70px;
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: transform .3s, opacity .6s;
    background: #f28b8b;
  }

  .sp-menu__container.open {
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    height: auto;
    max-height: calc(100vh - 70px);
    overflow-y: auto !important;
  }

  .sp-menu__container.open::-webkit-scrollbar {
    width: 8px;
  }

  .sp-menu__container.open::-webkit-scrollbar-track {
    background: #f4c5c5;
    border-left: solid 1px #e6a5a5;
  }

  .sp-menu__container.open::-webkit-scrollbar-thumb {
    background: #fba174;
    border-radius: 10px;
    box-shadow: inset 0 0 0 2px #fba174;
  }

  .sp-menu__inr {
    width: 100%;
    height: auto;
    padding-bottom: 45px;
  }

  .sp-menu__inr a {
    color: #fff;
  }

  .sp-menu__list {
    border-bottom: 1px solid #fff;
  }

  .sp-menu__list:last-child {
    border-bottom: 0;
  }

  .sp-menu__item {
    padding: 0 20px;
  }

  .sp-menu__item a {
    display: block;
    padding: 20px 1.2em 20px 0;
    font-size: 20px;
    position: relative;
  }

  .sp-menu__item a:after {
    content: "→";
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 900;
  }

  .sp-menu__item.-search {
    padding: 40px 20px 60px;
  }

  .sp-menu__item .search_form {
    display: block;
  }

  .sp-menu__childe {
    padding: 0 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .sp-menu__childe__item {
    width: 50%;
  }

  .sp-menu__childe__item a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 0 25px 10px;
    font-size: 15px;
  }

  .srchBox {
    max-width: 95%;
    margin: 0 auto;
    font-size: 16px;
  }

  .srchBox a img {
    border: none;
  }

  .srchBox .srch {
    width: 100%;
    padding: 0;
  }

  .srchBox .srch .srchForm {
    white-space: nowrap;
  }

  .srchBox .srchInput {
    width: calc(100% - 60px);
    font-size: 16px;
    height: 2.6em;
    border-radius: 0;
  }

  .srchBox .srchBtn {
    width: 60px;
    height: 2.6em;
    font-size: 16px;
    border-radius: 0;
  }

  .srchBox.watermark .srchInput {
    padding: 1px 1px 2px 1px;
    height: 2.6em;
    box-sizing: border-box;
    border: 1px solid #a5acb2;
    background: #fff url(http://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
  }

  .srchBox.watermark .srchInput.nomark {
    background: #fff;
  }

  .srchBox.watermark #srchLogo {
    display: none;
  }

  .mv-outer.index:after {
    width: 100%;
    height: 85px;
    background: url(img/top/mv_frame_bottom.png) top center no-repeat;
    background-size: 100% auto;
    z-index: 5;
    margin-bottom: -60px;
  }

  .mv-outer.pages {
    margin-top: 0;
  }

  .mv-outer.pages:after {
    width: 100%;
    height: 70px;
    background: url(img/mv_frame_bottom.png) top center no-repeat;
    background-size: 100% auto;
    z-index: 5;
    margin-bottom: -45px;
  }

  .mv-outer.pages .mv {
    min-height: inherit;
  }

  .mv-outer.pages img {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    max-width: 100%;
  }

  .mv {
    margin: 50px auto 0;
    width: 100%;
    max-width: 1920px;
  }

  /* mv slider */
  .mv-slider {
    width: 100%;
  }

  .mv-slider__list a {
    display: block;
    min-height: auto;
  }

  .mv-slider__list span {
    min-height: auto;
  }

  .mv-slider__list img {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 100%;
    height: auto;
    min-width: auto;
  }

  .swiper-container-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 20px;
  }

  .row.-mdl {
    padding: 0 15px;
  }

  .row.-over {
    max-width: 100%;
    /*overflow: hidden;*/
  }

  .main {
    padding-top: 0;
  }

  .main.index {
    padding-top: 0;
  }

  .breadcrumb {
    top: 30px;
  }

  .breadcrumb li {
    display: inline-block;
    font-size: 0.625rem;
  }

  .container {
    position: relative;
  }

  .foot__btns {
    margin: 0 auto 80px;
  }

  .foot-nav__list {
    width: auto;
  }

  .foot-nav__list.-last {
    width: 140px;
  }

  .foot-nav__list.-sns a {
    padding: 3px 3px 5px 30px;
  }

  .foot-nav__list.-sns span {
    font-size: 13px;
    letter-spacing: 1px;
  }

  .foot-nav__list.-sns .link--fb {
    background-position: 0 center;
  }

  .foot-nav__list.-sns .link--tw {
    background-position: 0 center;
  }

  .foot__inr {
    margin: 30px auto 0;
    background: url(img/bg_foot.jpg) top center no-repeat;
    background-size: cover;
  }

  .foot-nav {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 15vw;
    font-size: 12px;
  }

  .foot-nav__list {
    display: none;
  }

  .foot-nav__list.-last {
    display: block;
    width: 100%;
  }

  .foot-nav__list--inr {
    width: 90%;
    max-width: 290px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .foot-nav__item.-sns {
    width: 50%;
    padding: 0 5px;
  }

  .foot-nav__item.-sns a {
    padding: 2px 3px 4px 30px;
  }

  .foot-nav__item.-sns span {
    margin: 0 auto;
    font-size: 12px;
    letter-spacing: 1px;
  }

  .foot-nav__item.-sns .link--fb {
    background-image: url(img/icn_fb.png);
    background-position: left center;
    background-repeat: no-repeat;
  }

  .foot-nav__item.-sns .link--tw {
    background-image: url(img/icn_twitter.png);
    background-position: left center;
    background-repeat: no-repeat;
  }

  .foot-bar {
    width: 100%;
    margin: 50px auto 0;
    padding: 30px 0 0;
    display: block;
  }

  .foot-bar__link {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 10px;
  }

  .foot-bar__item {
    padding: 0 10px;
    width: auto;
    width: 50%;
    box-sizing: border-box;
  }

  .foot-bar__item a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 10px;
    line-height: 1.5em;
    text-shadow: 0px 0px 6px #000000;
  }

  .foot-bar__item:first-child {
    padding: 0 10px;
  }

  .foot-bar__item:nth-child(even) {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
  }

  ul.foot-bar__copy {
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    padding: 10px 5px;
    display: -ms-flexbox !important;
    display: flex !important;
    background: #fff;
    font-size: 10px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
  }

  ul.foot-bar__copy .foot-bar__msa {
    width: 50px;
  }

  .pagetop {
    width: 40px;
    height: 40px;
    bottom: 0;
    right: 0;
    position: fixed;
  }

  .btns--cmn {
    padding: 10px 5px;
  }

  .btns--cmn span {
    font-size: 16px;
  }

  .document-btn {
    background: #f28b8b;
  }

  .document-btn span {
    background: url(img/icn_document.png) left center no-repeat;
    background-size: auto 80%;
    padding: 5px 0 5px 25px;
  }

  .contact-btn {
    background: #fba174;
  }

  .contact-btn span {
    background: url(img/icn_contact.png) left center no-repeat;
    background-size: auto 60%;
    padding: 5px 0 5px 30px;
  }

  .pages__main-title {
    font-size: 38px;
  }

  .flow .d-flex {
    -ms-flex-pack: center;
    justify-content: center;
  }

  .flow .d-flex li {
    width: 100%;
  }

  .flow .d-flex li:nth-child(2) {
    padding-left: 0px;
    padding-top: 20px;
  }

  /* 共通パーツ sp
-------------------------------------*/
  /* sideNav */
  .sideNav .sideNav__Inner .sideNav__Item a {
    height: 60px;
    line-height: 60px;
    box-sizing: border-box;
    padding: 0 0 0 10px;
    color: #fff;
    display: block;
    transition: all 0.25s ease-out;
    position: relative;
    font-size: 14px;
  }

  .sideNav .sideNav__Inner .sideNav__btn {
    top: inherit;
    bottom: 0px;
    width: 65px;
    height: 60px;
    cursor: pointer;
  }

  .sideNav .sideNav__Inner {
    width: 220px;
    height: 240px;
    top: inherit;
    bottom: 45px;
    left: -220px;
    position: fixed;
  }

  .home .sideNav .sideNav__Inner {
    height: 300px;
  }

  .sideNav .sideNav__Inner .sideNav__Item a:after {
    content: "→";
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 30px;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: transform .2s;
  }

  /* solve */
  .solve {
    font-size: 0.875rem;
    margin-bottom: 60px;
  }

  .solve .solve__inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .solve .solve__img {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  .solve .solve__wrap {
    width: 100%;
  }

  /* support */
  .support {
    font-size: 0.875rem;
  }

  .support .support__lead {
    font-size: 1rem;
  }

  .support .support__ttl {
    font-size: 1.25rem;
  }

  .support .support__inner {
    padding: 15px 15px 5px;
  }

  .support .support__col {
    width: 100%;
    float: none;
    margin-bottom: 0px;
  }

  .support .support__colLists {
    margin-bottom: 10px;
  }

  .support .support__colList {
    padding: 5px 0;
  }

  .h-next .btn {
    float: none;
    text-align: center;
    margin: 20px auto 0;
    display: block;
  }

  .h-next .pages__head2 {
    font-size: 1.875rem;
  }

  .h-next .pages__head3 {
    font-size: 1.5rem;
  }

  .h-next .pages__head4 {
    font-size: 1.5rem;
  }

  .h-next .pages__head5 {
    font-size: 1.5rem;
  }

  .h-next .pages-section {
    margin: 25px auto 60px;
  }

  .h-next .pages-section.-list .r-head3 {
    font-size: 1rem;
    margin-bottom: 5px;
  }

  .h-next .r-section.-No01 .r-head1 {
    font-size: 1.375rem;
  }

  .h-next .r-section.-No01 .r-head2 {
    font-size: 1.125rem;
  }

  .h-next .r-section.-No01 .No01__list {
    font-size: 0.875rem;
    margin-left: 20px;
  }

  .h-next .r-section.-No01 .r-ti__wrap.-No02 {
    margin-bottom: 30px;
  }

  .h-next .r-section.-No02 .r-head1 {
    font-size: 1.375rem;
  }

  .h-next .r-section.-No02 .r-head2 {
    font-size: 1.125rem;
  }

  .h-next .r-section.-No02 .No01__list {
    font-size: 0.875rem;
    margin-left: 20px;
  }

  .h-next .r-section.-No02 .r-ti__wrap.-No02 {
    font-size: 0.875rem;
    margin-bottom: 30px;
  }

  .h-next .r-section.-No03 .r-ti__img {
    margin-bottom: 20px;
  }

  .h-next .h-next__txt {
    padding: 15px 0 15px 10px;
    font-size: 1rem;
  }

  .h-next .h-next__txt02 {
    padding: 10px 10px 10px 10px;
    font-size: 0.875rem;
  }

  /* ほのぼのNEXT Top sp
-------------------------------------*/
  .honobonoNextTop {
    /* reason */
    /* movie */
    /* service */
    /* solition */
    /* faq */
  }

  .honobonoNextTop .pages-layout4__text {
    width: 100%;
  }

  .honobonoNextTop .pB__name {
    width: 100%;
    padding: 20px 15px 20px;
  }

  .honobonoNextTop .pages__head6 {
    font-size: 1.625rem;
    margin-bottom: 25px;
  }

  .honobonoNextTop .pages-section__txt {
    text-align: left;
  }

  .honobonoNextTop .inner {
    padding: 0px 15px;
  }

  .honobonoNextTop .pages-section__txt {
    margin-bottom: 25px;
  }

  .honobonoNextTop .pages-layout4:nth-child(even) .pages-layout4__img {
    -ms-flex-order: 2;
    order: 2;
  }

  .honobonoNextTop .pages-layout4:nth-child(even) .pages-layout4__text {
    -ms-flex-order: 1;
    order: 1;
  }

  .honobonoNextTop .pages-section.movie {
    padding: 50px 0;
  }

  .honobonoNextTop .pages__head6--movie {
    margin-bottom: 50px;
  }

  .honobonoNextTop .movie__Wrap {
    margin-bottom: 40px;
  }

  .honobonoNextTop .pB__name h3 {
    font-size: 1.5rem;
    margin-bottom: 0;
    background-position: left center !important;
  }

  .honobonoNextTop .pB__detailed__clm2 li {
    width: 100%;
    font-size: 0.9375rem;
  }

  .honobonoNextTop .productBox.-system {
    margin-bottom: 50px;
  }

  .honobonoNextTop .pB__detailed__clm3 li:nth-child(3n) {
    width: 100%;
  }

  .honobonoNextTop .pB__sort {
    width: 100%;
    padding: 5px 0px 5px;
  }

  .honobonoNextTop .pB__detailed__clm2.-half li {
    width: 100%;
  }

  .honobonoNextTop .pB__detailed__clm4 li {
    width: 50%;
  }

  .honobonoNextTop .pages-section.solution {
    padding: 50px 0;
  }

  .honobonoNextTop .pB-top {
    margin-bottom: 40px;
  }

  .honobonoNextTop .pB-top__title {
    font-size: 1.25rem;
  }

  .honobonoNextTop .pB-top__list.clm3 .pB-top__item__name em {
    font-size: 0.875rem;
  }

  .honobonoNextTop .faq__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .honobonoNextTop .faq__col {
    width: 100%;
    text-align: left;
  }

  .honobonoNextTop .faq__def:nth-child(2n) {
    margin-bottom: 60px;
  }

  .honobonoNextTop .faq__defTit {
    font-size: 1.875rem;
  }

  .honobonoNextTop .faq__defData {
    font-size: 0.875rem;
  }

  .honobonoNextTop .faq__def {
    margin-bottom: 15px;
  }

  .honobonoNextTop .pages-section.faq {
    padding: 50px 0;
  }

  .honobonoNextTop .movie__Wrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }

  .honobonoNextTop .movie__Wrap iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }

  /* 運用構成例・動作環境sp function
-------------------------------------*/
  .function .pages-list4__textArea {
    width: 100%;
    padding: 0;
  }

  .function .pages-section.example {
    margin-bottom: 50px;
  }

  .function .pages-list4__head.-bdr {
    font-size: 1.25rem;
  }

  .function .pages-list4__head.-bdr span {
    font-size: 1rem;
  }

  .function tr td:nth-child(1) {
    width: 33%;
  }

  .function tr td:nth-child(2) {
    display: none;
  }

  .function tr td:nth-child(3) {
    width: 67%;
  }

  .function tr th:nth-child(1) {
    width: 33%;
  }

  .function tr th:nth-child(2) {
    display: none;
  }

  .function tr th:nth-child(3) {
    width: 67%;
  }

  .function td.fz12 {
    font-size: 0.75rem;
  }

  .function td {
    word-break: break-all;
    padding: 10px 10px;
    font-size: 0.875rem;
  }

  .function td span {
    font-size: 0.75rem;
  }

  .function td span.-fz14 {
    font-size: 0.875rem;
  }

  .function th {
    text-align: center;
    word-break: break-all;
    padding: 10px 10px;
    font-size: 0.75rem;
  }

  .function .table__list {
    font-size: 0.75rem;
  }

  /* ご購入について flow sp
-------------------------------------*/
  .flow .d-b {
    margin-bottom: 5px;
  }

  .flow .pages-list4__textArea {
    width: 100%;
    padding: 20px 10px;
  }

  .flow .pages-list4__ttl {
    width: 100%;
    padding: 5px 15px 10px;
  }

  .flow .pages-list3__item.-service {
    width: 100%;
    margin-bottom: 0px;
  }

  .flow .pages__lists.-service {
    margin-bottom: 0;
  }

  .flow .pages__listTxt {
    font-size: 0.875rem;
    padding-left: 1.5em;
    text-indent: -1em;
  }

  .flow .pages__listTxt.-No02 {
    font-size: 0.875rem;
  }

  .flow .pages__listTxt.-No03 {
    font-size: 0.75rem;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.2;
    margin-top: 10px;
  }

  .flow .pages__listTxt.-No04 {
    font-size: 0.875rem;
  }

  .flow .pages-list3 {
    display: block;
    margin-bottom: 0;
  }

  /* ほのぼのNEXTとは about sp
-------------------------------------*/
  .about .pages-list3__head.-about {
    padding-left: 20px;
    font-size: 1rem;
  }

  .about .pages-list3.-about {
    width: 100%;
  }

  .about .pages-list3__head.-about span {
    font-size: 0.875rem;
  }

  .about .pages__text.-concept {
    margin-bottom: 50px;
  }

  .about .pages-list3__item {
    margin-bottom: 15px;
  }

  .about .row.-concept {
    padding: 0 15px;
  }

  .about .box {
    padding: 15px 20px 30px;
  }

  .about .box__ico {
    position: absolute;
    top: -25px;
    left: -10px;
    max-width: 100px;
  }

  .about .box__top {
    padding-left: 80px;
    margin-bottom: 10px;
  }

  .about .box__topTtl {
    font-size: 1.375rem;
    margin-bottom: 30px;
    line-height: 1.3;
  }

  .about .box__topTxt {
    font-size: 0.875rem;
    margin-bottom: 20px;
  }

  .about .box__bottom {
    padding-right: 0px;
  }

  .about .box__bottom:first-child {
    margin-bottom: 25px;
  }

  .about .box__bottomTxt {
    font-size: 0.875rem;
  }

  .about .box__img {
    margin: 30px auto -70px;
    position: static;
    bottom: inherit;
    right: inherit;
    max-width: 440px;
  }

  .about .box__ico.-rev {
    position: absolute;
    left: inherit;
    right: -10px;
  }

  .about .box__top.-rev {
    padding-left: 0px;
    padding-right: 80px;
  }

  .about .box__bottom.-rev {
    padding-right: 0px;
    padding-left: 0px;
  }

  .about .box__bottom.-rev.-D {
    padding-left: 0px;
  }

  .about .box__bottomTtl {
    font-size: 0.875rem;
    margin-bottom: 5px;
  }

  .about .box__img.-rev {
    position: static;
    right: inherit;
    left: inherit;
  }

  .about .pages-layout5__img {
    width: 100%;
    text-align: center;
  }

  .about .pages-layout5__text {
    width: 100%;
    margin: 15px auto 20px;
  }

  .about .pages-layout5:nth-child(odd) .pages-layout5__text {
    -ms-flex-order: 1;
    order: 1;
  }

  .about .pages-layout5:nth-child(odd) .pages-layout5__img {
    -ms-flex-order: 2;
    order: 2;
  }

  .about .pages-section.-about {
    margin-bottom: 0;
  }

  /*ほのぼのTouchシリーズ Care Palette sp
-------------------------------------*/
  .carepalette_app .mgb--01 {
    margin-bottom: 40px;
  }

  .carepalette_app table.carepalette_table td {
    padding: 5px 5px;
    font-size: 0.75rem;
  }

  .carepalette_app table.carepalette_table th {
    padding: 5px 5px;
    font-size: 0.75rem;
  }

  .carepalette_app .appList {
    font-size: 0.75rem;
  }

  .is-tb {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .head {
    width: 100%;
    height: 60px;
    position: fixed;
  }

  .head__inr {
    height: 65px;
    padding-top: 10px;
    background: url(img/mv_frame_top.png) bottom center no-repeat;
    background-size: 100% auto;
    margin-top: -10px;
    z-index: 10;
  }

  .head__line1 {
    display: block;
    background: #fff;
  }

  .head__logo {
    display: inline-block;
    left: 10px;
    top: 23px;
    width: 160px;
  }

  .head__font-size {
    display: none;
  }

  .head__btns {
    display: none;
  }

  .head-nav {
    display: none;
  }

  .search_form {
    display: none;
  }

  .mega-menu {
    display: none;
  }

  .mv {
    margin: 45px auto 0;
    width: 100%;
    max-width: 1920px;
  }

  .mv-outer.pages:after {
    margin-bottom: -58px;
  }

  .row {
    box-sizing: border-box;
    padding: 0 15px;
  }

  .row.-mdl {
    padding: 0 15px;
  }

  .row.-over {
    padding: 0;
  }

  .inr {
    box-sizing: border-box;
    padding: 0 5%;
  }

  .pages-2clm {
    margin-top: 50px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .side-nav {
    width: 100%;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 50px;
  }

  .right-cnts {
    width: 100%;
    -ms-flex-order: 1;
    order: 1;
  }

  .side-nav__title {
    padding: 8px;
    font-size: 1.125rem;
  }

  .side-nav__list {
    padding: 10px 5px 10px 10px;
  }

  .side-nav__list li {
    line-height: 2em;
  }

  .breadcrumb {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    top: 10px;
    left: 0;
  }

  .breadcrumb li {
    font-size: 0.625rem;
  }

  .post_pagination {
    padding-top: 30px;
  }

  .post_pagination li {
    width: 1.6em;
    text-align: center;
    font-size: 18px;
  }

  .post_pagination .page-numbers.current {
    color: #f28b8b;
  }

  .post_pagination a.page-numbers:hover {
    color: #f28b8b;
  }

  .foot.index .foot__btns {
    display: none !important;
  }

  .foot__btns.position-top {
    display: block;
    display: -ms-flexbox;
    display: flex;
  }

  .foot__btns {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .foot__btns .foot__btns__list {
    width: 49.6%;
    max-width: 49.6%;
    padding: 0;
    box-sizing: border-box;
  }

  .foot__btns a {
    width: 100%;
  }

  .foot__inr {
    margin: 30px auto 0;
    background: url(img/bg_foot.jpg) top center no-repeat;
    background-size: cover;
  }

  .foot-nav {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 15vw;
    font-size: 12px;
  }

  .foot-nav__list {
    display: none;
  }

  .foot-nav__list.-last {
    display: block;
    width: 100%;
  }

  .foot-nav__list--inr {
    width: 90%;
    max-width: 290px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .foot-nav__item.-sns {
    width: 50%;
    padding: 0 5px;
  }

  .foot-nav__item.-sns a {
    padding: 2px 3px 4px 30px;
  }

  .foot-nav__item.-sns span {
    margin: 0 auto;
    font-size: 12px;
    letter-spacing: 1px;
  }

  .foot-nav__item.-sns .link--fb {
    background-image: url(img/icn_fb.png);
    background-position: left center;
    background-repeat: no-repeat;
  }

  .foot-nav__item.-sns .link--tw {
    background-image: url(img/icn_twitter.png);
    background-position: left center;
    background-repeat: no-repeat;
  }

  .foot-bar {
    width: 100%;
    margin: 50px auto 0;
    padding: 30px 0 0;
    display: block;
  }

  .foot-bar__link {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 10px;
  }

  .foot-bar__item {
    padding: 0 10px;
    width: auto;
    width: 50%;
    box-sizing: border-box;
  }

  .foot-bar__item a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 10px;
    line-height: 1.5em;
  }

  .foot-bar__item:first-child {
    padding: 0 10px;
  }

  .foot-bar__item:nth-child(even) {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
  }

  ul.foot-bar__copy {
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    padding: 10px 5px;
    display: -ms-flexbox !important;
    display: flex !important;
    background: #fff;
    font-size: 10px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
  }

  ul.foot-bar__copy .foot-bar__msa {
    width: 50px;
  }

  .pagetop {
    width: 40px;
    height: 40px;
    bottom: 45px;
    right: 0;
    position: absolute;
  }

  .bottom_fixed {
    width: 100%;
    z-index: 25;
  }

  .bottom_fixed .foot__btns .foot__btns__list {
    width: 100%;
    max-width: 100%;
  }

  .info-tab__list {
    padding: 12px 0;
    font-size: 15px;
  }

  .info-tab__list.select {
    padding: 18px 0 13px;
  }

  .info-tab__list:hover {
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }

  .info-cnts__inr .no-posts {
    padding: 30px 0;
  }

  .info-cnts__bg {
    background: #fff;
    padding: 15px;
  }

  .info__list {
    display: block;
    background: url(img/line_dot.gif) bottom left repeat-x;
  }

  .info__list:last-of-type {
    background: none;
  }

  .info__list__item {
    display: block;
    height: auto;
    padding: 10px 0;
  }

  .info__date {
    width: 100%;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .info-day {
    font-size: 14px;
    letter-spacing: 1px;
  }

  .archive-info .info-cat {
    font-size: 11px;
    padding: 6px 0 7px;
    width: 120px;
    margin-left: 10px;
  }

  .posts .info-cat {
    margin-left: 0;
    margin-right: 10px;
  }

  .info__text {
    width: 100%;
    font-size: 14px;
    padding: 10px 0 2px;
    letter-spacing: 1px;
    line-height: 1.5em;
  }

  a[href$=".pdf"] .info-files__icn span {
    padding-right: 25px;
    background-size: 18px auto;
  }

  .info-link__icn span:not(.new-inr) {
    padding-right: 25px;
    background-size: 16px auto;
  }

  .hd_online {
    font-size: 1.125rem;
    padding: 10px;
    margin: 0 auto 15px;
  }

  .online__link {
    padding-left: 0;
  }

  .online__login-form {
    font-size: 1rem;
    width: 100%;
    margin: 40px auto 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .online__login-form .online__login-item {
    width: 100%;
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
  }

  .online__login-form .online__login-item span {
    width: 3.5em;
    text-align: center;
  }

  .online__login-form .header_input {
    width: calc(80% - 4em);
    margin-left: 0;
    -webkit-appearance: none;
    border-radius: 2px;
    padding: 5px;
    border: 1px solid #ccc;
  }

  .online__login-btn {
    width: 80%;
    text-align: center;
    margin: 20px auto;
  }

  .online__login-btn .btn-radius.-c01 {
    min-width: 150px;
    padding: 8px 10px;
    font-size: 0.875rem;
  }

  .column__list {
    width: 100%;
    margin: 0 auto 20px auto;
    display: block;
  }

  .column__list__thumb {
    width: 100%;
    text-align: center;
  }

  .column__list__thumb img {
    max-width: 100%;
  }

  .column__list__detail {
    width: 100%;
    margin-top: 12px;
  }

  .column__list__title {
    font-size: 15px;
    margin: .8em auto 0;
    line-height: 1.5em;
  }

  .column__list__day {
    font-size: 13px;
  }

  .column__list__text {
    font-size: 13px;
    line-height: 1.6em;
    margin-top: .2em;
  }

  .column__list__link {
    text-align: right;
  }

  .column__readmore {
    display: inline-block;
    margin-top: 1em;
    padding-right: 30px;
    position: relative;
    font-size: 13px;
  }

  .column__readmore:after {
    content: "→";
    font-size: 16px;
  }

  .info-detail__date {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .info-detail__date .info-day {
    font-size: 1rem;
  }

  .info-detail__date .info-cat {
    font-size: 0.875rem;
    /*width: 150px;*/
    margin-right: 15px;
    padding: 6px 10px;
    font-size: 12px;
  }

  .info-detail__title {
    font-size: 22px;
    margin: 35px auto;
  }

  .info-detail__cnts {
    font-size: 0.875rem;
  }

  .info-detail__cnts h1 {
    font-size: 1.5rem;
    padding-left: 18px;
    margin: 20px auto;
  }

  .info-detail__cnts h1:before {
    width: 6px;
  }

  .info-detail__cnts h2:not(.exc) {
    font-size: 1.375rem;
    margin: 20px auto;
  }

  .info-detail__cnts h3 {
    font-size: 1.125rem;
    padding-left: 15px;
    margin: 15px auto;
  }

  .info-detail__cnts h3:before {
    width: 6px;
  }

  .info-detail__cnts h4 {
    font-size: 1.125rem;
    margin: 15px auto;
  }

  .info-detail__cnts p:not([class*="fs"]) {
    font-size: 0.875rem;
  }

  .info-detail__cnts .info_list li {
    font-size: 0.875rem;
  }

  .info-detail__cnts p img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 20px auto;
  }

  /*.info-detail__cnts p img:not(.column_banner) {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 20px auto;
}
.info-detail__cnts p img.column_banner {
	margin: 10px auto;
} */
  .info-detail__cnts a {
    text-decoration: underline;
  }

  .info-detail__cnts a:hover {
    color: #f28b8b;
  }

  .info-detail__cnts .btn-radius__outer {
    text-align: center;
    margin: 30px auto;
  }

  .info-detail__cnts .btn-radius__outer a {
    font-size: 0.875rem;
    min-width: 250px;
    max-width: 95%;
    padding: 12px 35px;
  }

  .info-detail__cnts .btn-radius__outer a:after {
    font-size: 1rem;
    right: 8px;
    width: 25px;
  }

  .info-detail__cnts .detail__img {
    display: block;
    margin: 30px auto;
  }

  .info-detail__cnts .detail__img.clm2 img {
    max-width: 100%;
    height: auto;
    margin: 0 auto 10px;
  }

  .info-detail__cnts .detail__img.clm3 img {
    max-width: 100%;
    height: auto;
    margin: 0 auto 10px;
  }

  .case__side-nav {
    width: 100%;
  }

  .case__side-nav__item {
    margin-bottom: 8px;
  }

  .case__side-nav__link {
    display: block;
    text-align: center;
    font-size: 1.125rem;
    color: #fff !important;
    padding: 15px 0;
    letter-spacing: 1px;
    transition: all .2s;
    border: 2px solid;
  }

  .case__side-nav__link:hover {
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }

  .case-archive:hover .column__readmore {
    color: #f28b8b;
  }

  .case-archive:hover .column__readmore:after {
    -ms-transform: translate(20%, -50%);
    transform: translate(20%, -50%);
  }

  .case-archive:hover .case__list__title {
    color: #333;
  }

  .case__list {
    display: block;
    margin-bottom: 40px;
  }

  .case__list__thumb {
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }

  .case__list__thumb img {
    max-width: 400px;
    width: 100%;
  }

  .case__list__detail {
    max-width: 100%;
    width: 100%;
  }

  .case__list__detail .info__list__cat {
    margin-bottom: 15px;
  }

  .case__list__title {
    font-size: 1.25rem;
    padding-left: 20px;
    margin: 0 auto 15px;
    position: relative;
    line-height: 1.4em;
    transition: color 0.2s;
  }

  .case__list__title:before {
    width: 6px;
  }

  .case__list__text {
    transition: color 0.2s;
  }

  .case__readmore {
    text-align: right;
  }

  .detail__case-read {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px 0 20px 0;
    margin-bottom: 40px;
  }

  .case__list__thumb {
    width: 100%;
    text-align: center;
  }

  .case__list__detail {
    width: 100%;
    padding: 0 0 15px 0;
  }

  .-max800 {
    max-width: 100%;
  }

  .btns--cmn {
    padding: 10px 5px;
  }

  .btns--cmn span {
    font-size: 15px;
  }

  .index .btn-radius,
  .pages .btn-radius {
    min-width: 250px;
    max-width: 95%;
    padding: 12px 35px;
  }

  .btn__more {
    margin: 50px auto 20px;
    font-size: 16px;
  }

  .btn__more-detail {
    margin: 50px auto 50px;
    text-align: center;
    font-size: 1.0625rem;
  }

  .btn-radius {
    min-width: 250px;
    max-width: 95%;
    padding: 12px 45px;
  }

  .btn-radius:after {
    font-size: 16px;
    right: 8px;
    width: 25px;
  }

  .btn-radius.w-sml {
    min-width: 150px;
    padding: 15px 45px;
  }

  .btn-rit {
    text-align: center;
  }

  .btn-rft {
    text-align: center;
  }

  .sns-btn__list {
    display: -ms-flexbox;
    display: flex;
    margin: 30px auto 10px;
  }

  .sns-btn__list.-rit {
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .sns-btn__list.-rit .sns-btn__item {
    margin-left: 0;
    width: 48.5%;
  }

  .sns-btn__item a {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding: 10px 5px 10px 35px;
    font-size: 0.875rem;
  }

  .sns-btn__item .link--fb {
    background-size: 22px auto;
  }

  .sns-btn__item .link--insta {
    background-size: 22px auto;
  }

  .btn-contact__list {
    padding: 60px 0;
  }

  .btn-contact__list.-ctr {
    -ms-flex-pack: center;
    justify-content: center;
  }

  .btn-contact__list .btn-contact__item {
    width: 100%;
    margin: 15px auto;
    text-align: center;
  }

  .btn-contact__list .btn-contact__item a {
    min-width: 95%;
  }

  .trans-row__title {
    font-size: 25px;
    margin: 0 auto 40px;
    padding-top: 40px;
    letter-spacing: 1px;
  }

  .trans-row__title--en {
    padding-top: 10px;
    font-size: 15px;
  }

  .section__title--mdl {
    font-size: 20px;
    margin: 40px auto 20px;
  }

  .sec__read-text {
    font-size: 15px;
    line-height: 1.8em;
  }

  .pages__main-title {
    font-size: 1.875rem;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1.4em;
  }

  .pages-section {
    margin: 25px auto 80px;
  }

  .pages__head2 {
    font-size: 1.75rem;
    margin: 40px auto 30px;
  }

  .pages__head2 small {
    font-size: 1rem;
  }

  .pages__head3 {
    font-size: 1.5rem;
    margin: 40px auto 30px;
  }

  .pages__head3 small {
    font-size: 0.8125rem;
  }

  .pages__head4 {
    font-size: 1.25rem;
    padding-left: 15px;
    margin-bottom: 20px;
  }

  .pages__head4:before {
    width: 8px;
  }

  .pages-layout4 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 50px;
  }

  .pages-layout4__img {
    width: 100%;
  }

  .pages-layout4__text {
    width: 100%;
    margin-bottom: 20px;
  }

  .pages__head2-common,
  .pages__head5 {
    font-size: 1.25rem;
    padding-left: 15px;
    margin-bottom: 20px;
  }

  .pages__head2-common:before,
  .pages__head5:before {
    width: 6px;
  }

  .pages__head2-common small,
  .pages__head5 small {
    font-size: 0.75rem;
  }

  .pages-layout5 {
    display: block;
    margin-bottom: 60px;
  }

  .pages-layout5__img {
    width: 100%;
    text-align: center;
  }

  .pages-layout5__img img {
    margin: 0 auto;
    display: inline-block;
  }

  .pages-layout5__text {
    width: 100%;
    margin: 15px auto 20px;
  }

  .pages__head6 {
    font-size: 1.25rem;
    padding-left: 15px;
    margin-bottom: 20px;
  }

  .pages__head6:before {
    width: 6px;
  }

  .pages__head6 small {
    font-size: 0.75rem;
  }

  .pages-layout6 {
    display: block;
    margin-bottom: 40px;
  }

  .pages-layout6__img {
    width: 100%;
    text-align: center;
  }

  .pages-layout6__img img {
    margin: 0 auto;
    display: inline-block;
  }

  .pages-layout6__text {
    width: 100%;
    margin: 15px auto 20px;
  }

  .pages-list1__head {
    font-size: 1.125rem;
  }

  .pages-list1 {
    display: block;
    font-size: 0.875rem;
  }

  .pages-list1__item {
    width: 100%;
    margin-bottom: 50px;
  }

  .pages-list2__head {
    font-size: 1.125rem;
  }

  .pages-list2 {
    display: block;
  }

  .pages-list2__item {
    width: 100%;
    display: block;
  }

  .pages-list2__img {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  .pages-list2__textArea {
    width: 100%;
  }

  .pages-list3__head {
    font-size: 1.125rem;
    padding-left: 10px;
  }

  .pages-list3__head:before {
    width: 5px;
  }

  .pages-list3 {
    display: block;
  }

  .pages-list3__item {
    width: 100%;
    margin-bottom: 50px;
  }

  .pages-list4__head {
    font-size: 1.125rem;
  }

  .pages-list4 {
    width: 100%;
    font-size: 0.875rem;
  }

  .pages-list4__item {
    display: block;
    margin-bottom: 75px;
  }

  .pages-list4__img {
    width: 100%;
    min-width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  .pages-list4__textArea {
    width: 100%;
    padding-left: 0;
  }

  .r-section {
    margin-bottom: 50px;
  }

  .anchor-link__list {
    background: #fff9f6;
    padding: 10px 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
  }

  .anchor-link__item {
    padding: 15px 0 15px 10px;
    width: 50%;
  }

  .anchor-link__item a {
    display: inline-block;
    width: calc(100% - 10px);
    padding-right: 10px;
    border-right: 1px solid #f28b8b;
    line-height: 1.5em;
  }

  .anchor-link__item:nth-child(even) a {
    border: 0;
  }

  .r-head1 {
    font-size: 1.5rem;
    padding-left: 15px;
    margin-bottom: 20px;
  }

  .r-head1:before {
    width: 8px;
  }

  .r-imgBox {
    width: 100%;
  }

  .r-col2__list {
    display: block;
  }

  .r-col2__item {
    width: 100%;
    margin-bottom: 30px;
  }

  .r-col3__list {
    display: block;
  }

  .r-col3__item {
    width: 100%;
    margin-bottom: 30px;
  }

  .r-ti__wrap {
    display: block;
  }

  .r-ti__text {
    width: 100%;
    margin-bottom: 15px;
  }

  .r-head2 {
    font-size: 1.25rem;
    padding-left: 15px;
    margin-bottom: 15px;
  }

  .r-head2:before {
    width: 6px;
  }

  .r-ti__img {
    width: 100%;
    text-align: center;
  }

  .r-gd__list {
    width: 100%;
    display: block;
    margin-bottom: 60px;
  }

  .r-gd__item {
    width: 100%;
    margin-bottom: 30px;
  }

  .r-gd_head {
    font-size: 1.125rem;
    margin-bottom: 15px;
    line-height: 1.4em;
    padding: 10px;
  }

  .r-more1__list {
    width: 100%;
    display: block;
    margin-bottom: 60px;
  }

  .r-more1__item {
    width: 100%;
    margin-bottom: 40px;
    font-size: 0.8125rem;
  }

  .r-head3 {
    font-size: 1.125rem;
    margin-bottom: 10px;
  }

  .r-more2__list {
    width: 100%;
    margin-bottom: 50px;
  }

  .r-more2__item {
    width: 100%;
    display: block;
    margin-bottom: 40px;
    font-size: 0.8125rem;
  }

  .r-more2__img {
    width: 100%;
    text-align: center;
  }

  .r-more2__text {
    width: 100%;
    margin-top: 15px;
  }

  .r-head4 {
    margin-bottom: 10px;
    font-size: 1rem;
  }

  .fs40 {
    font-size: 1.5rem;
    line-height: 1.8em;
  }

  .fs28 {
    font-size: 1.375rem;
  }

  .fs24 {
    font-size: 1.375rem;
  }

  .fs22 {
    font-size: 1.25rem;
  }

  .fs20 {
    font-size: 1.0625rem;
  }

  .fs18 {
    font-size: 0.9375rem;
  }

  .fs16 {
    font-size: 0.875rem;
  }

  .fs14 {
    font-size: 0.75rem;
  }

  .fs12 {
    font-size: 0.6875rem;
  }

  .imgBox {
    margin: 20px auto;
  }

  .imgBox.-mdl img {
    max-width: 100%;
  }

  .imgBox__clm2 li {
    display: block;
    text-align: center;
  }

  .pages-table th,
  .pages-table td {
    padding: 10px 6px;
  }

  .define-table dt {
    width: 100%;
  }

  .define-table dd {
    width: 100%;
    border-bottom: 3px solid #fff;
  }

  .define-table dd:last-child {
    border-bottom: 0;
  }

  .pages__brdbox {
    border: 2px solid #f28b8b;
    padding: 0 10px;
  }

  .h-nest .pages__brdbox {
    border: 2px solid #519ed4;
  }

  .-celf .pages__brdbox {
    border: 2px solid #49ba00;
    padding: 10px;
  }

  .crosstrustArea {
    width: 100%;
    margin: 25px auto;
    padding: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .crosstrust-img {
    min-width: 100%;
  }

  .crosstrust-text {
    width: 100%;
    padding: 10px 0 0 0;
  }

  .top-section {
    width: 100%;
    padding: 20px 0 30px;
  }

  .top-section.-company {
    padding: 30px 0 10px;
  }

  .productBox {
    width: 100%;
    display: block;
    margin: 20px auto;
  }

  .productBox:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 18px;
    background: rgba(255, 255, 255, 0.6);
    top: 0;
    left: 15px;
  }

  .pB__name {
    color: #fff;
    width: 100%;
    padding: 20px 15px 20px;
  }

  .pB__name h3 {
    font-size: 25px;
    margin-bottom: 10px;
    padding-left: 25px;
    line-height: 1.2em;
    letter-spacing: 1px;
  }

  .pB__name h3 span {
    font-size: 15px;
  }

  .pB__name h3 em {
    font-size: 25px;
  }

  .pB__text {
    font-size: 14px;
    line-height: 1.8em;
  }

  .pB__sort {
    width: 100%;
    padding: 15px 15px 15px;
  }

  .pB--drop {
    margin-bottom: 15px;
  }

  .pB--drop-btn {
    width: 100%;
    margin: 0 auto;
    padding: 12px 10px 14px;
    font-size: 19px;
  }

  .pB--drop-btn:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -ms-transform: rotate(135deg) translate(0, 75%);
    transform: rotate(135deg) translate(0, 75%);
  }

  .pB--drop-btn.open:after {
    -ms-transform: rotate(-45deg) translate(-25%, -50%);
    transform: rotate(-45deg) translate(-25%, -50%);
  }

  .pB--drop-btn:hover {
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  }

  .pB--drop__inr {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px 0;
  }

  .pB__list {
    width: 100%;
    padding: 0 15px 0;
    line-height: 1.8em;
  }

  .pB__list a {
    letter-spacing: 1px;
  }

  .pB__item {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .pB__item h4 {
    margin-bottom: 8px;
    border-bottom: 3px solid rgba(255, 255, 255, 0.5);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
  }

  .pB__item h4 .sp-drop__btn {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 1.5em;
    cursor: pointer;
  }

  .pB__item h4 .sp-drop__btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -ms-transform: rotate(135deg) translate(0, 75%);
    transform: rotate(135deg) translate(0, 75%);
  }

  .pB__item h4 .sp-drop__btn.open:before {
    -ms-transform: rotate(-45deg) translate(-25%, -50%);
    transform: rotate(-45deg) translate(-25%, -50%);
  }

  .pB__item h4 p {
    width: calc(100% - 45px);
    padding-bottom: 5px;
  }

  .pB__item__link {
    font-size: 14px;
    padding-left: 10px;
  }

  .pB__detail__item {
    margin-bottom: 15px;
  }

  .pB__detail__item .pB__detail__text {
    display: inherit;
    padding-left: 12px;
    font-size: 14px;
  }

  .pB__detail__item .pB__detail__text.sp_hdn {
    display: none !important;
  }

  .pB__detail__item.-first {
    padding: 13px 13%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .pB__detail__item.-first .pB__img {
    width: 100%;
    padding-right: 0;
    -ms-flex-order: 2;
    order: 2;
  }

  .pB__detail__item.-first .pB__detail__text {
    width: 100%;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 0;
  }

  .pB__detail__item.-first em {
    font-size: 15px;
  }

  .pB__detail__item.-border {
    border: 0;
    padding: 10px;
  }

  .pB__detail__item.-border:before {
    content: "";
    width: 0;
    height: 0;
    background: none;
    position: relative;
  }

  .pB__detail__item.-border:after {
    content: "";
    width: 0;
    height: 0;
  }

  .pB__detail__item.-border .pB__detail__text {
    font-size: 10px;
  }

  .pB__detail__item.-border .pB__img {
    width: 40px;
  }

  .pB__detail__item.-border em {
    font-size: 14px;
    padding-bottom: 2px;
  }

  .pB__detailed__clm2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .pB__detailed__clm2 li {
    width: 100%;
  }

  .pB__detailed__clm2 .pB__detail__item {
    width: 100%;
    padding: 10px;
  }

  .pB__detailed__clm2 .pB__detail__item .pB__img {
    width: 40px;
  }

  .case-slider__textArea {
    padding: 15px 15px 3em;
    position: relative;
  }

  .case-slider__textArea .column__readmore {
    font-size: 12px;
  }

  .case-slider__title {
    font-size: 14px;
  }

  .case-slider__text {
    font-size: 12px;
  }

  .w-paper-btn--read {
    padding: 30px 0 15px;
  }

  .w-paper-btn--read span {
    padding: 10px 20px 0;
    font-size: 20px;
    line-height: 1.6em;
  }

  .w-paper-btn--read span:before {
    content: "";
    width: 3px;
    height: 80%;
    background: #519ed4;
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  .w-paper-btn--read span:after {
    content: "";
    width: 3px;
    height: 80%;
    background: #519ed4;
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  .w-paper-btn {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto 20px;
  }

  .w-paper-btn__outer {
    width: 100%;
    height: auto;
    background: url(img/top/btn_white-paper.jpg) top -20% center no-repeat;
    background-size: contain;
  }

  .w-paper-btn__inr {
    display: block;
    width: 100%;
    height: 100%;
  }

  .w-paper-btn__inr dt {
    width: 100%;
    display: block;
    padding: 15% 0;
  }

  .w-paper-btn__inr dt span {
    font-size: 25px;
  }

  .w-paper-btn__inr dd {
    width: 100%;
    height: 100%;
    display: block;
    padding-bottom: 3em;
  }

  .w-paper-btn__inr dd:after {
    content: "";
    position: absolute;
    width: 100%;
    top: -20px;
    left: 0;
    height: 60px;
    -ms-transform: skew(10deg) rotate(5deg);
    transform: skew(10deg) rotate(5deg);
  }

  .w-paper-btn__inr .bg_blue {
    margin-left: 12px;
  }

  .w-paper-btn__text {
    font-size: 14px;
    margin: 1.4em auto 1em;
    line-height: 1.8em;
  }

  .w-paper-btn__list {
    font-size: 18px;
    margin: 0 auto 1.8em;
  }

  .w-paper-btn__list li {
    line-height: 1.8em;
  }

  .w-paper-btn__dl {
    bottom: 1em;
    right: 0;
    left: 0;
    margin: auto auto 0 auto;
    width: 55%;
    max-width: 240px;
    text-align: center;
  }

  .w-paper-btn__dl span {
    font-size: 16px;
    font-weight: 900;
  }

  .top_company-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .top_company-list__item {
    min-height: 50px;
    width: 50%;
    box-sizing: border-box;
    padding: 0 5px;
    margin-bottom: 15px;
  }

  .top_company-list__item a {
    box-sizing: border-box;
    padding: 0 10px;
  }

  .top_link-list {
    width: 100%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .top_link-list__item {
    height: 4em;
    min-width: 80%;
    width: 320px;
    margin-bottom: 20px;
  }

  .top_link-list__item a {
    padding: .4em 40px;
    font-size: 15px;
  }

  .top_link-list__item small {
    font-size: 12px;
  }

  .pT__aLink__list {
    display: none;
  }

  .pB-top__title {
    font-size: 1.25rem;
  }

  .pB-top__inr {
    padding: 20px 15px;
  }

  .pB-top__read {
    font-size: 1rem;
    margin: 0 auto 30px;
    text-align: left;
  }

  .pB-top__list.clm1 {
    display: block;
  }

  .pB-top__list.clm1 .pB-top__item {
    padding: 15px;
  }

  .pB-top__list.clm1 .pB-top__item__text {
    font-size: 0.875rem;
    margin: 15px auto;
  }

  .pB-top__list.clm1 .pB-top__item__img {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }

  .pB-top__list.clm1 em {
    display: block;
    text-align: center;
  }

  .pB-top__list.clm1 em.lrg {
    font-size: 1.25rem;
  }

  .pB-top__list.clm2 {
    display: block;
  }

  .pB-top__list.clm2 .pB-top__item {
    width: 100%;
    padding: 15px;
  }

  .pB-top__list.clm2 .pB-top__item__text {
    font-size: 0.875rem;
    margin: 15px auto;
  }

  .pB-top__list.clm2 .pB-top__item__img {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }

  .pB-top__list.clm2 em {
    display: block;
    text-align: center;
    font-size: 1.25rem;
  }

  .pB-top__list.clm3 .pB-top__item {
    width: 100%;
    padding: 15px;
  }

  .pB-top__list.clm3 .pB-top__item__inr {
    display: table;
  }

  .pB-top__list.clm3 .pB-top__item__name {
    display: table-cell;
    vertical-align: middle;
    padding-left: 14px;
  }

  .pB-top__list.clm3 .pB-top__item__name em {
    line-height: 1.4em;
  }

  .pB-top__list.clm3 em {
    font-size: 1rem;
  }

  .pB-top__list.clm3 .pB-top__link-arw {
    width: 50%;
    padding-left: 0;
  }

  .pB-top__item {
    margin-bottom: 15px;
  }

  .pB-top__item__inr {
    display: block;
  }

  .pB-top__item__img {
    display: block;
  }

  .pB-top__item__name {
    display: block;
    padding-left: 0;
  }

  .pB-top__item__icn {
    display: table-cell;
    width: 80px;
  }

  .btn__more.-pBtop {
    margin: 30px auto 15px;
  }

  .pB-top__link-arw {
    margin-bottom: 15px;
  }

  .pB-top__link-arw span {
    padding-right: 35px;
    position: relative;
    font-size: 0.8125rem;
  }

  .pB-top__link-arw span:after {
    content: "→";
    font-size: 0.875rem;
  }

  .honobono-menu {
    margin: 0 auto 40px;
  }

  .dl-table {
    margin: 20px auto 0;
    font-size: 0.875rem;
  }

  .dl-table th,
  .dl-table td {
    padding: 10px 8px;
    vertical-align: middle;
  }

  .dl-table th {
    font-weight: bold;
  }

  .dl-table .dl-table__date {
    width: 8em;
  }

  .company-top__list {
    box-sizing: border-box;
    padding: 0 5px;
    display: block;
  }

  .company-top__item {
    width: 100%;
    margin-bottom: 20px;
  }

  .company-top__item--outer em {
    font-size: 1.875rem;
  }

  .company-top__item--outer:after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0);
    z-index: 2;
    transition: background .2s;
  }

  .img-lft .icn_sml {
    width: 90px;
  }

  .outline-list {
    font-size: 0.875rem;
  }

  .outline-list__name {
    padding: 12px 10px;
  }

  .outline-list__detail {
    line-height: 1.8em;
    padding: 12px 10px;
  }

  .history-table {
    line-height: 1.8em;
  }

  .history-table th {
    padding: 0 10px 15px 10px;
    text-align: left;
    word-break: keep-all;
  }

  .history-table td {
    padding: 0 10px 15px 0;
  }

  .jichitai-box {
    border: 1px solid #f28b8b;
    display: block;
    padding: 25px 15px;
  }

  .jichitai-box__name {
    width: 100%;
  }

  .jichitai-box__name__text {
    font-size: 1.3125rem;
  }

  .jichitai-box__list {
    font-size: 0.9375rem;
    margin: 25px auto;
  }

  .jichitai-box__detail__text {
    font-size: 0.9375rem;
  }

  .jichitai-contact {
    border: 1px solid #f28b8b;
    padding: 25px 10px;
    margin: 40px auto 80px;
  }

  .jichitai-contact .btn__more {
    margin: 40px auto 10px;
    font-size: 0.9375rem;
  }

  .jichitai-contact .pages__head4 {
    font-size: 1.3125rem;
  }

  .ir-top__list {
    display: block;
  }

  .ir-top__item {
    width: 100%;
    margin-bottom: 30px;
  }

  .ir-top__links {
    padding-bottom: 20px;
  }

  .ir-top__links .pages-list--more {
    padding-right: 15px;
    font-size: 0.875rem;
  }

  .ir-top__link__name {
    line-height: 2em;
    font-size: 1.125rem;
  }

  .ir-top__item__text {
    padding: 15px;
    font-size: 0.875rem;
  }

  .ir-head {
    font-size: 1.5rem;
    text-align: center;
    padding-bottom: 40px;
  }

  .ir-history {
    font-size: 0.875rem;
  }

  .ir-history__date {
    width: 100px;
  }

  .ir-history__detail {
    width: calc(100% - 100px);
    padding: 14px;
  }

  .ir-business__item {
    padding: 15px 0 15px 15px;
  }

  .ir-business__item .name {
    font-size: 0.9375rem;
  }

  .ir-business__item .name:after {
    right: 20px;
    top: 50%;
    width: 8px;
    height: 8px;
  }

  .ir-business__inr {
    padding: 15px 0 25px 0;
  }

  .ir-label__text {
    padding: 8px;
    margin: 0 auto 20px;
  }

  .tbl-type01 {
    font-size: 0.875rem;
  }

  .pB-top__list.clm3.-pdf_icon {
    margin: 20px auto;
  }

  .-pdf_icon .pB-top__link-arw span {
    display: inline-block;
    padding-right: 30px;
    padding-left: 22px;
    background: url(img/icn_pdf.png) no-repeat left center;
    background-size: 18px auto;
    font-size: 0.875rem;
  }

  .-pdf_icon .pB-top__link-arw span:after {
    font-size: 0.875rem;
  }

  .pB-top__list.clm3.-pdf_icon .pB-top__link-arw {
    padding: 8px 0;
    margin-bottom: 25px;
    border-bottom: 1px dotted #ccc;
  }

  .ir-faq__item {
    margin: 30px auto;
  }

  .ir-faq__item.answer {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }

  .ir-faq__item .icn-faq {
    font-size: 1.75rem;
    font-weight: bold;
  }

  .ir-faq__text p {
    font-size: 0.9375rem;
  }

  .ir-stock__links {
    margin: 20px auto 60px;
  }

  .ir-stock__inr {
    display: block;
    padding: 8px 0 10px;
  }

  .ir-stock__date {
    width: auto;
    text-align: left;
    font-size: 0.875rem;
  }

  .ir-stock__text {
    width: 100%;
    font-size: 0.875rem;
  }

  .ir-table_nomal {
    margin-bottom: 0;
  }

  .ir-table_nomal td {
    padding-bottom: 5px;
  }

  .ir-table__stock1 {
    font-size: 0.75rem;
  }

  .ir-table__stock1 th {
    line-height: 1.6em;
    word-break: break-all;
    padding: 8px;
  }

  .ir-table__stock1 td {
    padding: 8px;
  }

  .ir-lib__table {
    border: 1px solid #ccc;
    font-size: 0.875rem;
  }

  .ir-lib__table td {
    padding: 10px 5px 10px 5px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    vertical-align: middle;
  }

  .ir-lib__table th {
    border: 1px solid #ccc;
    padding: 15px 0;
    font-size: 1.125rem;
  }

  .ir-lib__table.lib-01 {
    margin-bottom: 20px;
  }

  .ir-lib__table.lib-01 td {
    width: 50%;
  }

  .ir-lib__table.lib-02 {
    border-top: 0;
  }

  .ir-lib__table.lib-02 td:first-child {
    width: 44%;
  }

  .ir-library__list {
    margin-bottom: 15px;
  }

  .ir-library__item {
    border: 1px solid #ccc;
    padding: 15px 0;
    font-size: 1.125rem;
  }

  .ir-library__item .name:after {
    right: 20px;
    top: 50%;
    width: 8px;
    height: 8px;
  }

  .pdf-front {
    padding-left: 20px;
    background: url(img/icn_pdf.png) no-repeat left 0 top 3px;
    background-size: 16px auto;
  }

  .pdf-front .arw {
    padding: 0 0 0 5px;
    color: #f28b8b;
    font-weight: bold;
    font-size: 1rem;
  }

  .pages__flex-list {
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .pages__flex-item {
    min-width: calc(50% - 10px);
    max-width: calc(100% - 10px);
    margin-bottom: 15px;
  }

  .pages-section.policy {
    max-width: 100%;
  }

  .policy__title {
    font-size: 1.25rem;
  }

  .policy__sec {
    padding: 15px 0 0;
  }

  .policy__sec ul {
    padding-left: 5px;
    padding-right: 5px;
  }

  .policy__sec__title {
    border-bottom: 1px dashed #ccc;
  }

  .dl-list2 {
    display: block;
    text-align: center;
  }

  .sitemap .pages__text {
    box-sizing: border-box;
    padding: 0 0 0 30px;
  }

  .sitemap .pages__text li:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-left: 8px solid #f28b8b;
    top: 7px;
    left: -15px;
    display: inline-block;
  }

  .sitemap .pages-section {
    margin: 40px auto 40px;
  }

  .contact-list .pages__head4 {
    margin-bottom: 15px;
  }

  .contact-list .btn-radius.w-sml {
    padding: 12px 45px;
  }

  .formArea {
    font-size: 0.875rem;
  }

  .contact__first {
    margin-bottom: 45px;
  }

  .form--table {
    width: 100%;
    margin: 20px auto;
  }

  .form--table th {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    padding: 10px 0 5px 0;
  }

  .form--table .contact-item {
    margin-bottom: 0;
  }

  .form--table .contact-item .note {
    font-size: 0.75rem;
  }

  .form--table td {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 0 15px 0;
  }

  .form--table td .attention {
    font-size: 80%;
  }

  .form--table input,
  .form--table textarea {
    font-size: 0.875rem;
  }

  .form--table select {
    font-size: 0.875rem;
  }

  .mw_wp_form_confirm .form--table td {
    width: 100%;
    padding: 10px 0 15px 0;
    border-bottom: 1px dotted #ddd;
  }

  .mw_wp_form_confirm .form--table th {
    width: 100%;
  }

  .contact-btnArea {
    padding: 15px 0;
  }

  .contact-btnArea .submit-btn input[type="submit"] {
    background: #f28b8b;
    color: #fff;
    border-radius: 1px;
    border: 0;
    text-align: center;
    color: #fff;
    padding: 12px 3px;
    box-sizing: border-box;
    transition: opacity .3s;
    font-size: 0.875rem;
    min-width: 110px;
    cursor: pointer;
  }

  .contact-btnArea .submit-btn input[type="submit"]:focus {
    outline: 0;
  }

  .contact-btnArea input[type="submit"]:hover {
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    left: 2px;
  }

  .contact-btnArea .historyback-btn {
    padding-right: 15px;
  }

  .contact-btnArea .historyback-btn input[type="submit"] {
    background: #ccc;
    color: #fff;
    border-radius: 1px;
    border: 0;
    padding: 12px 3px;
    min-width: 100px;
    margin-right: 15px;
    font-size: 14px;
  }

  .contact-btnList {
    text-align: center;
    padding-left: 0;
  }

  .contact-btnList li {
    display: inline-block;
  }

  .same_checkBox input {
    width: inherit;
    display: inline-block;
  }

  .is-pc {
    display: none !important;
  }

  .is-sp {
    display: block !important;
  }
}

@media screen and (min-width: 1024px) {
  .h-next {
    /* common onlyPC */
  }

  .h-next .ta-c--pc {
    text-align: center;
  }
}

@media screen and (max-width: 880px) {
  .flow .d-flex {
    -ms-flex-pack: center;
    justify-content: center;
  }

  .flow .d-flex li {
    width: 100%;
  }

  .flow .d-flex li:nth-child(2) {
    padding-left: 0px;
    padding-top: 20px;
  }
}

@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .honobonoNextTop .pB__name h3 em {
    font-size: 1.5rem;
  }
}

@media print {

  /* print style */
  * html body {
    zoom: .7;
  }

  body {
    -webkit-print-color-adjust: exact;
  }
}

/*add*/
.pB__item h4 .add01 {
  display: block;
  padding-bottom: 8px;
  transition: opacity .2s;
}

.pB--drop h4 .add01 {
  color: #fff;
}

.pB__name .nxt01 {
  margin-bottom: .6em;
  padding-left: 35px;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 0;
}

.pB__name .nxt01 span {
  font-size: 16px;
  line-height: 1.2em;
}

.pB__name .nxt01 em {
  font-size: 36px;
  line-height: 1.2em;
}

@media screen and (max-width: 768px) {
  .pB__item h4 .add01 {
    width: calc(100% - 45px);
    padding-bottom: 5px;
  }
}

.addrelated01 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.addrelated01 * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.addrelated02 {
  max-width: 1060px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 3%;
  padding-right: 3%;
}

.addrelated03 {
  text-align: center;
  line-height: 1.5;
  margin-bottom: 50px;
  font-size: 38px;
  font-size: 2.375rem;
  font-weight: 600;
  letter-spacing: 1px;
}

.addrelated04 {
  overflow: hidden;
}

.addrelated05 {
  float: left;
  width: 32%;
  margin-left: 2%;
}

.addrelated05:first-child {
  margin-left: 0;
}

.addrelated05 a {
  display: block;
}

.addrelated05 a:hover {
  color: #f28b8b;
}

.addrelated05 a:hover .addrelated06 {
  opacity: 0.8;
  transition: all 0.2s;
}

.addrelated06 {
  margin-bottom: 10px;
  overflow: hidden;
  width: 100%;
  padding-top: 65%;
  position: relative;
}

.addrelated06 img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.addrelated07 dt {
  margin-bottom: 7px;
}

.addrelated07 dd {
  line-height: 1.5;
  font-size: 15px;
}

.fmwrapad {
  overflow: hidden;
  margin-bottom: 20px;
}

.fmwrapad * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.itemsr {
  overflow: hidden;
  float: left;
}

.itemsr_text {
  float: left;
}

.itemsr_text input {
  font-size: 16px;
  width: 14em;
  background-color: #fff;
  border: solid 1px #ccc;
  font-family: "Noto Sans JP";
  padding-top: 5px;
  padding-right: 7px;
  padding-bottom: 5px;
  padding-left: 7px;
  border-radius: 0;
}

.itemsr_but {
  float: left;
  margin-left: 5px;
}

.itemsr_but input {
  background-color: #f28b8b;
  border: solid 1px #f28b8b;
  color: #fff;
  font-size: 16px;
  padding-top: 8px;
  padding-right: 14px;
  padding-bottom: 10px;
  padding-left: 14px;
  line-height: 1;
  font-family: "Noto Sans JP";
  border-radius: 0;
}

.disp_max {
  float: right;
}

.disp_max select {
  font-size: 16px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 7px;
  padding-left: 10px;
  line-height: 1;
  -webkit-appearance: menulist;
  -moz-appearance: menulistu;
  appearance: menulist;
  font-family: "Noto Sans JP";
  border-radius: 0;
}

.addtop01 {
  background: #fff9f6;
  padding-top: 25px;
  padding-bottom: 25px;
}

.addtop02 {
  background-color: #FFF;
  padding: 30px;
  padding-bottom: 15px;
  border: 2px solid #f28b8b;
}

.addtop05 {
  background-color: #FFF;
  padding: 30px;
  padding-bottom: 15px;
  border: 2px solid #dcdcdc;
}

.addtop03 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.5;
}

.addtop06 {
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.5;
}

.addtop04 {
  margin-bottom: 12px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .addrelated01 {
    margin-top: 35px;
    margin-bottom: 5px;
  }

  .addrelated02 {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 3%;
    padding-right: 3%;
  }

  .addrelated03 {
    font-size: 1.625rem;
    margin-bottom: 25px;
  }

  .addrelated04 {
    overflow: hidden;
  }

  .addrelated05 {
    float: none;
    width: 100%;
    margin-left: 0%;
    margin-bottom: 30px;
  }

  .addrelated05:first-child {
    margin-left: 0;
  }

  .addrelated06 {
    margin-bottom: 10px;
  }

  .addrelated07 dt {
    margin-bottom: 5px;
    font-size: 13px;
  }

  .addrelated07 dd {
    font-size: 14px;
  }

  .fmwrapad {
    margin-bottom: 12px;
  }

  .itemsr {
    float: none;
    margin-bottom: 20px;
  }

  .itemsr_text {
    width: calc(100% - 75px);
  }

  .itemsr_text input {
    width: 100%;
  }

  .itemsr_but {}

  .itemsr_but input {
    padding-top: 9px;
    padding-right: 14px;
    padding-bottom: 10px;
    padding-left: 14px;
    width: 70px;
    text-align: center;
  }

  .disp_max {}

  .disp_max select {}
}

/* ND菅原が個別に追加
-------------------------------------*/
/* 画像を横に並べる
-------------------------------------*/
[class^="img-flex-"] {
  margin-bottom: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.img-flex-2 img {
  width: 45%;
}

.img-flex-3 img {
  width: 32%;
}

.img-flex-4 img {
  width: 24%;
}

/* wf add */
.flex-wrap {
  display: flex;
  justify-content: space-between;
}

.bold {
  font-weight: bold;
}

.txt_center {
  text-align: center !important;
}

.flex-wrap>.w50 {
  width: 50%;
}

@media screen and (max-width: 1024px) {
  .flex-wrap:not(.flex-sp) {
    display: block;
  }

  .flex-wrap:not(.flex-sp)>.w50 {
    width: 100%;
  }
}

/* demand-traffic */
#demand-traffic #demand-page-link .tab-top {
  width: 16%;
  text-align: center;
}

#demand-traffic #demand-page-link .tab-top a {
  display: block;
  border: 1px solid #2659aa;
  border-radius: 2px;
  padding: 15px 10px 25px;
  background-color: #2659aa;
  color: #FFF;
  position: relative;
}

#demand-traffic #demand-page-link .tab-top a:after {
  content: "";
  display: block;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  width: 4px;
  height: 4px;
  position: absolute;
  bottom: 12px;
  left: 51%;
  transform: rotate(45deg);
}

@media screen and (max-width: 1024px) {
  #demand-traffic #demand-page-link .tab-top {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
  }

  #demand-traffic #demand-page-link .tab-top a {
    padding: 15px 20px;
  }

  #demand-traffic #demand-page-link .tab-top a:after {
    bottom: 52%;
    left: 94%;
  }
}

@media screen and (min-width: 1024px) {
  #demand-traffic #demand-page-link .tab-top a:hover {
    background-color: #e1f1ff;
    color: #2659aa;
  }

  #demand-traffic #demand-page-link .tab-top a:hover:after {
    border-right: 1px solid #2659aa;
    border-bottom: 1px solid #2659aa;
  }

  #demand-traffic #demand-page-link .tab-top {
    font-size: 15px;
  }
}

#demand-info-area {
  border: 1px solid #2659aa;
}

#demand-info-area .demand-info-head {
  background-color: #2659aa;
  font-size: 18px;
  color: #FFF;
  padding: 10px 20px;
}

#demand-info-area .demand-info-head .icon-info {
  display: inline-block;
  background-color: #FFF;
  border-radius: 100px;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  margin-right: 10px;
  color: #2659aa;
  font-style: italic;
  font-family: 'Playfair Display', serif;
  font-size: 14px;
  position: relative;
  top: -2px;
}

#demand-info-area .demand-info-body {
  padding: 10px 30px;
}

#demand-info-area .demand-info-body li {
  border-top: 1px solid #EEE;
  padding: 12px 0;
}

#demand-info-area .demand-info-body li:first-child {
  border: none;
}

#demand-info-area .demand-info-body li span {
  display: block;
}

#demand-info-area .demand-info-body li span.demand-info-date {
  color: #2659aa;
  font-weight: bold;
  margin-bottom: 10px;
}

#demand-info-area .demand-info-body li span.demand-info-content {
  color: #5a5a5a;
  line-height: 1.3
}

#demand-inquiry-box dl {
  border: 1px solid #CCC;
  padding: 20px;
  text-align: center;
}

#demand-inquiry-box dt {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 1.2rem;
  padding: 10px 0;
}

#demand-inquiry-box dd .demand-dd-head {
  margin: 28px 0 16px;
}

#demand-inquiry-box dd .demand-dd-body {
  font-size: 1.23rem;
}

#demand-inquiry-box dd .demand-dd-body span {
  display: inline-block;
  background-color: #2659aa;
  color: #FFF;
  border-radius: 2px;
  padding: 6px 8px;
  font-size: 12px;
  margin-right: 10px;
  position: relative;
  top: -2px;
}

#demand-inquiry-box dd .demand-dd-body a {
  text-decoration: underline;
}

#demand-inquiry-box dd .demand-dd-body a:hover {
  text-decoration: none;
}

.demand-note {
  font-size: 14px;
}

@media screen and (min-width: 1024px) {
  #demand-inquiry-box dt br {
    display: none;
  }
}

/* nds tv */
#ndstv .a-video {
  width: 100%;
  margin-bottom: 30px;
}

#nds-tv-list {
  display: flex;
  flex-wrap: wrap;
}

.video-description {
  margin: 20px 0;
}

.video-description p {
  line-height: 1.5;
}

.youtube {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  /*padding-top: 20px;*/
  overflow: hidden;
}

.youtube iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  right: 0;
}

#popWrap {
  background-color: rgba(0, 0, 0, 0.68);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: none;
}

#playArea {
  background-color: #000;
  border-radius: 10px;
  padding: 20px;
  position: absolute;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  box-sizing: border-box;
  width: calc(100% - 40px);
}

#playArea iframe {
  width: 100% !important;
  height: 100%;
}

#playArea #close {
  position: absolute;
  top: -26px;
  right: -20px;
  background-color: #282828;
  border-radius: 100px;
  border: 3px solid #999;
  color: #FFF;
  width: 39px;
  height: 40px;
  line-height: 40px;
  padding-left: 1px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}

#playArea #close:hover {
  background-color: #4d4d4d;
}

@media screen and (max-width: 768px) {

  /*  .a-video .youtube-thumbnail {
    display: none;
  }*/
  #playArea {
    padding: 10px;
  }
}


.a-video .youtube-thumbnail a {
  display: block;
  position: relative;
}

.a-video .youtube-thumbnail a:after {
  content: "";
  display: block;
  position: absolute;
  width: 64px;
  height: 44px;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 12px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.a-video .youtube-thumbnail a:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 16px;
  border-color: transparent transparent transparent #FFF;
  z-index: 3;
  top: 50%;
  left: calc(50% + 9px);
  transform: translate(-50%, -50%);
}

.a-video .youtube-thumbnail a:hover img {
  opacity: 0.8;
}

@media screen and (min-width: 768px) {
  .a-video .youtube.sp-only {
    display: none;
  }

  #nds-tv-list .a-video {
    width: calc((98% / 3) - 1px);
    margin-right: 1%;
  }

  #nds-tv-list .a-video:nth-child(3n) {
    margin-right: 0;
  }
}

/* facility */
#facility-nav>.flex-box {
  text-align: center;
}

#facility-nav>.flex-box a {
  display: block;
  padding: 20px 30px;
  font-size: 20px;
  color: #FFF;
  border-radius: 2px;
  max-width: 80%;
}

#facility-nav>.flex-box a:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  transform: translateY(5px);
  margin-left: 1em;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 6px;
  border-color: #FFF transparent transparent;
}

#facility-nav>.flex-box a {
  background-color: #a1d451;
}

#facility-nav>.flex-box:first-child a {
  background-color: #519ed4;
}

.facility-type-wrap {
  margin-bottom: 40px;
}

.facility-type-wrap .flex-wrap {
  justify-content: left;
  flex-wrap: wrap;
}

.facility-type a {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #dfdfdf;
  padding: 14px 10px 14px 20px;
  white-space: nowrap;
}

.facility-type a:after {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-right: 1px solid #838383;
  border-top: 1px solid #838383;
  transform: rotate(45deg) translateY(8px);
  vertical-align: top;
  margin-left: 1em;
}

@media screen and (max-width: 1024px) {
  #facility-nav>.flex-box a {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    position: relative;
    max-width: 100%;
  }

  #facility-nav>.flex-box a:after {
    position: absolute;
    right: 20px;
  }

  .facility-type a {
    display: block;
    white-space: normal;
    padding: 12px 24px 12px 20px;
    position: relative;
    margin-right: 0;
  }

  .facility-type a:after {
    position: absolute;
    right: 10px;
  }
}

@media screen and (min-width: 1024px) {
  #facility-nav>.flex-box a:hover {
    opacity: 0.8;
  }

  #f01-content .facility-type a:hover {
    border-color: #519ed4;
    color: #519ed4;
  }

  #f01-content .facility-type a:hover:after {
    border-right: 1px solid #519ed4;
    border-top: 1px solid #519ed4;
  }

  #f02-content .facility-type a:hover {
    border-color: #a1d451;
    color: #a1d451;
  }

  #f02-content .facility-type a:hover:after {
    border-right: 1px solid #a1d451;
    border-top: 1px solid #a1d451;
  }
}

/* wf add 200806 トップページKVスライドやめてバナー画像に　-------*/
.mv02 ul li:nth-child(2),
.mv02 ul li:nth-child(3),
.mv02 ul li:nth-child(4),
.mv02 ul li:nth-child(5) {
  display: none;
}

@media screen and (min-width: 1024px) {
  .mv02 {
    display: flex;
    flex-wrap: wrap;
    background-color: #fdf0e0;
    background-color: rgba(253, 240, 224, .8);
    padding: 1.5%;
  }

  .mv02 * {
    box-sizing: border-box;
  }

  .mv02 ul {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: auto auto;
    column-gap: 0.5208vw;
    row-gap: 0.5208vw;
    display: -ms-grid;
    -ms-grid-columns: 2fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-column-gap: 0.5208vw;
    grid-row-gap: 0.5208vw;
  }

  .mv02 li {
    display: block !important;
    border: 0.5208vw solid #fff;
    background-color: #fff;
    box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, .1);
  }

  .mv02 li:first-child {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row-span: 2;
  }

  .mv02 li:nth-of-type(2) {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row-span: 1;
  }

  .mv02 li:nth-of-type(3) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row-span: 1;
  }

  .mv02 li:nth-of-type(4) {
    -ms-grid-column: 2;
    -ms-grid-row: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row-span: 1;
  }

  .mv02 li:nth-of-type(5) {
    -ms-grid-column: 3;
    -ms-grid-row: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row-span: 1;
  }

  .mv02 .inner {
    display: block !important;
    position: relative;
    overflow: hidden;
    height: 100%;
  }

  .mv02 .inner img {
    position: absolute;
    top: 0;
    left: -0.5208vw;
    ;
    bottom: 0;
    /*right: 0;*/
    max-width: inherit;
    width: calc(100% + 0.5208vw * 2);
    height: auto;
    margin: auto;
  }

  .sp_kv {
    display: none;
  }
}

/* 以下トップページのみ上書き修正 -----*/
.home .mv-outer.index:after,
.home .head__inr,
.two-column-column .mv-outer.index:after,
.two-column-column .head__inr {
  background: none;
}

.home .wrap,
.two-column-column .wrap {
  padding-top: 60px;
}

.home .head,
.home .head__inr,
.two-column-column .head,
.two-column-column .head__inr {
  height: 60px;
  background-color: #fff;
}

.home .head,
.two-column-column .head {
  background-color: #fff;
}

.home .sp-menu__btn,
.two-column-column .sp-menu__btn {
  top: 17px;
}

@media screen and (min-width: 1024px) {

  .home .wrap,
  .two-column-column .wrap {
    padding-top: 142px;
    /*padding-top: 156px;*/
  }

  .home .head,
  .home .head__inr,
  .two-column-column .head,
  .two-column-column .head__inr {
    height: 142px;
    /*height: 156px;*/
  }

  .home .main.index,
  .two-column-column .main.index {
    padding-top: 0;
  }

  .home .addtop01,
  .two-column-column .addtop01 {
    padding-top: 40px;
  }
}

/* search */
#site-search {
  margin-right: 10px;
  margin-top: 5px;
}

#site-search form {
  display: flex;
}

#site-search input {
  display: block;
  border: none;
  border-top: 1px solid #999898;
  border-left: 1px solid #999898;
  border-bottom: 1px solid #999898;
  padding: 2px 16px;
  height: 34px;
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
}

#site-search input:focus {
  border: none;
  outline: none;
  border-top: 1px solid #6f6f6f;
  border-left: 1px solid #6f6f6f;
  border-bottom: 1px solid #6f6f6f;
}

#site-search label {
  display: block;
  width: calc(100% - 34px);
}

#site-search .search-submit {
  display: block;
  border-radius: none;
  background-color: #477ab8;
  border: none;
  border-top: 1px solid #477ab8;
  border-right: 1px solid #477ab8;
  border-bottom: 1px solid #477ab8;
  height: 34px;
  width: 34px;
  background-image: url(https://www.ndsoft.jp/wp/wp-content/themes/ndsoft/img/iconmonstr-magnifier-2.svg);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: center;
  border-radius: 0 2px 2px 0;
  -webkit-appearance: none;
  appearance: none;
}

.r-title strong,
.r-content strong {
  font-weight: bold !important;
  background-color: yellow;
  display: inline;
}

.r-post {
  padding: 15px 0;
  border-bottom: 1px dotted #CCC;
}

.r-post a {
  background: none !important;
  text-decoration: underline;
  display: inline-block;
  font-size: 20px;
}

.r-content {
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 15px;
  font-size: 12px;
  color: #999;
}

.r-none {
  border-bottom: none;
  margin-bottom: 30px;
  text-align: center;
}

/* carepalettehome */
p.carepalettehome_num {
  max-width: 720px;
  margin: 20px 0 50px;
  font-size: 16px;
  line-height: 168%;
  border: #BEE7F5 solid 3px;
  box-sizing: border-box;
  padding: 30px 5%;
}

span.carepalettehome_num_blu {
  color: #0066CC;
}

ul.carepalettehome_ul {
  max-width: 720px;
  margin: 50px 0;
}

img.carepalettehome_left {
  width: 60%;
  margin: 20px 20%;
}

img.carepalettehome_right {
  width: 60%;
  margin: 20px 20%;
}

p.carepalettehome_list_p {
  margin: 20px 0 50px;
  font-size: 16px;
  line-height: 168%;
  text-align: justify;
}

p.carepalettehome_text_yellow_top {
  display: block;
  width: 80%;
  text-align: center;
  color: #FFF;
  font-size: 16px;
  letter-spacing: 0;
  margin: 50px auto 0 auto;
  line-height: 160%;
  max-width: 250px;
  background-color: #f1c02d;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  letter-spacing: 1px;
  position: relative;
  z-index: 2;
}

.carepalettehome_text_blu_title {
  display: block;
  width: 80%;
  text-align: justify;
  color: #0066CC;
  font-size: 18px;
  letter-spacing: 0;
  margin: 20px auto 0 auto;
  line-height: 160%;
}

span.carepalettehome_text_blu {
  display: block;
  width: 100%;
  text-align: justify;
  color: #0066CC;
  font-size: 22px;
  letter-spacing: 0;
  margin: 30px auto 0 auto;
  line-height: 160%;
}

p.carepalettehome_text_blu {
  display: block;
  width: 80%;
  text-align: justify;
  color: #0066CC;
  font-size: 22px;
  letter-spacing: 0;
  margin: 100px auto;
  line-height: 160%;
}

.topimage {
  width: 100%;
}

img.carepalettehome_imgsp {
  display: block;
  width: 100%;
  height: auto;
  visibility: visible;
  overflow: visible;
}

img.carepalettehome_imgpc {
  display: none;
  width: 0;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}

.carepalettehome_flex {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -30px;
}

.carepalettehome_flexbtn {
  width: 100%;
  margin-top: 20px;
}

.carepalettehome_9bg {
  width: 100%;
  background-image: url(https://www.ndsoft.jp/wp/wp-content/themes/ndsoft/img/product/carepalettehome/carepalettehome_img9_bg.jpg);
  background-repeat: repeat;
  padding-top: 50px;
  padding-bottom: 50px;
}

.carepalettehome_9 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 100%;
  max-width: 900px;
}

.carepalettehome_9_center {
  width: 100%;
}

.carepalettehome_9_item {
  width: 50%;
}

img.carepalettehome_9a {
  width: 100%;
  float: left;
}

img.carepalettehome_9c {
  width: 100%;
  float: left;
}

#care-voice {
  background-color: #0066CC;
  max-width: 720px;
  margin: 0 auto;
  border-radius: 4px;
  padding: 15px;
  margin-top: -10px;
  position: relative;
  box-sizing: border-box;
}

#care-voice:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px;
  border-color: #0066CC transparent transparent transparent;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}

#care-voice p {
  color: #FFF;
  margin-top: 0;
  font-weight: bold;
  word-break: break-all;
}

.care-ami {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+60,f1c02d+61,f1c02d+100 */
  background: #ffc825;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 60%, #ffc825 61%, #ffc825 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 60%, #ffc825 61%, #ffc825 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 60%, #ffc825 61%, #ffc825 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffc825', GradientType=0);
  /* IE6-9 */
}

@media only screen and (min-width:750px) {
  p.carepalettehome_num {
    width: 80%;
    margin: 20px 10% 50px 10%;
    font-size: 24px;
    line-height: 190%;
    border: #BEE7F5 solid 3px;
    box-sizing: border-box;
    padding: 50px 8%;
  }

  ul.carepalettehome_ul {
    width: 80%;
    margin: 50px 10%;
  }

  li.carepalettehome_li {
    width: 100%;
  }

  img.carepalettehome_left {
    width: 40%;
    margin: 20px auto;
    float: left;
    margin-right: 5%;
  }

  img.carepalettehome_right {
    width: 40%;
    margin: 20px auto;
    float: right;
  }

  p.carepalettehome_list_p {
    display: block;
    width: 50%;
    margin: 50px 2% 50px 2%;
    font-size: 16px;
    overflow: hidden;
    text-align: justify;
  }

  span.carepalettehome_list_p_blu {
    color: #0066CC;
    font-size: 20px;
  }

  p.carepalettehome_text_yellow_top {
    display: block;
    width: 80%;
    text-align: center;
    color: #FFF;
    font-size: 18px;
    letter-spacing: 0;
    margin: 50px auto 0 auto;
    line-height: 160%;
  }

  p.carepalettehome_text_blu_title {
    display: block;
    width: 100%;
    text-align: center;
    color: #0066CC;
    font-size: 24px;
    letter-spacing: 0;
    margin: 20px auto 0 auto;
    line-height: 160%;
  }

  span.carepalettehome_text_blu {
    display: block;
    width: 100%;
    text-align: center;
    color: #0066CC;
    font-size: 28px;
    letter-spacing: 0;
    margin: 30px auto 0 auto;
    line-height: 160%;
  }

  p.carepalettehome_text_blu {
    display: block;
    width: 100%;
    text-align: center;
    color: #0066CC;
    font-size: 28px;
    letter-spacing: 0;
    margin: 100px auto;
    line-height: 160%;
  }

  img.carepalettehome_imgsp {
    display: none;
    width: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden;
  }

  img.carepalettehome_imgpc {
    display: block;
    width: 100%;
    height: auto;
    visibility: visible;
    overflow: visible;
  }

  .carepalettehome_flex {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -30px;
  }

  .carepalettehome_flexbtn {
    width: 50%;
  }
}

@media only screen and (min-width:1000px) {
  p.carepalettehome_num {
    width: 80%;
    margin: 20px 10% 50px 10%;
    font-size: 26px;
    line-height: 190%;
    border: #BEE7F5 solid 3px;
    box-sizing: border-box;
    padding: 50px 10%;
  }

  p.carepalettehome_list_p {
    display: block;
    width: 50%;
    margin: 50px 2% 50px 2%;
    font-size: 16px;
    overflow: hidden;
    text-align: justify;
  }

  span.carepalettehome_list_p_blu {
    color: #0066CC;
    font-size: 24px;
  }

  span.carepalettehome_text_blu {
    display: block;
    width: 100%;
    text-align: center;
    color: #0066CC;
    font-size: 32px;
    letter-spacing: 0;
    margin: 30px auto 0 auto;
    line-height: 160%;
  }

  p.carepalettehome_text_blu {
    display: block;
    width: 100%;
    text-align: center;
    color: #0066CC;
    font-size: 32px;
    letter-spacing: 0;
    margin: 100px auto;
    line-height: 160%;
  }

  .carepalettehome_flex {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -70px;
  }

  .carepalettehome_flexbtn {
    width: 50%;
  }
}

/* ================================================================
   #ほのぼのNEXTトップ改修　.honobonoNextTop
================================================================ */
.honobonoNextTop .row.inner {
  padding: 0 15px;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  .honobonoNextTop .row.inner {
    padding: 0;
  }
}

/* 商品紹介 ----------*/
.honobonoNextTop .service_block ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 30px;
}

.honobonoNextTop .service_block li {
  width: 50%;
  padding: 5px;
  box-sizing: border-box;
}

@media (min-width: 576px) {
  .honobonoNextTop .service_block ul {
    margin-left: -10px;
    margin-right: -10px;
  }

  .honobonoNextTop .service_block li {
    width: 50%;
    padding: 10px 10px;
  }
}

@media (min-width: 768px) {
  .honobonoNextTop .service_block ul {
    margin-left: -15px;
    margin-right: -15px;
  }

  .honobonoNextTop .service_block li {
    width: 33.33333%;
    padding: 10px 15px;
  }
}

.honobonoNextTop .service_block li a img {
  opacity: 1.0;
  filter: alpha(opacity=100);
  transition: 0.2s linear;
}

.honobonoNextTop .service_block li a img:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

@media (max-width: 767px) {
  .pages.honobonoNextTop .btn-radius {
    max-width: 420px;
    min-width: 250px;
    width: 90%;
    ;
  }
}

@media (min-width: 768px) {
  .pages.honobonoNextTop .btn-radius {
    width: 50%;
    max-width: 420px;
  }
}

.honobonoNextTop .btn__more.-pBtop div+div {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .honobonoNextTop .btn__more.-pBtop div+div {
    margin-top: 30px;
  }
}

/* 特長 ----------*/
@media (min-width: 768px) {
  .honobonoNextTop .pages-layout4 {
    display: flex;
    justify-content: space-between;
  }

  .honobonoNextTop .pages-layout4.reverse {
    flex-direction: row-reverse;
  }

  .honobonoNextTop .pages-layout4 .pages-layout4__img {
    width: 47%;
    order: 0 !important;
  }

  .honobonoNextTop .pages-layout4 .pages-layout4__text {
    width: 47%;
    order: 0 !important;
  }
}

.online_logo {
  margin-bottom: 10px;
  width: 100%;
  height: auto;
  max-width: 320px;
}

/* 動画 ----------*/
.honobonoNextTop .movie__Wrap2 {
  margin: 60px 0;
}

.honobonoNextTop .movie__Wrap2 .a-video {
  max-width: 640px;
  margin: 0 auto;
}

.honobonoNextTop .movie__Wrap2 .pages-section__txt {
  margin: 0 0 20px 0;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

@media (min-width: 768px) {
  .honobonoNextTop .movie__Wrap2 .pages-section__txt {
    margin: 0 0 30px 0;
    font-size: 20px;
  }
}

/* ================================================================
   # display
================================================================ */
.display-none-min {
  display: none !important;
}

@media screen and (min-width: 576px) {
  .display-none-min-sm {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .display-none-min-md {
    display: none !important;
  }
}

@media screen and (min-width: 992px) {
  .display-none-min-lg {
    display: none !important;
  }
}

@media screen and (min-width: 1200px) {
  .display-none-min-xl {
    display: none !important;
  }
}

.display-none-max {
  display: none !important;
}

@media screen and (max-width: 575px) {
  .display-none-max-sm {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .display-none-max-md {
    display: none !important;
  }
}

@media screen and (max-width: 991px) {
  .display-none-max-lg {
    display: none !important;
  }
}

@media screen and (max-width: 1199px) {
  .display-none-max-xl {
    display: none !important;
  }
}

/* ================================================================
   # 共通スタイル
================================================================ */
.s-section {
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .s-section {
    margin-bottom: 70px;
  }
}

@media (max-width: 1023px) {

  #pdf-download .inner,
  #ndstv_sp .inner,
  #aicareplan .inner,
  #about .inner,
  #carepalettehome .inner,
  #olp .inner,
  #more .inner {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
}

.max900 {
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

/* ボタンの調整 */
@media (max-width: 767px) {

  #carepalettehome .btn-radius,
  #olp .btn-radius {
    max-width: 420px;
    min-width: 250px;
    width: 90%;
    ;
  }
}

@media (min-width: 768px) {

  #carepalettehome .btn-radius,
  #olp .btn-radius {
    width: 50%;
    max-width: 420px;
  }
}

#carepalettehome .btn__more.-pBtop div+div,
#olp .btn__more.-pBtop div+div {
  margin-top: 20px;
}

@media (min-width: 768px) {

  #carepalettehome .btn__more.-pBtop div+div,
  #olp .btn__more.-pBtop div+div {
    margin-top: 30px;
  }
}

/* table */
table.default-table {
  border: 0;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}

table.default-table td,
table.default-table th {
  border: 1px solid #ccc;
  padding: 10px;
  font-size: 13px;
  line-height: 1.6;
  word-break: break-all;
}

@media (min-width: 576px) {

  table.default-table td,
  table.default-table th {
    padding: 10px;
    font-size: 14px;
  }
}

@media (min-width: 768px) {

  table.default-table td,
  table.default-table th {
    border: 1px solid #ccc;
    padding: 20px;
    font-size: 15px;
  }
}

@media (min-width: 992px) {

  table.default-table td,
  table.default-table th {
    border: 1px solid #ccc;
    padding: 22px;
    font-size: 16px;
  }
}

table.default-table th {
  background-color: #fff7df;
}

/* クリーム色 */
table .bg01 {
  background-color: #fbe5d6;
}

/* ピンクオレンジ */
table .bg02 {
  background-color: #eee;
}

/* グレイ */
/* flex */
.flex {
  display: flex;
  flex-wrap: wrap;
}

.flex>div,
.flex>li {
  box-sizing: border-box;
  margin-bottom: 10px;
}

.flex.two,
.flex.three,
.flex.four,
.flex.five {
  margin-left: -10px;
  margin-right: -10px;
}

.flex.two>div,
.flex.two>li,
.flex.three>div,
.flex.three>li,
.flex.four>div,
.flex.four>li,
.flex.five>div,
.flex.five>li {
  width: 50%;
  padding: 0 10px;
}

@media (min-width: 576px) {

  .flex>div,
  .flex>li {
    margin-bottom: 0;
  }

  .flex.two {
    margin-left: -20px;
    margin-right: -20px;
  }

  .flex.three {
    margin-left: -15px;
    margin-right: -15px;
  }

  .flex.four {
    margin-left: -10px;
    margin-right: -10px;
  }

  .flex.five {
    margin-left: -10px;
    margin-right: -10px;
  }

  .flex.two>div,
  .flex.two>li {
    width: 50%;
    padding: 0 20px;
  }

  .flex.three>div,
  .flex.three>li {
    width: 33.33333%;
    padding: 0 15px;
  }

  .flex.four>div,
  .flex.four>li {
    width: 25%;
    padding: 0 10px;
  }

  .flex.five>div,
  .flex.five>li {
    width: 20%;
    padding: 0 10px;
  }
}

/* コンテンツの3列並び */
#carepalettehome .btn__more.flex.three a,
#olp .btn__more.flex.three a {
  margin-bottom: 20px;
}

@media (min-width: 768px) {

  #carepalettehome .btn__more.flex.three,
  #olp .btn__more.flex.three {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  #carepalettehome .btn__more.flex.three a,
  #olp .btn__more.flex.three a {
    width: 30%;
    padding: 18px 40px;
    min-width: 220px;
    font-size: 17px;
  }
}

@media (min-width: 992px) {

  #carepalettehome .btn__more.flex.three a,
  #olp .btn__more.flex.three a {
    font-size: 21px;
  }
}

/* ================================================================
   #Care Palette Home/Nurse（ケアパレット ホーム ナース）改修　#carepalettehome
================================================================ */
#carepalettehome h3.common {
  font-size: 22px;
  line-height: 1.4;
  color: #ec6767;
  text-align: center;
  margin-bottom: 30px;
}

#carepalettehome h4.common {
  font-size: 17px;
  line-height: 1.4;
  color: #ec6767;
  margin-bottom: 7px;
}

#carepalettehome p {
  font-size: 14px;
  line-height: 1.8;
}

#carepalettehome .intro-block p {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  #carepalettehome h3.common {
    font-size: 36px;
    margin-bottom: 50px;
  }

  #carepalettehome h4.common {
    font-size: 22px;
    margin-bottom: 7px;
  }

  #carepalettehome p {
    font-size: 15px;
  }
}

@media (min-width: 992px) {
  #carepalettehome p {
    font-size: 16px;
  }
}

/* こんなことに困っていませんか？ -------------*/
#carepalettehome .baloon {
  background-color: #fc9e03;
  color: #fff;
  padding: 10px 10px;
  font-size: 14px;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 20px;
  position: relative;
}

#carepalettehome .baloon::after {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 20px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #fc9e03 transparent transparent transparent;
  border-width: 12px 5px 0 5px;
}

#carepalettehome ul.nayami {
  list-style: circle;
  margin: 0 0 0 24px;
  padding: 0;
}

#carepalettehome ul.nayami li {
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  padding: 0 0 5px 0;
}

@media (min-width: 768px) {
  #carepalettehome .baloon {
    padding: 15px;
    font-size: 16px;
    margin-bottom: 30px;
  }

  #carepalettehome ul.nayami li {
    font-size: 18px;
    margin-bottom: 3px;
  }
}

/* ケアパレットにお任せください -------------*/
#carepalettehome .omakase {
  border-radius: 6px;
  padding: 0;
  text-align: left;
  margin-top: 40px;
}

#carepalettehome .omakase_text {
  font-size: 16px;
  font-weight: bold;
  color: #0A4284;
  line-height: 1.4;
  text-align: center;
}

#carepalettehome .omakase img {
  max-width: 320px;
  width: 80%;
  height: auto;
  vertical-align: middle;
  display: block;
  margin: 0 auto 10px auto;
}

#carepalettehome .text1 {
  margin-bottom: 15px;
  display: block;
}

#carepalettehome .text2 {
  font-size: 22px;
}

@media (min-width: 768px) {
  #carepalettehome .omakase {
    padding: 0;
    margin-bottom: 50px;
  }

  #carepalettehome .omakase_text {
    text-align: left;
  }

  #carepalettehome .omakase img {
    max-width: 360px;
    margin-right: 15px;
    margin-bottom: 0;
    display: inline;
  }

  #carepalettehome .text1 {
    display: block;
    margin-bottom: 20px;
    text-decoration: underline;
    font-size: 22px;
  }

  #carepalettehome .text2 {
    display: block;
    font-size: 42px;
  }
}

/* ほのぼのNEXT回遊枠 -------------*/
@media (min-width: 768px) {
  .carepalettehome_9bg {
    padding-top: 100px;
  }
}

.carepalettehome_9_item a img,
.carepalettehome_9_center a img {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: 0.2s linear;
}

.carepalettehome_9_item a:hover img,
.carepalettehome_9_center a:hover img {
  opacity: 0.7 !important;
  filter: alpha(opacity=70) !important;
}

/* 機能紹介 ----------------*/
#carepalettehome .point-block {
  margin-top: 20px;
}

#carepalettehome .point-item {
  background: linear-gradient(to bottom, #ffffff 40%, #FEF2EC 70%);
  margin-bottom: 30px;
}

#carepalettehome .point-item:last-child {
  margin-bottom: 0;
}

#carepalettehome .point-item .point-title {
  font-size: 16px;
  color: #f28b8b;
  margin-bottom: 3px;
  line-height: 1.4;
}

#carepalettehome .point-item p {
  line-height: 1.6;
  margin-bottom: 20px;
}

#carepalettehome .point-image {
  text-align: center;
  width: 100%;
}

#carepalettehome .point-image img {
  max-width: 340px;
  width: 80%;
  vertical-align: bottom;
}

@media (min-width: 576px) {
  #carepalettehome .point-block {
    margin-top: 0;
  }

  #carepalettehome .point-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #carepalettehome .point-item {
    width: 49%;
    box-sizing: border-box;
    padding: 40px 25px 0 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: space-between;
    margin-bottom: 0;
  }

  #carepalettehome .point-item .point-title {
    font-size: 20px;
    margin-bottom: 10px;
  }

  #carepalettehome .point-item p {
    margin-bottom: 10px;
  }
}

#carepalettehome .web-block {
  margin-bottom: 30px;
}

#carepalettehome .web-item {
  text-align: center;
}

#carepalettehome .web-item img {
  width: 70%;
  margin: 0 auto;
}

@media (min-width: 576px) {
  #carepalettehome .web-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #carepalettehome .web-item {
    width: 48%;
  }

  #carepalettehome .web-item img {
    width: 100%;
  }

  #carepalettehome .web-block {
    margin-bottom: 50px;
  }
}

/* ================================================================
   #コラムテンプレート改修　#column
================================================================ */
#column:not(.excludelaw2024) .mv-outer.pages .mv {
  min-height: inherit;
}

@media screen and (min-width: 1024px) {
  #column:not(.excludelaw2024) .mv-outer.pages .mv {
    min-height: 280px;
  }
}

#column .info-detail__cnts {
  word-break: break-all;
}

#column:not(.excludelaw2024) p {
  font-size: 14px;
  line-height: 1.7;
}

@media (min-width: 576px) {
  #column:not(.excludelaw2024) p {
    font-size: 15px;
  }
}

@media (min-width: 768px) {
  #column:not(.excludelaw2024) p {
    font-size: 16px;
    line-height: 1.8;
  }
}

@media (min-width: 1024px) {
  #column:not(.excludelaw2024) p {
    font-size: 17px;
  }
}

@media (max-width: 767px) {
  #column .btn-radius {
    max-width: 420px;
    min-width: 250px;
    width: 90%;
    ;
  }
}

@media (min-width: 768px) {
  #column .btn-radius {
    width: 50%;
    max-width: 420px;
  }
}

#column .btn__more.-pBtop div+div {
  margin-top: 20px;
}

@media (min-width: 768px) {
  #column .btn__more.-pBtop div+div {
    margin-top: 30px;
  }
}

#column .thumbnail_img {
  background-repeat: no-repeat;
  background-size: cover;
}

#column .kai_page {
  text-align: right;
  font-size: 14px;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  #column .kai_page {
    font-size: 18px;
  }
}

/* 改ページボタン --------------------------------*/
.post-nav-links {
  margin: 60px 0;
  text-align: center;
}

.post-nav-links .post-page-numbers:first-child {
  margin-left: 10px;
}

.post-nav-links span,
.post-nav-links a {
  background-color: #ddd;
  padding: 20px 22px;
  font-size: 13px;
  color: #333;
  border-radius: 3px;
  display: inline-block;
  margin: 0 3px;
  text-decoration: none;
  line-height: 1;
}

.post-nav-links a {
  background-color: #aaa;
  color: #fff;
}

.post-nav-links a:hover {
  background-color: #ec8b8b;
  color: #fff;
}

/* 関連記事 --------------------------------*/
#column .recommend a {
  text-decoration: none;
  line-height: 1.6;
}

#column .recommend .title br {
  display: none;
}

#column .recommend {
  border: 1px dashed #ddd;
  padding: 10px;
  margin-bottom: 30px;
}

#column .recommend_box {
  margin-bottom: 10px;
}

#column .recommend_box:last-child {
  margin-bottom: 0;
}

#column .recommend .thumbnail_box {
  width: 100%;
  height: 52vw;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}

#column .recommend .thumbnail_img {
  width: 100%;
  height: 52vw;
  display: block;
  background-position: center;
  background-size: cover;
  transition-duration: 0.3s;
}

@media (min-width: 576px) {
  #column .recommend {
    padding: 20px;
    margin-bottom: 40px;
    border: 2px dashed #ddd;
  }

  #column .recommend_box {
    margin-bottom: 20px;
  }

  #column .recommend_box a {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #column .recommend_box .thumbnail_box {
    width: 25%;
  }

  #column .recommend_box .text {
    width: 72%;
  }

  #column .recommend .thumbnail_box,
  #column .recommend .thumbnail_img {
    height: 16vw;
  }
}

@media (min-width: 992px) {
  #column .recommend {
    padding: 30px;
    margin-bottom: 60px;
  }

  #column .recommend .thumbnail_box,
  #column .recommend .thumbnail_img {
    height: 140px;
  }
}

#column .recommend .column-cat {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  padding: 5px 10px;
  width: 60px;
}

#column .recommend .text {
  margin: 7px 0 10px 0;
}

#column .recommend .date {
  font-size: 11px;
}

#column .recommend .title {
  /*font-weight: bold;*/
  line-height: 1.4;
  margin: 0 0 5px 0;
  text-decoration: underline;
  font-size: 14px;
}

#column .recommend .more {
  text-align: right;
  font-size: 11px;
  text-decoration: underline;
}

@media (min-width: 576px) {
  #column .recommend .text {
    margin: 0;
  }

  #column .recommend .date {
    font-size: 12px;
  }

  #column .recommend .title {
    margin: 5px 0 10px 0;
    font-size: 16px;
  }

  #column .recommend .more {
    font-size: 12px;
  }
}

@media (min-width: 992px) {
  #column .recommend .column-cat {
    font-size: 13px;
  }

  #column .recommend .date {
    font-size: 13px;
  }

  #column .recommend .title {
    font-size: 17px;
  }

  #column .recommend .more {
    font-size: 13px;
  }
}

/* ================================================================
   #トップページ　オンラインプラットフォームの導線追加 210608
================================================================ */
.service-cat-list-head .pB__text {
  line-height: 1.5;
}

.service-cat-list .pB__detail .pB__img img {
  width: 100%;
}

#service-cat-list-5 .service-cat-list-head h3 {
  background-color: #f9a93d;
}

#service-cat-list-5.service-cat-list {
  width: 100%;
  margin-top: 30px;
}

#service-cat-list-5 .service-cat-list-body .pB__detail {
  border-top: 2px solid #f9a93d;
  padding: 1.2em;
}

#service-cat-list-5 .online-title {
  font-size: 16px;
  font-weight: bold;
  margin: 20px 0 10px 0;
  padding: 10px 0 10px 10px;
  border-left: 3px solid #f9a93d;
}

@media (min-width: 768px) {
  #service-cat-list-5 .online-title {
    margin: 30px 0 15px 0;
  }

  #service-cat-list-5 .pB__detailed__clm2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -10px;
    margin-right: -10px;
  }

  #service-cat-list-5 .pB__detailed__clm2 li {
    width: 50%;
    padding: 0 10px;
    box-sizing: border-box;
  }
}

#service-cat-list-5 .pB__detail__item {
  margin-bottom: 0;
}

#service-cat-list-5 a:hover {
  background-color: #fff8f0;
}

#service-cat-list-5 a.nolink:hover {
  background-color: #fff;
  cursor: default;
}

#service-cat-list-5 a.nolink:after {
  border: none;
  display: none;
}

/* ================================================================
   #製品・サービストップページ　オンラインプラットフォームの導線追加 210608
================================================================ */
#pB-top_online .pB-top__title.-online {
  background: #f9a93d;
}

#pB-top_online .pB-top.-online {
  background: #fff8f0;
}

#pB-top_online ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

#pB-top_online ul li {
  width: 50%;
  margin-bottom: 20px;
  line-height: 1.4;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 13px;
}

@media (min-width: 576px) {
  #pB-top_online ul li {
    width: 33.3333333%;
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  #pB-top_online ul li {
    width: 20%;
    font-size: 16px;
  }
}

#pB-top_online a:hover {
  color: #f78625;
}

#pB-top_online ul li img {
  width: 100%;
  display: block;
  margin-bottom: 7px
}

#pB-top_online u {
  color: #f78625;
  text-decoration: none;
}

.clr_readmore.-c04 span:after {
  color: #f78625;
}

/* ================================================================
   #OLP onlineプラットフォーム改修　#olp  210608
================================================================ */
#olp h3.olp_title {
  margin-bottom: 40px;
  text-align: center;
}

#olp h3.olp_title img {
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
}

#olp h3+.catch {
  font-size: 14px;
  line-height: 1.7;
}

@media (min-width: 768px) {
  #olp h3.olp_title img {
    max-width: 500px;
  }
}

@media (min-width: 992px) {
  #olp h3+.catch {
    text-align: center;
    font-size: 18px;
  }
}

/* 以下の課題解決に有効です！ ----------*/
.flex-block {
  margin-bottom: 60px;
}

.flex-block.three>div {
  margin-bottom: 30px;
}

.flex-block.three>div img {
  margin-bottom: 15px;
}

.point_text {
  font-size: 16px;
  margin: 0 auto;
  text-align: left;
  line-height: 1.6;
}

@media (min-width: 640px) {
  .flex-block {
    display: flex;
    flex-wrap: wrap;
  }

  .flex-block.three {
    justify-content: space-between;
  }

  .flex-block.three>div {
    width: 31%;
    margin-bottom: 0;
  }

  .flex-block.three>div img {
    margin-bottom: 20px;
  }

  .point_text {
    font-size: 16px;
  }
}

@media (min-width: 768px) {
  .point_text {
    font-size: 16px;
  }
}

.flex-block.three>div:last-child {
  margin-bottom: 0;
}

#olp ul.custom_list li {
  list-style-type: none;
  list-style-position: inside;
  counter-increment: cnt;
  margin: 0;
  padding: 0 0 0 32px;
}

#olp ul.custom_list li:before {
  display: marker;
  content: "※" counter(cnt) "：";
  margin-left: -32px;
}

@media screen and (min-width: 768px) {
  #olp ul.custom_list li {
    padding: 0 0 0 36px;
  }

  #olp ul.custom_list li:before {
    margin-left: -36px;
  }
}

.btn__more-block {
  margin: 100px auto 60px auto;
}

.btn__more-block p+.btn__more {
  margin-top: 50px;
}

.pB-top__title {
  line-height: 1.4;
  padding: 10px;
}

@media screen and (min-width: 768px) {
  .pB-top__title {
    line-height: 1.4;
    padding: 20px;
  }
}

.btn-next,
.btn-more,
.btn-backbone,
.btn-municipality {
  background-color: #fff;
  transition: 0.2s linear;
  display: block;
  opacity: 1;
  filter: alpha(opacity=100);
}

.btn-next:hover {
  background-color: #EDF5FB;
}

.btn-more:hover {
  background-color: #F5FBED;
}

.btn-backbone:hover {
  background-color: #FEF3F3;
}

.btn-municipality:hover {
  background-color: #feece3;
}

.pB-top__inr a img {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: 0.15s linear;
}

.pB-top__inr a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

/* ================================================================
   #ほのぼのmore改修　#more  210611
================================================================ */
.breadcrumb.gray a {
  color: #333;
}

.breadcrumb.gray li:after {
  border-color: #333;
}

.small_note {
  font-size: 85%;
}

/* pagenavi --------------*/
.pagenavi {
  border: 2px solid #52AA3A;
  margin: 0 0 2rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.pagenavi * {
  box-sizing: border-box;
}

.pagenavi li {
  width: 100%;
  border-bottom: 1px dotted #bbb;
  font-size: 13px;
}

@media (min-width: 768px) {
  .pagenavi {
    border-radius: 4px;
  }

  .pagenavi li {
    border-bottom: none;
  }
}

.pagenavi li:last-child {
  border-bottom: none;
}

.pagenavi li a {
  display: block;
  text-align: left;
  padding: 20px 10px;
  background: url(../imgs/shared/icon04.png) no-repeat center right 15px;
  background-size: 10px 7px;
  color: #555 !important;
  transition: 0.1s linear;
}

.pagenavi li a:hover {
  background-color: #F4FDEE;
  color: #315d22 !important;
}

@media (min-width: 768px) {
  .pagenavi {
    border: 3px solid #52AA3A;
    ;
    margin: 3rem 0 4rem 0;
  }

  .pagenavi li {
    width: calc(100% / 3);
    float: left;
    border-right: 1px dotted #ccc;
    border-bottom: none;
    font-size: 16px;
  }

  *::-ms-backdrop,
  .pagenavi li {
    width: 33.33%;
    /* IE11 */
  }

  .pagenavi li:nth-of-type(1),
  .pagenavi li:nth-of-type(2),
  .pagenavi li:nth-of-type(3) {
    /*border-bottom: 1px dotted #ccc;*/
  }

  .pagenavi li:nth-of-type(3) {
    border-right: none;
  }

  .pagenavi li a {
    text-align: center;
    padding: 30px 20px;
  }
}

.pagenavi li a {
  position: relative;
}

.pagenavi li a::before,
.pagenavi li a::after {
  position: absolute;
  top: 3px;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.pagenavi li a::before {
  right: 12px;
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  border: 6px solid transparent;
  border-top: 6px solid #539e1d;
}

/* --- */
.search_cat a {
  text-decoration: underline;
}

.pagenavi02 {
  border-top: 2px dotted #ccc;
  border-bottom: 2px dotted #ccc;
  padding: 30px 0 15px 0;
  margin: 0 0 40px 0;
}

.pagenavi02 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 0 0 22px;
  box-sizing: border-box;
}

.pagenavi02 li {
  width: 100%;
  padding: 0 0 15px 0;
  list-style: disc;
  box-sizing: border-box;
  line-height: 1.4;
  font-size: 14px;
}

@media (min-width: 576px) {
  .pagenavi02 li {
    width: 50%;
  }
}

.pagenavi02 a {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .pagenavi02 li {
    width: 33.3333%;
    font-size: 16px;
  }
}

/* --- */
#more p {
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 15px;
}

#more ul.disc {
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 20px;
  margin-left: 22px;
}

#more ul.disc li {
  list-style: disc;
}

@media (min-width: 576px) {
  #more p {
    font-size: 14px;
  }

  #more ul.disc {
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  #more p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 20px;
  }

  #more ul.disc {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 30px;
  }
}

@media (min-width: 1024px) {
  #more p {
    font-size: 16px;
    margin-bottom: 25px;
  }

  #more ul.disc {
    font-size: 15px;
  }
}

@media (min-width: 768px) {
  .image_s {
    width: 70%;
  }
}

/* ------ */
.border-box {
  background: repeating-linear-gradient(-45deg, #ddd, #ddd 1px, #fff 0, #fff 4px);
  background-size: 6px 6px;
  background-repeat: repeat;
  padding: 4%;
  position: relative;
  z-index: 0;
  margin: 30px auto;
}

.border-box::before {
  content: "";
  background: #FFF;
  background-size: 70%;
  background-repeat: repeat-x;
  margin: auto;
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  z-index: -1;
}

.border-box p {
  margin-bottom: 0 !important;
}

#more .flex.two>div {
  width: 100%;
}

@media (min-width: 768px) {
  #more .flex.two>div {
    width: 50%;
  }

  #more .flex.two.more>div:first-child {
    width: 60%;
  }

  #more .flex.two.more>div:last-child {
    width: 40%;
  }
}

#more .catch {
  font-size: 18px;
  color: #214D97;
  margin-bottom: 20px;
  line-height: 1.5;
  font-weight: bold;
}

@media (min-width: 768px) {
  #more .catch {
    font-size: 20px;
    margin-bottom: 30px;
  }
}

#more .sub {
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 1.7;
}

#more .tag {
  border: 2px solid #53aa36;
  padding: 10px 10px;
  font-size: 14px;
  margin: 5px 0 15px 0;
  display: inline-block;
  border-radius: 2px;
  background-color: #53aa36;
  color: #fff;
}

#more h6.r-head3.hd-gd_bl span {
  font-size: 70%;
}

#more .logo {
  padding: 10px 0;
}

#more .logo img {
  width: 260px;
  height: auto;
}

@media (min-width: 768px) {
  #more .logo img {
    width: 400px;
    height: auto;
  }
}

.border-box-inner.flex>div:first-child {
  width: 70%;
}

.border-box-inner.flex>div:last-child {
  width: 30%;
}

.title-header {
  margin-bottom: 40px;
}

.sub_text {
  font-size: 16px;
  line-height: 1.5;
  display: block;
  margin-top: 20px;
  color: #333;
}

@media (min-width: 768px) {
  .title-header {
    margin-bottom: 50px;
  }

  .sub_text {
    font-size: 22px;
    text-align: center;
  }
}

h3.parenthesis {
  font-weight: 900;
  color: #f28b8b;
  text-align: center;
  line-height: 1.3;
  font-size: 22px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  padding: 5px 7% 15px 7%;
  margin: 0 auto 0 auto;
}

h3.parenthesis .point {
  text-align: center;
  margin-bottom: 10px;
}

h3.parenthesis span {
  display: block;
  background-color: #f28b8b;
  color: #fff;
  border-radius: 100px;
  letter-spacing: 1px;
  width: 80px;
  margin: 0 auto;
  font-size: 11px;
  padding: 5px 15px;
  font-weight: normal;
}

@media (min-width: 768px) {
  h3.parenthesis span {
    width: 120px;
    margin-bottom: 30px;
    font-size: 15px;
    padding: 8px 15px;
  }

  h3.parenthesis {
    line-height: 1.3;
    font-size: 30px;
    letter-spacing: 1px;
  }
}

@media (min-width: 992px) {
  h3.parenthesis span {
    font-size: 16px;
  }

  h3.parenthesis {
    font-size: 50px;
  }
}

/* ================================================================
   #ほのぼのnextとは改修　#about  210615
================================================================ */
/* 01:ほのぼのnextとは --------*/
#about h3.pages__head3.hd-col {
  margin: 0 0 40px 0;
}

#about p.pages__text.-concept {
  margin-bottom: 40px;
}

/* 1.テキスト形式 */
#about .about-block {
  margin-top: 20px;
}

#about .about-block>div {
  margin-bottom: 30px;
  line-height: 1.7;
}

#about .about-block>div:last-child {
  margin-bottom: 0;
}

/* 02:クラウドにも対応 --------*/
/* 03:サービス一覧 --------*/
#about .service-block ul {
  margin-bottom: 20px;
  list-style: circle;
  padding: 0 0 0 22px;
}

#about .service-block ul li {
  position: relative;
  font-size: 14px;
  line-height: 1.6em;
  box-sizing: border-box;
  list-style: circle;
}

#about .servise-title {
  background-color: #519ed4;
  padding: 12px 12px 12px 12px;
  margin-bottom: 20px;
  color: #fff;
  font-size: 15px;
  position: relative;
  line-height: 1.4;
}

#about .servise-title.c01 {
  background-color: #518547;
}

#about .servise-title.c02 {
  background-color: #B04F5B;
}

#about .servise-title.c03 {
  background-color: #3f61b9;
}

#about .servise-title.c04 {
  background-color: #82622c;
}

#about .servise-title img {
  display: none;
}

#about .servise-cat {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 14px;
}

#about .service-block p {
  font-size: 14px;
  line-height: 1.6;
}

#about .s-section.service-block {
  margin-bottom: 40px;
}

@media (min-width: 576px) {
  #about .service-block ul li {
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  #about .servise-title {
    padding: 15px;
    margin-bottom: 25px;
    font-size: 17px;
    padding-left: 90px;
  }

  #about .service-block ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
  }

  #about .service-block ul li {
    width: 48%;
    font-size: 15px;
  }

  #about .servise-cat {
    font-size: 15px;
  }

  #about .servise-title img {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: auto;
  }
}

/* ================================================================
   #ボタン改修用
================================================================ */
.btn-block a,
.btn-block02.border a,
.fullwidth a {
  font-size: 14px;
}

@media (min-width: 640px) {

  .btn-block a,
  .btn-block02.border a,
  .fullwidth a {
    font-size: 15px
  }
}

@media (min-width: 992px) {

  .btn-block a,
  .btn-block02.border a,
  .fullwidth a {
    font-size: 16px
  }
}

/* ノーマルボタン ------------------------------------------*/
.btn-block {
  margin-top: 60px;
  margin-bottom: 60px;
}

.btn-block div {
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 639px) {
  .btn-block div+div {
    margin-top: 15px;
  }
}

@media (min-width: 640px) {
  .btn-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -1.5%;
    margin-right: -1.5%;
  }

  .btn-block div {
    width: 33.33333%;
    padding: 0 1.5%;
  }
}

.btn-block div a {
  display: block;
  padding: 25px 25px;
  background-color: #2860a5;
  text-align: center;
  color: #fff;
  transition: .2s;
  position: relative;
}

.btn-block div a:hover {
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  background-color: #519ed4;
}

.shadow a {
  box-shadow: 5px 5px 12px 5px rgb(0 0 0 / 15%);
}

.btn-block div a::before,
.btn-block div a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.btn-block div a::before {
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* ノーマルボタン（色違い） */
.btn-block.c02 div a {
  background-color: #f38080;
  border-radius: 4px;
  box-shadow: none;
}

.btn-block.c03 div a {
  background-color: #519ed4;
  border-radius: 2px;
  box-shadow: none;
}

/* 透過 */
.btn-block.c02 div a,
.btn-block02 div a {
  opacity: 1.0;
  filter: alpha(opacity=100);
}

.btn-block.c02 div a:hover,
.btn-block02 div a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  transform: translate3d(0, 1px, 0);
}

/* 線で囲う ------------------------------------------*/
.btn-block02.border {
  background-color: #f1f9ff;
  padding: 25px;
  margin: 60px auto;
  max-width: 1000px;
  box-sizing: border-box;
}

.btn-block02-inner div {
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 639px) {
  .btn-block02-inner div+div {
    margin-top: 15px;
  }
}

@media (min-width: 640px) {
  .btn-block02.border {
    padding: 40px 30px;
  }

  .btn-block02-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -1.5%;
    margin-right: -1.5%;
  }

  .btn-block02-inner div {
    width: 33.33333%;
    padding: 0 1.5%;
  }
}

@media (min-width: 768px) {
  .btn-block02.border {
    padding: 50px;
  }
}

.btn-block02-inner div a {
  display: block;
  padding: 25px;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  background-color: #3e9fa9;
  background-color: #519ed4;
  position: relative;
  transition: .2s;
}

.btn-block02-header {
  margin-bottom: 15px;
}

.btn-block02-inner-title {
  text-align: center;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #519ed4;
  line-height: 1.3;
}

.btn-block02-inner-title+p {
  text-align: left;
  line-height: 1.5;
  font-size: 13px;
}

@media (min-width: 640px) {
  .btn-block02-header {
    margin-bottom: 20px;
  }

  .btn-block02-inner-title {
    margin-bottom: 20px;
    font-size: 22px;
  }

  .btn-block02-inner-title+p {
    font-size: 15px;
    text-align: center;
  }
}

@media (min-width: 768px) {
  .btn-block02-header {
    margin-bottom: 30px;
  }
}

.btn-block02 div a::before,
.btn-block02 div a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.btn-block02-inner div a::before {
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* 線で囲う02 */
.btn-block02.border.c02 {
  border: 4px solid #d7e8f5;
  background-color: #fff;
}

.button_c01 {
  background-color: #F28B8B !important;
}

.button_c02 {
  background-color: #97cc45 !important;
}

/* fullで ------------------------------------------*/
.fullwidth {
  padding: 80px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-align: center;
}

section.border_t0 {
  border-top: 0;
  margin-top: 0
}

section.border_b0 {
  border-bottom: 0;
  margin-bottom: 0
}

.fullwidth-inner {
  max-width: 1000px;
  margin: 0 auto;
}

.fullwidth-inner div {
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 639px) {
  .fullwidth-inner div+div {
    margin-top: 15px;
  }
}

@media (min-width: 640px) {
  .fullwidth {
    padding: 80px 20px;
  }

  .fullwidth-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -1.5%;
    margin-right: -1.5%;
  }

  .fullwidth-inner div {
    width: 33.33333%;
    padding: 0 1.5%;
  }
}

.fullwidth div a {
  display: block;
  padding: 25px;
  background-color: #519ed4;
  color: #fff;
  text-align: center;
  position: relative;
  transition: .2s;
}

.fullwidth div a {
  opacity: 1.0;
  filter: alpha(opacity=100);
}

.fullwidth div a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  transform: translate3d(0, 1px, 0);
}

.fullwidth div a::before,
.fullwidth div a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.fullwidth div a::before {
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fullwidth-header {
  margin-bottom: 20px;
}

.fullwidth-title {
  text-align: center;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #519ed4;
}

.fullwidth-title+p {
  line-height: 1.5;
  font-size: 13px;
}

@media (min-width: 640px) {
  .fullwidth-header {
    margin-bottom: 40px;
  }

  .fullwidth-title {
    margin-bottom: 20px;
    font-size: 30px;
  }

  .fullwidth-title+p {
    font-size: 16px
  }
}

#a_btn {
  padding-top: 120px;
  margin-top: -120px;
  display: block;
}

/* ================================================================
   NDS TVのページ
================================================================ */
#ndstv_sp * {
  box-sizing: border-box;
}

#ndstv_sp .tv-img-top {
  width: 100%;
}

#ndstv_sp .btn-radius,
.pages .btn-radius {
  border-radius: 0;
}

#ndstv_sp .a-video .youtube-thumbnail a {
  background-color: #000;
}

#ndstv_sp .a-video .youtube-thumbnail a img {
  opacity: 60%;
}

#ndstv_sp .a-video .youtube-thumbnail a:after {
  background-color: #FD464A;
  width: 80px;
  height: 54px;
}

@media screen and (max-width: 768px) {
  #ndstv_sp .a-video .youtube-thumbnail {
    display: none;
  }
}

#ndstv_sp .pages-section {
  margin: 40px auto;
}

@media (min-width: 768px) {
  #ndstv_sp .pages-section {
    margin: 60px auto 60px auto;
  }
}

#ndstv_sp .row.inner {
  max-width: 1200px;
}

@media (max-width: 1199px) {
  #ndstv_sp .row.inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}

#ndstv_sp .tv-about-block {
  margin-bottom: 40px;
}

#ndstv_sp .tv-img-sub-container {
  margin-top: 10px;
  margin-bottom: 25px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#ndstv_sp .tv-img-sub {
  width: 49%;
  height: auto;
}

@media (min-width: 768px) {
  #ndstv_sp .tv-about-container.flex {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
  }

  #ndstv_sp .tv-about-block {
    width: 47%;
    margin-bottom: 40px;
  }
}

/* NDSTVの特徴 */
#ndstv_sp .tv-about-text {
  padding: 0 0 30px 0;
}

@media (min-width: 768px) {
  #ndstv_sp .tv-about-text {
    width: 48%;
  }

  #ndstv_sp .tv-about-img {
    width: 48%;
    justify-content: space-between;
  }
}

/* タイトル */
#ndstv_sp .tv-black {
  font-size: 1.3em;
  line-height: 1.5em;
  font-weight: bold;
  position: relative;
  margin-bottom: 1em;
  text-align: center;
}

#ndstv_sp .tv-black span {
  position: relative;
}

@media (min-width: 768px) {
  #ndstv_sp .tv-black {
    font-size: 2.4em;
    margin-bottom: 1.5em;
  }
}

/* 青字 */
#ndstv_sp .tv-blue {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.5;
  margin: 5px 0;
  color: #519ed4;
}

#ndstv_sp .tv-blue-sub {
  font-size: .9em;
  color: #519ed4;
  font-weight: bold;
  line-height: 1.5;
  display: inline-block;
}

@media (min-width: 768px) {
  #ndstv_sp .tv-blue {
    font-size: 1.3em;
  }

  #ndstv_sp .tv-blue-sub {
    font-size: 1em;
  }
}

@media (min-width: 992px) {
  #ndstv_sp .tv-blue {
    font-size: 1.5em;
  }
}

/* チェックリスト */
#ndstv_sp ul.tv-about-list {
  margin: 1em auto 1.5em 0;
  font-size: .9em;
  line-height: 1.3;
}

#ndstv_sp li {
  list-style-type: none;
  position: relative;
  padding-left: 25px;
  margin: .5em 0;
}

#ndstv_sp li:before {
  content: "";
  position: absolute;
  top: .2em;
  left: 6px;
  -webkit-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
  width: 3px;
  height: 10px;
  border-right: 2px solid #519ed4;
  border-bottom: 2px solid #519ed4;
}

#ndstv_sp li:after {
  content: "";
  position: absolute;
  top: .1em;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #000;
  border-radius: 2px;
}

@media (min-width: 768px) {
  #ndstv_sp ul.tv-about-list {
    margin: 1.5em auto 2.0em 0;
    font-size: 1.1em;
  }

  #ndstv_sp li {
    padding-left: 25px;
    margin: 1em 0;
  }
}

.to_ndstv {
  background-color: #01459a;
  padding: 40px 0 40px 0;
  margin: 0;
  position: relative;
  text-align: center;
}

.to_ndstv:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-width: 0 20px 20px 20px;
}

@media (min-width: 768px) {
  .to_ndstv {
    padding: 60px 0 60px 0;
  }

  .to_ndstv:after {
    border-width: 0 30px 30px 30px;
  }
}

.to_ndstv-banner {
  opacity: 1.0;
  filter: alpha(opacity=100);
  transition: 0.1s linear;
}

.to_ndstv-banner:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/* ================================================================
   KV高さの改修
================================================================ */
.head__inr {
  background: none;
  background-color: #fff;
}

.wrap {
  padding-top: 60px;
}

.head,
.head__inr {
  height: 60px;
  background-color: #fff;
}

.head {
  background-color: #fff;
}

.sp-menu__btn {
  top: 17px;
}

@media screen and (min-width: 1024px) {
  .wrap {
    padding-top: 120px;
  }

  .head,
  .head__inr {
    height: 120px;
  }
}

.breadcrumb {
  top: 10px;
  left: 10px;
}

@media screen and (min-width: 1024px) {
  .breadcrumb {
    top: 15px;
    left: 10px;
  }
}

.mv-outer.pages {
  position: relative;
  width: 100%;
  height: auto;
}

.mv-outer.pages .mv {
  width: 100%;
  position: relative;
  height: auto;
  overflow: hidden;
  margin: 0 auto 0;
}

@media screen and (min-width: 768px) {
  .mv-outer.pages .mv {
    min-height: 300px;
  }

  .mv-outer.pages img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    max-width: inherit;
    width: auto;
    max-height: auto;
  }
}

@media screen and (min-width: 1024px) {
  .mv-outer.pages .mv .pages__main-title {
    font-size: 48px;
  }
}

/* 例外的に元のサイズ（大き目KVにしたい時） */
@media screen and (min-width: 768px) {
  body.kv_height .mv-outer.pages .mv {
    min-height: 440px;
  }
}

/* ================================================================
   PDF資料ダウンロードのページ
================================================================ */
#pdf-download .pages-section {
  margin: 60px auto 60px;
}

#pdf-download .dl-list2 a {
  text-decoration: none;
}

#pdf-download .dl-list2 {
  display: block;
  text-align: center;
  margin: 30px auto 0 auto;
}

#pdf-download .pdf-sougou-inner .dl-list2 p {
  margin-top: 0;
  margin-bottom: 0;
}

#pdf-download .pdf-sougou {
  display: flex;
  justify-content: space-between;
  justify-content: flex-start;
  margin: 0 auto 40px auto;
  margin-left: -1%;
  margin-right: -1%;
}

#pdf-download .pdf-sougou-inner {
  width: 49.5%;
  padding: 20px 30px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  border: 1px solid #efefef;
  margin-right: 10px;
}

#pdf-download .pdf-sougou-inner:nth-child(2) {
  margin-right: 0;
}

#pdf-download .pdf-sougou-inner p {
  margin: 20px 0;
  /*height: 2em;*/
  line-height: 1.7;
}

#pdf-download .pdf-img-l {
  min-width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#pdf-download .pdf-img-l img {
  width: 100%;
}

#pdf-download .pdf-img-s {
  min-width: 49%;
  display: flex;
  margin-bottom: 15px;
}

#pdf-download .pdf-img-s img {
  width: 100%;
  margin: 20px auto;
}

#pdf-download .pdf-option {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  justify-content: flex-start;
  text-align: center;
  margin-left: -1%;
  margin-right: -1%;
}

#pdf-download .pdf-option-inner {
  width: 32.5%;
  margin: 30px 10px 30px 0;
  padding: 0 1%;
  box-sizing: border-box;
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 20px 10px;
}

#pdf-download .pdf-option-inner:nth-of-type(3n) {
  margin-right: 0;
}

#pdf-download .pdf-option-inner p {
  margin: 10px auto 40px auto;
  line-height: 1.5em;
  text-align: left;
  font-size: 90%;
  width: 95%;
}

#pdf-download .pdf-option-inner .pdf-list {
  width: 90%;
  margin: 0 auto;
  margin-top: auto;
  display: block;
}

#pdf-download .btn-radius.pdfdl-short {
  min-width: 100%;
  border-radius: 50px;
  text-align: center;
  font-size: 1em;
  display: block;
  margin: 0 auto;
}

#pdf-download .pdf-caption-bold {
  font-size: 1em;
  font-weight: bold;
  margin: 0 auto;
  line-height: 1.8em;
  /*height: 4em;*/
}

#pdf-download .pdf-option::after {
  display: block;
  content: "";
  width: 32%;
}

@media (max-width: 768px) {
  #pdf-download .pdf-sougou {
    display: block;
  }

  #pdf-download .pdf-sougou-inner {
    width: 100%;
    margin-bottom: 50px;
    padding: 10px;
  }

  #pdf-download .pdf-option {
    display: block;
  }

  #pdf-download .pdf-option-inner {
    width: 100%;
  }

  #pdf-download .btn-radius.pdfdl-short {
    width: 90%;
    max-width: 90%;
  }
}

#pdf-download .pdf-option-inner {
  border: 1px solid #efefef;
}

.how-dl-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .how-dl-title {
    font-size: 18px;
  }
}

.how-dl {
  background-color: #CBEAF6;
  padding: 5px;
  margin-bottom: 32px;
  position: relative;
}

.how-dl::before {
  content: "";
  background-image: url(img/oblique-wihite.png);
  background-size: 55px;
  background-repeat: repeat;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.how-dl-inner {
  background-color: #FFF;
  padding: 16px 12px;
  position: relative;
  z-index: 2;
}

.how-dl li {
  font-size: 12px;
  line-height: 1.6;
  display: flex;
}

.how-dl li+li {
  border-top: #E4E4E4 solid 1px;
  padding-top: 1.25em;
  margin-top: 1.25em;
}

.how-dl li figure {
  width: 40px;
}

.how-dl li div {
  width: calc(100% - 40px);
  padding-left: 12px;
}

.how-dl .how-dl-ttl {
  display: block;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 6px;
}

.how-dl .how-dl-icon,
.how-dl .how-dl-icon_mac {
  color: #0177FE;
  font-weight: bold;
  align-items: center;
}

.how-dl .how-dl-icon_mac {}

.how-dl .how-dl-icon img,
.how-dl .how-dl-icon_mac img {
  display: inline;
  height: 24px;
  width: 24px;

  vertical-align: bottom;
  padding: 0 4px;
}

@media screen and (min-width: 768px) {
  .how-dl {}

  .how-dl-inner {
    padding: 24px;
  }

  .how-dl li {
    font-size: 14px;
  }

  .how-dl li figure {
    width: 48px;
  }

  .how-dl li div {
    width: calc(100% - 48px);
    padding-left: 16px;
  }
}

/*--------------------------------------------コラムページ*/
.taidan01 .detail__case-read {
  border-bottom: none;
}

.two-column-column main *:not(.fas) {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

.two-column-column .row {
  max-width: 1140px;
  padding: 0 30px;
  box-sizing: border-box;
}

.two-column-column .pages-section {
  margin-top: 0;
}

.two-column-column .mv-column {
  padding: 30px 0;
  /*background-color: #f0fbff;*/
  background: url(https://www.ndsoft.jp/wp/wp-content/themes/ndsoft/img/mv_column.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
}

.two-column-column:not(.excludelaw2024) .mv-outer.pages .mv {
  margin-top: 0;
  min-height: auto;
}

.two-column-column .mv-outer:after {
  display: none;
}

.two-column-column:not(.excludelaw2024) .breadcrumb {
  position: relative;
  top: 0px;
  left: 0;
  z-index: 1;
}

/*.two-column-column .breadcrumb * {color: #000;}
.two-column-column .breadcrumb li:after {
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    }*/
.two-column-column .main-title {
  font-size: 4em;
  font-weight: bold;
  margin: 1em 0 .5em;
  color: #FFF;
}

.two-column-column .sub-title {
  line-height: 1.8;
  color: #FFF;
}

.two-column-column .pages-2clm {
  margin-top: 40px;
}

.two-column-column .column-list .column-main {
  width: calc(100% - 360px);
}

.two-column-column .column-list .column__list__thumb {
  position: relative;
}

.two-column-column .column-list .column__list__thumb i,
.two-column-column .column-list .new-icon {
  position: absolute;
  top: -10px;
  left: -10px;
  background-color: red;
  line-height: 20px !important;
}

.two-column-column .column-list .new-inr {
  color: #FFF;
}

.two-column-column .column-list .column__list__thumb .new-inr {
  color: #fff;
}

.two-column-column .column-list .posts>a {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #d7d7d7;
  position: relative;
}

.two-column-column .column-list .posts>a:after {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(-45deg);
  right: 6px;
  bottom: 10px;
}

.two-column-column .column-list .posts>a:hover:after {
  border-right: 2px solid #477ab8;
  border-bottom: 2px solid #477ab8;
}

.two-column-column .column-list .column__list {
  margin-bottom: 0;
}

.two-column-column .column-list .posts>a:hover {
  background-color: #f7f7fa;
}

.two-column-column .column-list .column__list__day {
  font-size: 1em;
}

.two-column-column .column-list .column-cat {
  margin-top: 1em;
}

.two-column-column .case__list__thumb img {
  max-width: 100%;
  width: 100%;
  border-radius: 3px;
}

.two-column-column figcaption {
  font-size: 13px;
  color: #888;
  font-style: italic;
}

.two-column-column small {
  font-size: 16px;
  display: block;
  font-weight: bold;
  text-align: center;
  margin: 2em 0 4em;
}

.two-column-column small i {
  color: #bd1b1b;
  margin-right: 6px;
}

.two-column-column #column .btn__more .btn-radius {
  width: 100%;
  max-width: 100%;
  background-color: #75cec6;
  border: none;
  color: #FFF;
  border-radius: 2px;
}

.two-column-column #column .btn__more .btn-radius:after {
  color: #FFF;
}

.two-column-column #column .btn__more .btn-radius:hover {
  background-color: #98e1da;
}

/*---------------------------------------サイドバー　人気記事*/
.two-column-column .column-list .column-popular-item a {
  display: flex;
  font-size: 0.9em;
  padding: 15px 0;
}

.two-column-column .column-list .side-nav__list-column li {
  border-bottom: 1px solid #d7d7d7;
  position: relative;
  margin: 5px auto;
}

.two-column-column .column-list .side-nav__list-column .column-popular-title p {
  font-size: 14px !important;
  font-weight: bold;
  line-height: 1.6;
}

.two-column-column .column-list .column-popular-item:hover {
  opacity: 0.8;
  transition-duration: 0.2s;
  color: #477ab8;
}

.two-column-column .column-list .column-popular-icon {
  position: absolute;
  top: 0;
  left: -10px;
  width: 30px;
}

.two-column-column .column-list .column-popular-img {
  width: 30%;
  margin: 5px 3px;
}

.two-column-column .column-list .column-popular-title {
  width: 75%;
  font-size: 1em;
  line-height: 1.5em;
  margin-left: 0.5em;
  text-align: left;
}

.two-column-column #column .column-popular-title p {
  font-size: 1em;
  line-height: 1.5em;
}

.two-column-column .column-list .side-nav {
  width: 300px;
  position: sticky;
  top: 180px;
}

.two-column-column .column-list .right-cnts {
  margin-right: 40px;
}

/*------------------------コラムカテゴリ　サイドバー*/
.two-column-column .column-list .side-nav-category-h {
  font-weight: bold;
  margin: 15px auto;
  line-height: 1.5em;
  background-color: #e3edf0;
  padding: 12px;
  position: relative;
}

.two-column-column .column-list .side-nav-category-h:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: -4px;
  left: 30px;
  transform: rotate(45deg);
  background-color: #e3edf0
}

.two-column-column .column-list .column-arrow {
  width: 90%;
  margin: 5px auto;
}

.two-column-column .column-list .side-cat-list li {
  border-bottom: 1px solid #e2e2e2;
  padding: 3px 0;
}

.two-column-column .column-list .side-cat-list li i {
  margin-right: 1em;
}

.two-column-column .column-list .side-cat-list li a {
  display: block;
  padding: 15px 6px;
  font-weight: 700;
  font-size: 13px;
}

.two-column-column .column-list .side-cat-list li a:hover {
  color: #477ab8;
}

/*------------------------コラムカテゴリ　メイン*/
.two-column-column .column-list .column-category-item {
  width: 50%;
}

.two-column-column .column-list .column-category-h {
  margin-bottom: 20px;
}

.two-column-column .column-list .column-category {
  display: flex;
  width: 100%;
}

.two-column-column .column-list ul {
  list-style: none;
}

.two-column-column .column-list .column-category-container {
  border-bottom: 1px solid #E8E8E8;
}

.two-column-column .column-list .condition {
  margin-bottom: 20px;
}

.two-column-column .column-list .column-category-h {
  font-size: 16px;
  font-weight: bold;
  color: #477ab8;
}

.two-column-column .column-list .column-category-h i {
  margin-right: 10px;
}

.two-column-column .column-list .column-category-container input[type="checkbox"] {
  display: none;
}

.two-column-column .column-list .column-category-container label {
  display: inline-block;
  cursor: pointer;
}

@media screen and (max-width: 768px) {

  .two-column-column .column-list .column-category-h,
  .two-column-column .column-list .column-category-container label {
    font-size: 14px;
  }
}

.two-column-column .column-list .column-category-container .fa-check {
  display: none;
}

.two-column-column .column-list .column-category-container .input-wrap {
  letter-spacing: -.4em;
}

.two-column-column .column-list .column-category-container input[type="checkbox"]:checked+label span {
  color: #fff;
  background-color: #477ab8;
}

.two-column-column .column-list .column-category-container input[type="checkbox"]:checked+label span i {
  color: #fff;
}

.two-column-column .column-list .column-category-container input[type="text"] {
  display: block;
  border: none;
  border: 1px solid #999898;
  border-radius: 2px;
  padding: 2px 16px;
  height: 34px;
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
}

.two-column-column .column-list .column-category-container input[type="text"]:focus {
  outline: none;
}

.two-column-column .column-list .column-arrow:hover {
  opacity: 0.8;
}

.two-column-column .column-list .column-category-container input[type="submit"] {
  border: none;
  background-color: #477ab8;
  color: #FFF;
  padding: 1em 2.5em;
  border-radius: 2px;
  cursor: pointer;
}

.two-column-column .column-list .column-category-container input[type="submit"]:hover {
  background-color: #f28b8b;
}

.two-column-column .column-list .column-arrow {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}

.two-column-column .column-list .column-arrow::before,
.two-column-column .column-list .column-arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.two-column-column .column-list .column-arrow::before {
  right: 15px;
  width: 7px;
  height: 1px;
  background: #fff;
}

.two-column-column .column-list .column-arrow::after {
  right: 15px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.two-column-column .column-list .column-thumb-new {
  padding: 6px 18px 8px;
  font-size: 20px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .12);
  background-color: #ed1844 !important;
  border-radius: 2px;
}

.two-column-column .column-list .new-inr {
  padding: 0 !important;
  margin: 0 !important;
  vertical-align: middle;
  border: none !important;
}

.two-column-column .column-list .column__list__day {
  font-size: 16px;
  color: #999;
}

.two-column-column .column-list .column__list__thumb {
  width: 220px;
}

.two-column-column .column-list .column__list__detail {
  width: calc(100% - 250px);
}

.two-column-column .column-list .cat-tag {
  display: inline-block;
  border: 1px solid #477ab8;
  border-radius: 600px;
  font-size: 13px;
  padding: 6px 10px;
  margin-right: .4em;
  margin-bottom: 5px;
}

.two-column-column #type2 .column-list .posts .cat-tag {
  font-size: 11px;
  padding: 3px 6px;
  margin-right: .2em;
  margin-bottom: 4px;
}

.two-column-column .column-list .cat-tag a {
  color: inherit !important;
}

.two-column-column .column-list .cat-tag a:hover {
  text-decoration: underline !important;
}

.two-column-column .column-list .cat-tag.current {
  color: #FFF;
  background-color: #477ab8;
}

.two-column-column .column-list .cat-tag i {
  color: #477ab8;
}

.two-column-column .column-list .cat-tag.current i {
  color: #FFF;
}

.two-column-column .column-list .archive-list:hover .column__list__title {
  color: #477ab8;
}

/*----------------------------------タイトル*/
.two-column-column .column__list__title {
  font-size: 23px;
  font-size: 20px;
  margin-bottom: 10px;
}

.two-column-column .column-list .info-detail {
  padding: 30px 0;
  border-top: 1px solid #E8E8E8;
  border-bottom: 1px solid #E8E8E8;
}

.two-column-column .column-list .info-detail__title {
  margin: 0 0 20px;
}

.two-column-column .column-list .info-detail__title h1 {
  text-align: left;
  color: #333;
  font-weight: 700;
}

.two-column-column .column-list .info-detail__date {
  display: block;
  width: 100%;
}

.two-column-column .column-list .info-detail__date .cat-wrap {
  text-align: left;
}

.two-column-column .column-list .info-detail__date .date-wrap {
  text-align: right;
}

.two-column-column .column-list .info-day {
  font-size: 16px;
  color: #666;
}

@media screen and (max-width: 768px) {
  .two-column-column .column-list .column__list__day {
    font-size: 14px;
  }

  .two-column-column .column__list__title {
    font-size: 16px;
    margin-top: 6px;
  }

  .two-column-column .column-list .cat-tag {
    font-size: 11px;
  }
}

/*----------------------------------各種装飾*/

/*.two-column-column main * {
  letter-spacing: .05rem;
}*/

.two-column-column:not(.excludelaw2024) main * {
  letter-spacing: .05rem;
}

.two-column-column .info-detail__cnts h1:before {
  display: none;
}

.two-column-column .info-detail__cnts h1,
.two-column-column .info-detail__cnts h2 {
  margin: 40px 0 15px;
  padding: 5px 0;
  font-size: 28px;
  font-weight: 700;
  border-bottom: 2px solid #181818;
  color: #333;
  line-height: 1.4;
}

.two-column-column.taidan01 .info-detail__cnts h2 {
  color: #477ab8;
  border-bottom: 2px solid #477ab8;
}

.two-column-column .info-detail__cnts h2.matome {
  background-color: #477ab8;
  padding: 5px 12px;
  border-radius: 2px;
  color: #FFF;
}

.two-column-column.taidan01 .info-detail__cnts h2.matome {
  background-color: #f28b8b;
  border-bottom: none;
}

.two-column-column .info-detail__cnts em {
  background-color: #ffffa5;
  margin: 0 .5em;
}

.two-column-column .info-detail__cnts h3 {
  margin: 40px 0 20px;
  padding: 13px 28px 12px;
  font-size: 21px;
  font-weight: 700;
  background: #f3f3f3;
  border-radius: 2px;
  position: relative;
}

.two-column-column .info-detail__cnts h3:before {
  top: 0;
  height: 100%;
  background: #477ab8;
  background: linear-gradient(to bottom, #477ab8 0%, #5a8bc5 40%, #6a9ad4 80%, #78a9e4 99%);
}

.two-column-column .column-article h4 {
  margin: 48px 0 16px;
  padding: 10px 28px 9px;
  border-left: 3px solid #477ab8;
  font-size: 18px;
  font-weight: 700;
  position: relative;
}

.two-column-column .column-article h4.hd-gd_bl {
  color: inherit;
}

.two-column-column .column-article h5 {
  font-size: 16px;
  font-weight: 700;
  margin: 36px 0 20px;
}

.two-column-column .column-article .mokuji h5 {
  margin-top: 0;
}

.two-column-column:not(.excludelaw2024) .column-article h6 {
  font-size: 16px;
  font-weight: 700;
  margin: 36px 0 20px;
  color: #477ab8;
}

.two-column-column:not(.excludelaw2024) .column-article p {
  font-size: 16px !important;
}

.two-column-column .column-article a {
  color: #f28b8b;
}

.two-column-column .column-article a:hover {
  text-decoration: none;
  color: #ffaaaa;
}

.two-column-column:not(.excludelaw2024) .column-article hr {
  border: none;
  border-top: 1px solid;
  margin: 60px 0;
}

.two-column-column img.round {
  border-radius: 3px;
}

.two-column-column:not(.excludelaw2024) .column-article p {
  margin: 1.5em 0;
}

.two-column-column:not(.excludelaw2024) .column-article ul {
  list-style: disc;
  list-style-position: inside;
  margin: 1.5em 0;
}

.two-column-column .column-article q {
  background-color: #efefef;
  padding: 25px;
  display: inline-block;
  border-left: 4px solid #ddd;
  margin: 10px auto;
  color: #888;
  font-style: italic;
}

.two-column-column:not(.excludelaw2024) .column-list hr {
  border-top: 1px solid #f28b8b;
}

.two-column-column .column-list .column-box-1 {
  max-width: 100%;
  border: 2px dashed #ddd;
  padding: 25px;
  margin: 5px auto;
}

.two-column-column .column-list .column-box-2 {
  max-width: 100%;
  border: 2px solid #f28b8b;
  border-radius: 5px;
  padding: 25px;
  margin: 5px auto;
}

.two-column-column .column-list .column-box-3 {
  max-width: 100%;
  border-radius: 5px;
  background-color: #f7f7f7;
  padding: 25px;
  margin: 5px auto;
}

.two-column-column .column-list figure {
  text-align: center;
  max-width: 100%;
  margin: 30px auto;
  border: none;
}

.two-column-column .column-list figure img {
  width: 100% !important;
}

.two-column-column .detail__case-read {
  border-top: none;
}

.two-column-column .recommend {
  padding: 0 !important;
  border: none !important;
  margin-top: 60px;
  padding-top: 60px;
}

/*----------------------------------関連記事*/
.two-column-column .recommend-container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}

.two-column-column .recommend-column {
  flex: 1 1 auto;
  max-width: 32%;
  margin-bottom: 20px;
}

.two-column-column .recommend-img {
  height: 120px;
  overflow: hidden;
}

.two-column-column .recommend-column:hover {
  opacity: 0.8;
  transition-duration: 0.2s;
}

.two-column-column .recommend-column .recommend-day {
  font-size: 13px;
  color: #888;
  display: block;
  margin: 12px 0px 0px;
}

.two-column-column .recommend-column .recommend-title {
  color: #333;
  font-weight: 700;
  font-size: 13px;
}

.two-column-column .recommend-column:hover a * {
  color: #477ab8;
}

.two-column-column .n-p-sinlge {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 60px;
}

.two-column-column .prev-single {
  position: relative;
  width: 49%;
  text-align: left;
  padding-right: 20px;
  box-sizing: border-box;
  padding: 12px 0;
  border-top: 1px dashed #a8a8a8;
  border-bottom: 1px dashed #a8a8a8;
}

.two-column-column .next-single {
  position: relative;
  width: 49%;
  text-align: right;
  padding-left: 20px;
  box-sizing: border-box;
  padding: 12px 0;
  border-top: 1px dashed #a8a8a8;
  border-bottom: 1px dashed #a8a8a8;
}

.two-column-column .next-single a,
.two-column-column .prev-single a {
  font-size: 13px;
  color: #333;
  text-decoration: none;
  font-weight: 700;
  display: flex;
  line-height: 1.6;
  padding: .6em 0;
  align-items: center;
}

.two-column-column .next-single a {
  justify-content: flex-end;
}

.two-column-column .n-p-sinlge a i {
  color: #477ab8;
}

.two-column-column .prev-single a i {
  margin-right: 1.5em;
}

.two-column-column .next-single a i {
  margin-left: 1.5em;
}

.two-column-column .n-p-sinlge a i,
.two-column-column .n-p-sinlge a span {
  display: inline-block;
}

.two-column-column .n-p-icon {
  display: inline-block;
  background-color: #477ab8;
  color: #FFF;
  font-size: 12px;
  padding: 0 10px;
  border-radius: 3px;
  position: absolute;
  top: -20px;
}

.two-column-column .prev-single .n-p-icon {
  left: 10px;
}

.two-column-column .next-single .n-p-icon {
  right: 10px;
}

.two-column-column .next-single a:hover,
.two-column-column .prev-single a:hover {
  color: #477ab8;
}

.two-column-column .to-list {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.two-column-column .to-list a {
  background-color: #477ab8;
  padding: 12px 40px;
  color: #FFF;
  text-decoration: none;
  border-radius: 2px;
  width: 100%;
  display: inline-block;
  max-width: 360px;
  box-sizing: border-box;
  line-height: 1.8;
}

.two-column-column .to-list a:hover {
  background-color: #f28b8b;
  color: #FFF;
}

/*----------------------------------------レスポンシブ*/
@media screen and (max-width: 1024px) {
  .two-column-column .pages-2clm {
    display: block;
  }

  .two-column-column .column-list .column-main {
    width: 100%;
  }

  .two-column-column .column-list .side-nav {
    width: 100%;
    position: relative;
    top: 0;
  }

  .two-column-column .column-list .column-main,
  .two-column-column .mv-column {
    width: 100%;
    margin: 0 auto;
    padding: 15px 0;
  }
}

@media screen and (max-width: 768px) {
  .two-column-column .row {
    padding: 0 15px;
  }

  .two-column-column .pages-2clm {
    margin-top: 20px;
  }

  /*    .two-column-column .main-title {
    font-size: 2em;
}*/
  .two-column-column .sub-title {
    font-size: 12px;
  }

  .two-column-column .column-list .column-main {
    padding: 0;
  }

  .two-column-column .column-list .column-category-container input[type="submit"] {
    width: 100%;
  }

  .two-column-column .column-list .column__list {
    display: flex;
  }

  .two-column-column .column-list .column__list__thumb {
    width: 110px;
  }

  .two-column-column .column-list .column__list__detail {
    width: calc(100% - 130px);
    margin-top: 0;
  }

  .two-column-column .column-list .column-category {
    flex-wrap: wrap;
    width: 100%;
  }

  .two-column-column .recommend-column {
    max-width: 49%;
  }
}

.two-column-column .post_pagination span,
.two-column-column .post_pagination a {
  display: inline-block;
  border: 1px solid #c9c9c9;
  width: 3em;
  line-height: 3em;
  border-radius: 2px;
  font-size: 13px;
  margin: 0 10px;
}

.two-column-column .post_pagination span.current {
  border: 1px solid #477ab8;
  background-color: #477ab8;
  color: #FFF;
}

.two-column-column .post_pagination a:hover {
  color: #477ab8;
  border-color: #477ab8;
  ;
}

/* ------------------------------------- 対談
-------------------------------------*/
.taidan01.two-column-column .mv-column,
.taidan02.two-column-column .mv-column {
  padding: 30px 0;
  /*background-color: #f0fbff;*/
  background: url(https://www.ndsoft.jp/wp/wp-content/themes/ndsoft/img/interview/mv_taidan.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
}

@media (max-width: 375px) {

  .taidan01.two-column-column .mv-column,
  .taidan02.two-column-column .mv-column {
    padding: 30px 0;
    /*background-color: #f0fbff;*/
    background: url(https://www.ndsoft.jp/wp/wp-content/themes/ndsoft/img/interview/mv_taidan_sp.jpg) no-repeat center;
    background-size: cover;
    box-sizing: border-box;
  }
}

.taidan01.two-column-column .main-title,
.taidan02.two-column-column .main-title {
  margin: 0.5em 0 .5em;
}

.taidan01 .detail__case-read,
.taidan02 .detail__case-read {
  border-bottom: none;
  padding-bottom: 0;
}

.two-column-column .question,
.two-column-column .answer {
  display: flex;
  flex-wrap: nowrap;
  padding: 20px;
  margin: 10px 0;
}

.two-column-column .question {
  background-color: #f4f4f4;
  border-radius: 8px;
}

.two-column-column .answer {
  background-color: #f7f7f7;
  border-radius: 8px;
}

.two-column-column .answer .talk {
  font-weight: bold;
}

.taidan02.two-column-column .answer .talk {
  font-weight: normal;
}

.taidan02.two-column-column .answer {
  background-color: #f4f4f4;
}

.two-column-column .hito {
  margin-right: 30px;
  width: 60px;
}

.two-column-column .hito span {
  display: block;
  text-align: center;
}

.two-column-column .hito .icon {
  border-radius: 200px;
  overflow: hidden;
}

.two-column-column .hito .name {
  font-size: 12px;
}

.two-column-column .talk {
  width: calc(100% - 90px);
}

.two-column-column .talk p:first-child {
  margin-top: 0;
}

.two-column-column .talk p:last-child {
  margin-bottom: 0;
}

.two-column-column .intro-hito dl {
  display: flex;
  margin: 10px 0;
  padding: 20px;
  border: 1px solid #d2d2d2;
  border-radius: 2px;
}

.two-column-column .intro-hito dt {
  width: 120px;
  border-radius: 2px;
  overflow: hidden;
  margin-right: 30px;
}

.two-column-column .intro-hito dd {
  width: calc(100% - 150px);
}

.two-column-column .intro-hito dd .spec {
  font-weight: bold;
  margin-bottom: 10px;
}

.two-column-column .intro-hito dd .spec span {
  display: block;
}

.two-column-column .intro-hito dd .ryakureki {
  font-size: 0.9rem;
}

.taidan02.two-column-column .question {
  background-color: transparent;
}

.taidan02.two-column-column .question .hito span {
  display: none;
}

.taidan02.two-column-column .question .hito {
  width: 10px;
  position: relative;
}

.taidan02.two-column-column .question .hito:after {
  content: "";
  display: block;
  width: 20px;
  height: 1px;
  background-color: #477ab8;
  position: absolute;
  top: 48%;
}

.taidan02.two-column-column .question .talk {
  width: calc(100% - 40px);
  color: #477ab8;
  font-weight: bold;
}

.two-column-column .guest {
  padding-bottom: 4px;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 6px;
  margin-right: 8px;
}

/* ------------------------------------- 対談 20220517追記
-------------------------------------*/
.hnbn-cont {
  color: #e50012;
  font-weight: bold;
  padding: 23px;
  border: 2px solid #e50012;
  border-radius: 2px;
}

.two-column-column #type-interview .question {
  background-color: transparent;
}

.two-column-column #type-interview .question .hito {
  position: relative;
}

.two-column-column #type-interview .question .hito span {
  width: 60px;
}

.two-column-column #type-interview .question .hito:before {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  background-color: #fff;
  position: absolute;
  top: 35%;
  left: 84px;
  border-left: 15px solid #00479D;
  border-bottom: 15px solid transparent;
  transform: rotate(-45deg);
}

.two-column-column #type-interview .question .hito:after {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  background-color: #fff;
  position: absolute;
  top: 35%;
  left: 87px;
  border-left: 15px solid #fff;
  border-bottom: 15px solid transparent;
  transform: rotate(-45deg);
}

.two-column-column #type-interview .question .talk {
  color: #00479D;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.two-column-column #type-interview .answer {
  background-color: #f4f4f4;
}

.two-column-colum a {
  transition: all 0.5s;
}

.two-column-colum #interview-banner a:hover {
  opacity: 0.6;
}

.two-column-column #type-interview .question .talk {
  padding: 20px;
  border: 2px solid;
  border-radius: 2px;
}

.two-column-column #type-interview .column-article .hnbn-cont-sub {
  color: #e50012;
  margin-top: 40px;
  background-color: #fff;
  padding: 20px;
  border-left: 5px solid #e50012;
  border-radius: 1px;
  box-shadow: 0 0 3px rgb(0 0 0 / 20%);
  font-weight: bold;
}

.two-column-column #type-interview .hnbn-cont-box {
  background-color: #fcfcfc;
  border-radius: 2px;
  padding: 25px;
}

.two-column-column #type-interview .hnbn-cont-inner {
  border-bottom: 3px double #e50012;
  display: inline;
}

.two-column-column #type-interview .int-bold {
  color: #333;
  border-bottom: 3px double #e50012;
  background-color: #fff;
}

.two-column-column.taidan01 .info-detail__cnts h2 {
  color: #f28b8b;
  border-color: #f28b8b;
}

#type-interview .int-shisetsu dl {
  border-radius: 3px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border: 2px solid #ddd;
}

#type-interview .int-shisetsu dl dt {
  background-color: #f4f4f4;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 20%;
  padding: 15px;
  font-weight: bold;
}

#type-interview .int-shisetsu dl dd {
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  width: 80%;
  padding: 15px;
}

#type-interview .int-shisetsu dl dd ul {
  margin: 0;
}

.two-column-column #type-interview .int-box {
  width: 100%;
  box-sizing: border-box;
  border: 5px solid #fbe4e4;
  padding: 30px;
  margin: 60px 0;
}

.two-column-column #type-interview .int-box-bold {
  color: #F28B8B;
  color: #555;
  font-weight: bold;
  font-size: 18px;
}

.two-column-column #type-interview .int-box a {
  text-align: right;
  display: block;
  font-size: 18px;
}

.two-column-column #type-interview .product_link_area a:before {
  content: "<後編はこちら>";
}

.int-zikai-fuki {
  border-radius: 10px;
  color: #e50012;
  background-color: #fbe4e4;
  display: block;
  position: relative;
  padding: 20px;
  font-weight: bold;
}

.two-column-column .int-zikai-fuki:after {
  content: "";
  background-color: #fbe4e4;
  width: 15px;
  height: 15px;
  position: absolute;
  display: block;
  bottom: -7px;
  left: calc(50% - 7px);
  transform: rotate(45deg);
}

.two-column-column .column-article .interview-pagenavi a {
  color: #fff;
}

/*-------------------------------------------------20220909対談コラム→通常コラム*/
#type-interview h2 {
  color: #f28b8b;
  border-bottom: 2px solid #f28b8b;
}

.two-column-column .info-detail__cnts #type-interview h2.matome {
  background-color: #f28b8b;
}

.int-shisetsu img {
  margin-bottom: 24px;
}

/* ================================================================
   ほのぼのネクスト　トップシェアの吹き出し
================================================================ */
.top-share {
  background-color: #e1ecf9;
  margin: 50px calc((100% - 100vw) / 2);
  text-align: center;
  padding: 30px;
}

.top-share-box {
  background-color: #4879ba;
  color: #fff;
  text-align: center;
  font-size: 1.8em;
  padding: 30px;
  border-radius: 2px;
  margin: 50px auto;
  position: relative;
  display: inline-block;
}

.top-share-box::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #4879ba;
}

/* ================================================================
   ほのぼのネクスト　改修0826　「選ばれる理由」
================================================================ */
.honobonoNextTop p.pages-list1__ttl02 {
  font-size: 1.75rem;
}

@media screen and (max-width: 1024px) {
  .honobonoNextTop p.pages-list1__ttl02 {
    font-size: 1.5rem;
  }
}

.pages-list1 {
  display: block;
  width: 100%;
  margin: 0px auto 90px auto;
}

.pages-list1__img {
  width: 40%;
  margin: 30px;
}

.pages-list1__item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  border-radius: 2px;
}

.next-reason-inner {
  margin: 40px 30px;
  width: 50%;
}

@media screen and (max-width: 768px) {
  .pages-list1__item {
    display: block;
  }

  .next-reason-inner {
    width: 100%;
    margin: 0;
  }

  .pages-list1__img {
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
  }
}

/* ================================================================
  トップページ製品情報改修 210908
================================================================ */
#content04 .top-product-body>div.servise-item,
#content04 .top-product-header a,
#content04 .top-product-body a,
#content04 .top-p_link a {
  transition: 0.15s linear;
}

#content04 .top-product-block * {
  line-height: 1.6;
  box-sizing: border-box;
}

#content04 .top-product-block p {
  margin-bottom: 0;
}

/* タイトル -------------------------*/
#content04 .top-product-title {
  background-color: #333;
  padding: 14px;
  color: #fff;
  font-size: 16px;
  line-height: 1.3;
  text-align: center;
}

@media (min-width: 576px) {
  #content04 .top-product-title {
    padding: 20px;
    font-size: 20px;
  }
}

.mb5 {
  margin-bottom: 5px;
}

/* カラー指定 -------------------------*/
#content04 .top-product.p01 .top-product-title {
  background-color: #f9a93d;
}

#content04 .top-product.p01 .top-product-header a:hover,
#content04 .top-product.p01 .top-product-body ul li a:hover,
#content04 .top-product.p01 .top-product-body>div.servise-itemhover {
  background-color: rgba(249, 169, 61, .05);
}

#content04 .top-product.p01 .top-product-header .p_detail strong,
#content04 .top-product.p01 .top-product-bottom a,
#content04 .top-product.p01 .sub-product-title {
  color: #f9a93d;
}

#content04 .top-product.p02 .top-product-title {
  background-color: #519ed4;
}

#content04 .top-product.p02 .top-product-header a:hover,
#content04 .top-product.p02 .top-product-body ul li a:hover,
#content04 .top-product.p02 .top-product-body>div.servise-item:hover,
#content04 .top-product.p02 .top-p_link a:hover {
  background-color: rgba(81, 158, 212, .05);
}

#content04 .top-p_link {
  text-decoration: underline;
}

#content04 .top-product.p02 .top-p_link,
#content04 .top-product.p02 .top-product-header .p_detail strong,
#content04 .top-product.p02 .top-product-bottom a,
#content04 .top-product.p02 .sub-product-title {
  color: #519ed4;
}

#content04 .top-product.p03 .top-product-title {
  background-color: #60a957;
}

#content04 .top-product.p03 .top-product-header a:hover,
#content04 .top-product.p03 .top-product-body ul li a:hover,
#content04 .top-product.p03 .top-product-body>div.servise-item:not(.nolink):hover,
#content04 .top-product.p03 .top-p_link a:hover {
  background-color: rgba(96, 169, 87, .05);
}

#content04 .top-product.p03 .top-p_link,
#content04 .top-product.p03 .top-product-header .p_detail strong,
#content04 .top-product.p03 .top-product-bottom a,
#content04 .top-product.p03 .sub-product-title {
  color: #60a957;
}

#content04 .top-product.p04 .top-product-title {
  background-color: #51bdd4;
}

#content04 .top-product.p04 .top-product-header a:hover,
#content04 .top-product.p04 .top-product-body ul li a:hover {
  background-color: rgba(81, 189, 212, .05);
}

#content04 .top-product.p04 .top-product-header .p_detail strong,
#content04 .top-product.p04 .top-product-bottom a,
#content04 .top-product.p04 .sub-product-title {
  color: #51bdd4;
}

#content04 .top-product.p05 .top-product-title {
  background-color: #fba174;
}

#content04 .top-product.p05 .top-product-header a:hover,
#content04 .top-product.p05 .top-product-body ul li a:hover {
  background-color: rgba(251, 161, 116, .05);
}

#content04 .top-product.p05 .top-product-header .p_detail strong,
#content04 .top-product.p05 .top-product-bottom a,
#content04 .top-product.p05 .sub-product-title {
  color: #fba174;
}

/*  -------------------------*/
#content04 .top-product {
  border: 1px solid #ccc;
  margin-bottom: 30px;
  background-color: #fff;
}

#content04 .top-product-block {
  padding: 10px;
}

@media (min-width: 576px) {
  #content04 .top-product-block {
    padding: 20px;
  }
}

@media (min-width: 768px) {
  #content04 .top-product-block {
    padding: 30px;
  }
}

/*  top-product-header -------------------------*/
#content04 .top-product-header {
  background-color: #fff;
}

#content04 .top-product-header a {
  padding: 15px 15px 15px 15px;
  display: block;
  border: 1px solid #ddd;
  position: relative;
  background-color: #fff;
}

#content04 .top-product-header .p_image {
  margin-bottom: 20px;
  text-align: center;
}

#content04 .top-product-header .p_image img {
  width: 65%;
  margin: 0 auto;
}

#content04 .top-product-header a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -17px;
  margin-top: -10px;
  width: 5px;
  height: 5px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: rotate(45deg) translateY(8px);
  vertical-align: top;
  margin-left: 1em;
}

@media (min-width: 576px) {
  #content04 .top-product-header a {
    padding: 20px 20px 20px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  #content04 .top-product-header .p_image {
    width: 30%;
    margin-bottom: 0;
  }

  #content04 .top-product-header .p_image img {
    width: 100%;
  }

  #content04 .top-product-header .p_detail {
    width: 67%;
  }
}

#content04 .top-product-header .p_detail strong {
  font-weight: bold;
  text-decoration: underline;
}

/*  top-product-body -------------------------*/
#content04 .top-product-header+.top-product-body {
  margin-top: 10px;
}

@media (min-width: 576px) {
  #content04 .top-product-header+.top-product-body {
    margin-top: 20px;
  }
}

#content04 .top-product-body:not(.-servise) ul li {
  margin-bottom: 10px;
}

@media (min-width: 576px) {
  #content04 .top-product-body:not(.-servise) ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
  }

  #content04 .top-product-body:not(.-servise) ul li {
    width: 49%;
    margin-bottom: 20px;
    position: relative;
  }
}

#content04 .top-product-body:not(.-servise) ul li a {
  padding: 15px 15px 15px 15px;
  display: block;
  position: relative;
  box-sizing: border-box;
  height: 100%;
  border: 1px solid #dfdfdf;
}

#content04 .top-product-body:not(.-servise) ul li a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -17px;
  margin-top: -10px;
  width: 5px;
  height: 5px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: rotate(45deg) translateY(8px);
  vertical-align: top;
  margin-left: 1em;
}

#content04 .top-product-body .sub-product-title {
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  align-items: center;
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 10px;
}

#content04 .top-product-body .sub-product-title img {
  width: 50px;
  height: auto;
  margin-right: 15px;
}

/*  top-product-bottom -------------------------*/
#content04 .top-product-bottom {
  padding: 0;
}

#content04 .top-product-bottom a {
  text-decoration: underline;
}

/*  top-product-body.-servise -------------------------*/
#content04 .top-product-body.-servise>div.servise-item {
  margin-bottom: 10px;
  border: 1px solid #ddd;
  position: relative;
}

@media (min-width: 576px) {
  #content04 .top-product-body.-servise>div.servise-item {
    margin-bottom: 20px;
  }
}

#content04 .top-product-body.-servise>div.servise-item a {
  padding: 15px 15px 15px 15px;
  display: block;
  position: relative;
}

#content04 .top-product-body.-servise>div.servise-item:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -17px;
  margin-top: -10px;
  width: 5px;
  height: 5px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: rotate(45deg) translateY(8px);
  vertical-align: top;
  margin-left: 1em;
}

@media (min-width: 768px) {
  #content04 .top-product-body.-servise {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -20px;
  }

  #content04 .top-product-body.-servise>div.servise-item {
    width: 49%;
  }
}

#content04 .servise-title {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px dashed #aaa;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

#content04 .servise-title img {
  vertical-align: text-bottom;
  margin-right: 7px;
  width: 22px;
  height: auto;
}

@media (min-width: 576px) {
  #content04 .servise-title {
    font-size: 18px;
    padding-bottom: 6px;
    margin-bottom: 12px;
  }

  #content04 .servise-title img {
    margin-right: 7px;
    width: 22px;
  }
}

#content04 .top-p_link {
  margin-top: 5px;
  margin-left: 22px;
}

#content04 .top-p_link li {
  list-style: circle;
  font-size: 14px;
}

#content04 .top-p_link li small {
  font-size: 75%;
}

@media (min-width: 576px) {
  #content04 .top-p_link li {
    font-size: 14px;
  }
}

/* add */
.top-product.p01 .top-product-header .servise-title,
.top-product.p01 .top-product-header .more span {
  text-decoration: underline;
  color: #f9a93d;
}

.top-product.p02 .top-product-header .servise-title,
.top-product.p02 .top-product-header .more span {
  text-decoration: underline;
  color: #519ed4;
}

.top-product.p03 .top-product-header .servise-title,
.top-product.p03 .top-product-header .more span {
  text-decoration: underline;
  color: #60a957;
}

.top-product-body:not(.-servise) li a,
.top-product-body .servise-item,
.top-product-header a {
  border-right: 18px solid #eee !important;
  box-sizing: border-box !important;
}

.top-product.p01 .top-product-body:not(.-servise) li a,
.top-product.p01 .top-product-body .servise-item,
.top-product.p01 .top-product-header a {
  border-right: 18px solid rgba(249, 169, 61, .4) !important;
}

.top-product.p02 .top-product-body:not(.-servise) li a,
.top-product.p02 .top-product-body .servise-item,
.top-product.p02 .top-product-header a {
  border-right: 18px solid rgba(81, 158, 212, .4) !important;
}

.top-product.p03 .top-product-body:not(.-servise) li a,
.top-product.p03 .top-product-body .servise-item,
.top-product.p03 .top-product-header a {
  border-right: 18px solid rgba(96, 169, 87, .4) !important;
}

.top-product.p04 .top-product-body:not(.-servise) li a,
.top-product.p04 .top-product-body .servise-item,
.top-product.p04 .top-product-header a {
  border-right: 18px solid rgba(81, 189, 212, .4) !important;
}

.top-product.p05 .top-product-body:not(.-servise) li a,
.top-product.p05 .top-product-body .servise-item,
.top-product.p05 .top-product-header a {
  border-right: 18px solid rgba(251, 161, 116, .4) !important;
}

.top-product-header .more span {
  padding-left: 5px;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

/* ================================================================
  トップページコラム改修 210908
================================================================ */
#content03 .column_inner {
  margin-top: 20px;
}

#content03 .column-cat {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9999;
}

#content03 .column__list__thumb {
  position: relative;
  display: block;
}

@media screen and (min-width: 768px) {
  #content03 #column-panel-group {
    width: 100%;
    margin-left: 0;
    box-sizing: border-box;
  }

  #content03 #column-panel-group {
    background-color: #FFF;
    padding: 40px;
  }

  #content03 .column_inner {
    margin-top: 30px;
  }

  #content03 .top_column-cnts {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  #content03 .top_column-cnts a {
    width: 31%;
  }

  #content03 .column__list {
    display: block;
  }

  #content03 .column__list__thumb,
  #content03 .column__list__detail {
    width: 100%;
  }

  #content03 .column__list__thumb {
    overflow: hidden;
    margin-bottom: 15px;
  }

  #content03 .column__list__thumb figure {
    display: block;
    padding-top: 56%;
    position: relative;
    overflow: hidden;
  }

  #content03 .column__list__thumb figure img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
  }
}

/*-------------------------------------------------------------ポップアップバナー表示*/
.popup_info .popup-sp {
  display: none;
}

.popup_info p.popup-sp {
  font-size: 14px;
  color: #000;
  margin: 5px auto;
  font-weight: bold;
}

.popup_info {
  width: 322px;
  position: fixed;
  bottom: 5px;
  right: 5px;
  z-index: 999;
}

.popup_info .popup_close {
  position: relative;
  padding: 20px 0px;
  border: 1px solid #ddd;
  text-align: center;
  border-radius: 5px;
  /*background-color: #FFF5F5;*/
  background-color: #f8f8f8;
  box-shadow: 0 0 10px -6px rgba(0, 0, 0, 1);
  animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

.popup_close_btn {
  position: absolute;
  right: 5px;
  top: -12px;
  padding: 6px;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  background-color: #00479D;
  border-radius: 20px;
}

.popup_info img {
  width: 240px;
}

.popup_info a:hover {
  opacity: 0.6;
  transition: all 0.3s;
}

.popup_info .popup_text {
  line-height: 1.5em;
  margin: 10px auto;
  color: #454545;
  font-size: 14px;
  font-weight: bold;
}

.popup_info .popup_info_inner {
  position: relative;
}

.popup_info .popup_info_inner .pagetop-2 {
  position: absolute;
  right: 5px;
  top: -65px;
  display: none;
  width: 60px;
  height: 60px;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: translateY(40px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media screen and (max-width: 768px) {
  .popup_info .popup-sp {
    display: block;
  }

  .popup_info .popup-pc {
    display: none;
  }

  .popup_info {
    width: 100%;
    left: 0;
    bottom: 45px;
    box-sizing: border-box;
    font-size: 13px;
  }

  .popup_info .popup_box {
    display: flex;
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: center;
  }

  .popup_img {
    width: 20%;
    display: inline-block;
    height: auto;
  }

  .popup_info .popup_close {
    padding: 5px;
  }

  .popup_info .popup_text {
    max-width: 70%;
    margin: 0 auto;
    font-size: 13px;
    text-align: center;
  }

  .popup_info .popup_text p {
    margin: 0 auto;
  }

  .popup_info a img {
    width: 100%;
  }

  .popup_info .popup_info_inner .pagetop-2 {
    position: absolute;
    top: -45px;
    width: 40px;
    height: 40px;
  }
}

/*チャットボット消す*/
.theme_yellow {
  display: none;
}

/*---------------ポップアップバナー表示第2弾ケアパレット*/
.popup_info_care {
  width: 282px;
  position: fixed;
  bottom: 5px;
  right: 5px;
  z-index: 999;
}

.popup_info_care .popup_close {
  position: relative;
  padding: 0 0 10px 0px;
  border: 1px solid #ddd;
  text-align: center;
  border-radius: 5px;
  background-color: #f8f8f8;
  box-shadow: 0 0 10px -6px rgba(0, 0, 0, 1);
  animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

.popup_close_btn {
  position: absolute;
  right: 5px;
  top: -12px;
  padding: 6px;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  background-color: #00479D;
  border-radius: 20px;
}

.popup_info_care img {
  width: 100%;
  border-radius: 5px 5px 0 0;
  vertical-align: bottom;
}

.popup_info_care a:hover {
  opacity: 0.6;
  transition: all 0.3s;
}

.popup_info_care .popup-sp {
  display: none;
}

.popup_info_care .popup_text {
  line-height: 1.6em;
  margin: 10px auto 0 auto;
  color: #454545;
  font-size: 14px;
  font-weight: bold;
}

.popup_info_care .popup_info_inner {
  position: relative;
}

.popup_info_care .popup_info_inner .pagetop-2 {
  position: absolute;
  right: 5px;
  top: -65px;
  display: none;
  width: 60px;
  height: 60px;
}

@media screen and (max-width: 768px) {
  .popup_info_care {
    width: 100%;
    left: 0;
    bottom: 60px;
    box-sizing: border-box;
    font-size: 13px;
  }

  .popup_info_care .popup_box {
    display: flex;
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: center;
  }

  .popup_img {
    width: 25%;
    height: auto;
  }

  .popup_info_care .popup_close {
    padding: 5px;
  }

  .popup_info_care .popup_text {
    max-width: 75%;
    padding-left: 4%;
    padding-right: 4%;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 13px;
    text-align: center;
  }

  .popup_info_care .popup_text p {
    /*margin: 0 auto;*/
  }

  .popup_info_care a img {
    width: 100%;
  }

  .popup_info_care .popup_info_inner .pagetop-2 {
    position: absolute;
    top: -45px;
    width: 40px;
    height: 40px;
  }

  .popup_info_care .popup-pc br {
    display: none;
  }
}

@media screen and (max-width: 575px) {
  .popup_info_care {
    bottom: 45px;
  }

  .popup_info_care .popup-pc {
    display: none;
  }

  .popup_info_care p.popup-sp {
    display: block;
    font-size: 13px;
    color: #000;
    margin: 5px auto 7px auto;
    font-weight: bold;
    line-height: 1.3;
  }
}

@media screen and (max-width: 320px) {
  .popup_info_care p.popup-sp {
    font-size: 12px;
  }
}

.popup_info_care .popup-pc {
  font-size: 12px;
  margin-bottom: 7px;
  line-height: 1.5;
}

.popup_info_care .popup-pc strong {
  font-size: 18px;
}

.popup_info_care .popup-sp strong,
.popup_info_care .popup-pc strong {
  color: #eb5da5;
}

.popup_info_care .dl-button img {
  max-width: 220px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .popup_info_care .dl-button img {
    max-width: 280px;
  }

  .popup_info_care .popup-pc strong {
    font-size: 14px;
  }
}

@media screen and (max-width: 576px) {
  .popup_info_care .dl-button img {
    max-width: 220px;
  }
}

/*---------------ポップアップバナー表示第3弾ほのぼのＴＡＬＫ＋＋（イヤホンとネック）*/
.popup_info_honobono {
  display: none;
}

#wf-neckspeaker .popup_info_honobono,
#wf-honotalk .popup_info_honobono {
  display: block;
}

#wf-neckspeaker .popup_info_care,
#wf-honotalk .popup_info_care {
  display: none;
}

.popup_info_honobono {
  width: 282px;
  position: fixed;
  bottom: 5px;
  right: 5px;
  z-index: 999;
}

.popup_info_honobono .popup_close {
  position: relative;
  padding: 0 0 10px 0px;
  border: 1px solid #ddd;
  text-align: center;
  border-radius: 5px;
  background-color: #f8f8f8;
  box-shadow: 0 0 10px -6px rgba(0, 0, 0, 1);
  animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
  background-color: #fde5be;
  border: 3px solid #eb7b3d;
  box-sizing: border-box;
}

.popup_info_honobono .popup_close_btn {
  position: absolute;
  right: 5px;
  top: -12px;
  padding: 6px;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  background-color: #f3af3f;
  border-radius: 20px;
}

.popup_info_honobono img {
  width: 100%;
  border-radius: 5px 5px 0 0;
  vertical-align: bottom;
}

.popup_info_honobono a:hover {
  opacity: 0.6;
  transition: all 0.3s;
}

.popup_info_honobono .popup-sp {
  display: none;
}

.popup_info_honobono .popup_text {
  line-height: 1.6em;
  margin: 10px auto 0 auto;
  color: #543a2b;
  font-size: 14px;
  font-weight: bold;
}

.popup_info_honobono .popup_info_inner {
  position: relative;
}

.popup_info_honobono .popup_info_inner .pagetop-2 {
  position: absolute;
  right: 5px;
  top: -65px;
  display: none;
  width: 60px;
  height: 60px;
}

@media screen and (max-width: 768px) {
  .popup_info_honobono {
    width: 100%;
    left: 0;
    bottom: 60px;
    box-sizing: border-box;
    font-size: 13px;
  }

  .popup_info_honobono .popup_box {
    display: flex;
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: center;
  }

  .popup_img {
    width: 25%;
    height: auto;
  }

  .popup_info_honobono .popup_close {
    padding: 5px;
    border: none;
    border-radius: 0;
  }

  .popup_info_honobono .popup_text {
    max-width: 75%;
    padding-left: 4%;
    padding-right: 4%;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 13px;
    text-align: center;
  }

  .popup_info_honobono .popup_text p {
    /*margin: 0 auto;*/
  }

  .popup_info_honobono a img {
    width: 100%;
  }

  .popup_info_honobono .popup_info_inner .pagetop-2 {
    position: absolute;
    top: -45px;
    width: 40px;
    height: 40px;
  }

  .popup_info_honobono .popup-pc br {
    display: none;
  }
}

@media screen and (max-width: 575px) {
  .popup_info_honobono {
    bottom: 45px;
  }

  .popup_info_honobono .popup-pc {
    display: none;
  }

  .popup_info_honobono p.popup-sp {
    display: block;
    font-size: 13px;
    color: #583c2d;
    margin: 5px auto 7px auto;
    font-weight: bold;
    line-height: 1.3;
  }
}

@media screen and (max-width: 320px) {
  .popup_info_honobono p.popup-sp {
    font-size: 12px;
  }
}

.popup_info_honobono .popup-pc {
  font-size: 13px;
  margin-bottom: 7px;
  line-height: 1.6;
}

.popup_info_honobono .popup-pc strong {
  font-size: 18px;
}

.popup_info_honobono .popup-sp strong,
.popup_info_honobono .popup-pc strong {
  color: #db6b2a;
}

.popup_info_honobono .dl-button img {
  max-width: 220px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .popup_info_honobono .dl-button img {
    max-width: 280px;
  }

  .popup_info_honobono .popup-pc strong {
    font-size: 14px;
  }
}

@media screen and (max-width: 576px) {
  .popup_info_honobono .dl-button img {
    max-width: 220px;
  }
}

/*---------------ポップアップバナー表示第4弾Voice fun*/
.popup_info_voicefun {
  display: none;
}

/*#wf-voicefun .popup_info_voicefun{
	display: block;
}
#wf-voicefun .popup_info_care{
	display: none;
}*/
.popup_info_voicefun {
  width: 282px;
  position: fixed;
  bottom: 5px;
  right: 5px;
  z-index: 999;
}

.popup_info_voicefun .popup_close {
  position: relative;
  padding: 0 0 10px 0px;
  border: 1px solid #ddd;
  text-align: center;
  border-radius: 5px;
  background-color: #c0e1f9;
  box-shadow: 0 0 10px -6px rgba(0, 0, 0, 1);
  animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
  background-color: #c8e3f7;
  border: 3px solid #4789bb;
  box-sizing: border-box;
}

.popup_info_voicefun .popup_close_btn {
  position: absolute;
  right: 5px;
  top: -12px;
  padding: 6px;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  background-color: #89b8db;
  border-radius: 20px;
}

.popup_info_voicefun img {
  width: 100%;
  border-radius: 5px 5px 0 0;
  vertical-align: bottom;
}

.popup_info_voicefun a:hover {
  opacity: 0.6;
  transition: all 0.3s;
}

.popup_info_voicefun .popup-sp {
  display: none;
}

.popup_info_voicefun .popup_text {
  line-height: 1.6em;
  margin: 10px auto 0 auto;
  color: #1d3344;
  font-size: 14px;
  font-weight: bold;
}

.popup_info_voicefun .popup_info_inner {
  position: relative;
}

.popup_info_voicefun .popup_info_inner .pagetop-2 {
  position: absolute;
  right: 5px;
  top: -65px;
  display: none;
  width: 60px;
  height: 60px;
}

@media screen and (max-width: 768px) {
  .popup_info_voicefun {
    width: 100%;
    left: 0;
    bottom: 60px;
    box-sizing: border-box;
    font-size: 13px;
  }

  .popup_info_voicefun .popup_box {
    display: flex;
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: center;
  }

  .popup_img {
    width: 25%;
    height: auto;
  }

  .popup_info_voicefun .popup_close {
    padding: 5px;
    border: none;
    border-radius: 0;
  }

  .popup_info_voicefun .popup_text {
    max-width: 75%;
    padding-left: 4%;
    padding-right: 4%;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 13px;
    text-align: center;
  }

  .popup_info_voicefun .popup_text p {
    /*margin: 0 auto;*/
  }

  .popup_info_voicefun a img {
    width: 100%;
  }

  .popup_info_voicefun .popup_info_inner .pagetop-2 {
    position: absolute;
    top: -45px;
    width: 40px;
    height: 40px;
  }

  .popup_info_voicefun .popup-pc br {
    display: none;
  }
}

@media screen and (max-width: 575px) {
  .popup_info_voicefun {
    bottom: 45px;
  }

  .popup_info_voicefun .popup-pc {
    display: none;
  }

  .popup_info_voicefun p.popup-sp {
    display: block;
    font-size: 13px;
    color: #000;
    margin: 5px auto 7px auto;
    font-weight: bold;
    line-height: 1.3;
  }
}

@media screen and (max-width: 320px) {
  .popup_info_voicefun p.popup-sp {
    font-size: 12px;
  }
}

.popup_info_voicefun .popup-pc {
  font-size: 13px;
  margin-bottom: 7px;
  line-height: 1.6;
}

.popup_info_voicefun .popup-pc strong {
  font-size: 18px;
}

.popup_info_voicefun .popup-sp strong,
.popup_info_voicefun .popup-pc strong {
  color: #25689b;
}

.popup_info_voicefun .dl-button img {
  max-width: 220px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .popup_info_voicefun .dl-button img {
    max-width: 280px;
  }

  .popup_info_voicefun .popup-pc strong {
    font-size: 14px;
  }
}

@media screen and (max-width: 576px) {
  .popup_info_voicefun .dl-button img {
    max-width: 220px;
  }
}

/*---------------ポップアップバナー表示お役立ちコラム障がい福祉サービス*/
.popup_info_denshi {
  width: 282px;
  position: fixed;
  bottom: 5px;
  right: 5px;
  z-index: 999;
}

.popup_info_denshi .popup_close {
  position: relative;
  padding: 0 0 10px 0px;
  border: 1px solid #ddd;
  text-align: center;
  border-radius: 5px;
  background-color: #52aa3a;
  box-shadow: 0 0 10px -6px rgba(0, 0, 0, 1);
  animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

.popup_info_denshi .popup_close_btn {
  position: absolute;
  right: 5px;
  top: -12px;
  padding: 6px;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  background-color: #00479D;
  border-radius: 20px;
}

.popup_info_denshi img {
  width: 100%;
  border-radius: 5px 5px 0 0;
  vertical-align: bottom;
}

.popup_info_denshi a:hover {
  opacity: 0.6;
  transition: all 0.3s;
}

.popup_info_denshi .popup-sp {
  display: none;
}

.popup_info_denshi .popup_text {
  line-height: 1.6em;
  margin: 10px auto 0 auto;
  color: #454545;
  font-size: 14px;
  font-weight: bold;
}

.popup_info_denshi .popup_info_inner {
  position: relative;
}

.popup_info_denshi .popup_info_inner .pagetop-2 {
  position: absolute;
  right: 5px;
  top: -65px;
  display: none;
  width: 60px;
  height: 60px;
}

@media screen and (max-width: 768px) {
  .popup_info_denshi {
    width: 100%;
    left: 0;
    bottom: 60px;
    box-sizing: border-box;
    font-size: 13px;
  }

  .popup_info_denshi .popup_box {
    display: flex;
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: center;
  }

  .popup_img {
    width: 25%;
    height: auto;
  }

  .popup_info_denshi .popup_close {
    padding: 5px;
  }

  .popup_info_denshi .popup_text {
    max-width: 75%;
    padding-left: 4%;
    padding-right: 4%;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 13px;
    text-align: center;
  }

  .popup_info_denshi .popup_text p {
    /*margin: 0 auto;*/
  }

  .popup_info_denshi a img {
    width: 100%;
  }

  .popup_info_denshi .popup_info_inner .pagetop-2 {
    position: absolute;
    top: -45px;
    width: 40px;
    height: 40px;
  }

  .popup_info_care .popup-pc br {
    display: none;
  }
}

@media screen and (max-width: 575px) {
  .popup_info_denshi {
    bottom: 45px;
  }

  .popup_info_denshi .popup-pc {
    display: none;
  }

  .popup_info_denshi p.popup-sp {
    display: block;
    font-size: 13px;
    color: #000;
    margin: 5px auto 7px auto;
    font-weight: bold;
    line-height: 1.3;
  }
}

@media screen and (max-width: 320px) {
  .popup_info_denshi p.popup-sp {
    font-size: 12px;
  }
}

.popup_info_denshi .popup-pc {
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 1.5;
}

.popup_info_denshi .popup-pc strong {
  font-size: 20px;
}

.popup_info_denshi .popup-pc span {
  font-size: 13px;
  color: #fff;
  display: block;
  text-align: center;
  position: relative;
  padding: 0 15px;
  width: fit-content;
  margin: 0 auto;
}

.popup_info_denshi .popup-pc span:before {
  content: "";
  border-left: 1px solid #fff;
  width: 1px;
  height: 80%;
  position: absolute;
  left: 0px;
  transform: rotate(-35deg);
  display: block;
  bottom: 0px;
}

.popup_info_denshi .popup-pc span:after {
  content: "";
  border-left: 1px solid #fff;
  width: 1px;
  height: 80%;
  position: absolute;
  right: 0px;
  transform: rotate(35deg);
  display: block;
  bottom: 0px;
}

.popup_info_denshi .popup-sp strong,
.popup_info_denshi .popup-pc strong {
  color: #ffffcc;
  font-weight: 900;
  letter-spacing: 0.05em;
}

.popup_info_denshi .popup-sp span {
  color: #fff;
  font-size: 13px;
}

.popup_info_denshi .dl-button img {
  max-width: 250px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .popup_info_denshi .dl-button img {
    max-width: 280px;
  }

  .popup_info_denshi .popup-pc strong {
    font-size: 14px;
  }
}

@media screen and (max-width: 576px) {
  .popup_info_denshi .dl-button img {
    max-width: 220px;
  }
}

/*---------------ポップアップバナー表示お役立ちコラム*/
.popup_info_useful {
  width: 282px;
  position: fixed;
  bottom: 5px;
  right: 5px;
  z-index: 999;
}

.popup_info_useful .popup_close {
  position: relative;
  padding: 0 0 10px 0px;
  border: 1px solid #ddd;
  text-align: center;
  border-radius: 5px;
  background-color: #2abbf6;
  box-shadow: 0 0 10px -6px rgba(0, 0, 0, 1);
  animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

.popup_info_useful .popup_close_btn {
  position: absolute;
  right: 5px;
  top: -12px;
  padding: 6px;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  background-color: #00479D;
  border-radius: 20px;
}

.popup_info_useful img {
  width: 100%;
  border-radius: 5px 5px 0 0;
  vertical-align: bottom;
}

.popup_info_useful a:hover {
  opacity: 0.6;
  transition: all 0.3s;
}

.popup_info_useful .popup-sp {
  display: none;
}

.popup_info_useful .popup_text {
  line-height: 1.6em;
  margin: 10px auto 0 auto;
  color: #454545;
  font-size: 14px;
  font-weight: bold;
}

.popup_info_useful .popup_info_inner {
  position: relative;
}

.popup_info_useful .popup_info_inner .pagetop-2 {
  position: absolute;
  right: 5px;
  top: -65px;
  display: none;
  width: 60px;
  height: 60px;
}

@media screen and (max-width: 768px) {
  .popup_info_useful {
    width: 100%;
    left: 0;
    bottom: 60px;
    box-sizing: border-box;
    font-size: 13px;
  }

  .popup_info_useful .popup_box {
    display: flex;
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: center;
  }

  .popup_img {
    width: 25%;
    height: auto;
  }

  .popup_info_useful .popup_close {
    padding: 5px;
  }

  .popup_info_useful .popup_text {
    max-width: 75%;
    padding-left: 4%;
    padding-right: 4%;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 13px;
    text-align: center;
  }

  .popup_info_useful .popup_text p {
    /*margin: 0 auto;*/
  }

  .popup_info_useful a img {
    width: 100%;
  }

  .popup_info_useful .popup_info_inner .pagetop-2 {
    position: absolute;
    top: -45px;
    width: 40px;
    height: 40px;
  }

  .popup_info_care .popup-pc br {
    display: none;
  }
}

@media screen and (max-width: 575px) {
  .popup_info_useful {
    bottom: 45px;
  }

  .popup_info_useful .popup-pc {
    display: none;
  }

  .popup_info_useful p.popup-sp {
    display: block;
    font-size: 13px;
    color: #000;
    margin: 5px auto 7px auto;
    font-weight: bold;
    line-height: 1.3;
  }
}

@media screen and (max-width: 320px) {
  .popup_info_useful p.popup-sp {
    font-size: 12px;
  }
}

.popup_info_useful .popup-pc {
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 1.5;
}

.popup_info_useful .popup-pc strong {
  font-size: 20px;
}

.popup_info_useful .popup-pc span {
  font-size: 13px;
  color: #fff;
  display: block;
  text-align: center;
  position: relative;
  padding: 0 15px;
  width: fit-content;
  margin: 0 auto;
}

.popup_info_useful .popup-pc span:before {
  content: "";
  border-left: 1px solid #fff;
  width: 1px;
  height: 80%;
  position: absolute;
  left: 0px;
  transform: rotate(-35deg);
  display: block;
  bottom: 0px;
}

.popup_info_useful .popup-pc span:after {
  content: "";
  border-left: 1px solid #fff;
  width: 1px;
  height: 80%;
  position: absolute;
  right: 0px;
  transform: rotate(35deg);
  display: block;
  bottom: 0px;
}

.popup_info_useful .popup-sp strong,
.popup_info_useful .popup-pc strong {
  color: #ffffcc;
  font-weight: 900;
  letter-spacing: 0.05em;
}

.popup_info_useful .popup-sp span {
  color: #fff;
  font-size: 13px;
}

.popup_info_useful .dl-button img {
  max-width: 250px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .popup_info_useful .dl-button img {
    max-width: 280px;
  }

  .popup_info_useful .popup-pc strong {
    font-size: 14px;
  }
}

@media screen and (max-width: 576px) {
  .popup_info_useful .dl-button img {
    max-width: 220px;
  }
}

/*---------------ポップアップバナー表示お役立ちコラム 褥瘡ケアと看取りのポイント*/

.popup_info_useful.doctor_mate .popup_close {
  background-color: #02499d;
}

.popup_info_useful.doctor_mate .popup-pc span::before,
.popup_info_useful.doctor_mate .popup-pc span::after {
  display: none;
}

.popup_info_useful.doctor_mate .popup-pc span {
  font-size: 17px;
  margin-bottom: 7px;
}

.popup_info_useful.doctor_mate .popup_text {
  font-weight: normal;
}

.popup_info_useful .popup_close {
  box-sizing: border-box;
  border-radius: 7px;
}



/*--------------------------------------訪問看護オンラインポップアップバナー*/

.popupbox_img .popup_info_useful .popup-sp {
  display: none;
}

.popupbox_img .popup_info_useful .popup_close {
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .popupbox_img .popup_info_useful .popup-sp {
    display: block;
  }

  .popupbox_img .popup_img {
    width: 100%;
    display: block;
  }

  .popupbox_img .popup_info_useful .popup_box {
    display: none;
  }

  .popupbox_img .popup_info_useful p.popup-sp {
    margin: 0;
  }
}

/* ================================================================

  導入事例　カテゴリー　幅修正 211014
================================================================ */
.info__list__cat .info-cat {
  width: 110px;
}

/* ================================================================
   お知らせページ　ページネーション
================================================================ */
.n-p-sinlge-info {
  width: 900px;
  margin: 100px auto 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.n-p-sinlge-info .prev-single-info {
  width: 45%;
  padding: 10px;
  position: relative;
  line-height: 25px;
  border-top: 1.5px dashed #bbb;
  border-bottom: 1.5px dashed #bbb;
}

.n-p-sinlge-info .prev-single-info .n-p-icon {
  position: absolute;
  top: -25px;
  left: 31px;
  color: #fff;
  background-color: #f28b8b;
  padding: 5px 10px;
  border-radius: 2px;
}

.n-p-sinlge-info .prev-single-info a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 5px;
  transition: all 0.3s;
}

.n-p-sinlge-info .prev-single-info a:hover {
  color: #f28b8b;
}

.n-p-sinlge-info .prev-single-info span {
  font-size: 15px;
  padding-left: 20px;
}

.n-p-sinlge-info .next-single-info {
  width: 45%;
  padding: 10px;
  position: relative;
  line-height: 25px;
  border-top: 1.5px dashed #bbb;
  border-bottom: 1.5px dashed #bbb;
}

.n-p-sinlge-info .next-single-info .n-p-icon {
  position: absolute;
  top: -25px;
  right: 31px;
  color: #fff;
  background-color: #f28b8b;
  padding: 5px 10px;
  border-radius: 2px;
}

.n-p-sinlge-info .next-single-info a {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 5px;
  transition: all 0.3s;
}

.n-p-sinlge-info .next-single-info a:hover {
  color: #f28b8b;
}

.n-p-sinlge-info .next-single-info span {
  font-size: 15px;
  padding-right: 20px;
}

.n-p-sinlge-info .n-p-sinlge-info .fas {
  color: #f28b8b;
}

@media screen and (max-width: 900px) {
  .n-p-sinlge-info {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
  }

  .n-p-sinlge-info .prev-single-info {
    width: 48%;
    padding: 0;
  }

  .n-p-sinlge-info .prev-single-info .n-p-icon {
    left: 5px;
  }

  .n-p-sinlge-info .prev-single-info a {
    padding: 20px 0;
  }

  .n-p-sinlge-info .prev-single-info span {
    font-size: 13px;
    padding-left: 10px;
  }

  .n-p-sinlge-info .next-single-info {
    width: 48%;
    padding: 0;
  }

  .n-p-sinlge-info .next-single-info .n-p-icon {
    right: 5px;
  }

  .n-p-sinlge-info .next-single-info a {
    padding: 20px 0;
  }

  .n-p-sinlge-info .next-single-info span {
    font-size: 13px;
    padding-right: 10px;
  }
}

/* ================================================================
   2021/12 ほのぼのTALK改修
================================================================ */
#hnbntalk .sp-only {
  display: none;
}

#hnbntalk .pages-section {
  margin: 0 auto 60px;
}

#hnbntalk .row {
  text-align: center;
}

#hnbntalk a:not(.mobilerental-btn) {
  transition: all 0.2s;
}

#hnbntalk a:not(.mobilerental-btn)::hover{
  opacity: 0.7;
}

#hnbntalk .row img:not(.mobilerental-btn-img){
  margin: 20px auto;
}

#hnbntalk .hntalk-top-text {
  font-size: 23px;
  font-weight: bold;
}

#hnbntalk .hntalk-manga-box {
  width: 700px;
  border: 3px solid #004ea2;
  margin: 40px auto 0;
  text-align: center;
  border-radius: 13px;
  box-sizing: border-box;
}

#hnbntalk .hntalk-manga {
  color: yellow;
  font-size: 28px;
  background-color: #004ea2;
  padding: 26px;
  font-weight: bold;
}

#hnbntalk .hntalk-manga-box img {
  width: 600px;
  margin: 30px auto;
}

#hnbntalk .hntalk-donyu {
  display: flex;
  justify-content: space-between;
}

#hnbntalk .hntalk-donyu a {
  width: 100%;
  border-radius: 0px;
  transition: all 0.2s;
}

#hnbntalk .hntalk-donyu a img {}

#hnbntalk .hntalk-donyu a:hover {
  opacity: 0.7;
}

#hnbntalk .hd-grad {
  text-align: left;
}

#hnbntalk .hntalk-donyu-donyu {
  text-align: left;
  padding: 10px 0 20px;
}

#hnbntalk .hntalk-donyu-donyu {
  line-height: 24px;
}

#hnbntalk .movie__Wrap2 {
  width: 49%;
}

@media screen and (max-width:900px) {
  #hnbntalk .sp-only {
    display: block;
  }

  #hnbntalk .row img:not(.mobilerental-btn-img) {
    margin: 10px auto;
    width: 95%;
  }

  #hnbntalk .hntalk-top-text {
    font-size: 18px;
  }

  #hnbntalk .hntalk-top-text .pages-section {
    margin-bottom: 35px;
  }

  #hnbntalk .hntalk-manga-box {
    width: 100%;
    margin-top: 20px;
  }

  #hnbntalk .hntalk-manga {
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
  }

  #hnbntalk .hntalk-donyu {
    display: block;
  }

  #hnbntalk .hntalk-donyu a {
    width: 100%;
  }

  #hnbntalk .hntalk-donyu a img {
    width: 100%;
  }

  #hnbntalk .movie__Wrap2 {
    width: 100%;
    margin-bottom: 10px;
  }
}

/*--------------------------------------------------------------------
【market埋め込みフォーム】
お知らせ（固定ページ）で使用中。
form.mktoForm　から外部埋め込みコンテンツになります。
----------------------------------------------------------------------*/

/* お知らせ（.marketo）投稿に埋め込みフォーム ------------*/
.marketo {
  border: 2px solid #e3e3e3;
  padding-bottom: 20px;
}

@media screen and (min-width: 51em) {
  .marketo {
    padding-bottom: 40px;
  }
}

.marketo h6 {
  font-size: 1rem;
  background-color: #003366;
  padding: 10px;
  border-radius: 3px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  line-height: 1.3;
}

.marketo form.mktoForm {
  padding: 20px 20px 0 20px;
}

@media screen and (min-width: 51em) {
  .marketo h6 {
    font-size: 1.375rem;
  }

  .marketo form.mktoForm {
    padding: 40px 30px 0 30px;
  }
}

/* Marketoフォーム共通 ------------*/

form.mktoForm {
  width: 100% !important;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;
}

@media screen and (min-width: 51em) {
  form.mktoForm {
    max-width: 780px;
  }
}

/* Marketoフォーム共通（上書き調整） ------------*/

form.mktoForm .mktoButtonWrap.mktoRound .mktoButton {
  font-size: 16px !important;
}

form.mktoForm input,
form.mktoForm select,
form.mktoForm textarea {
  border-radius: 4px !important;
  box-shadow: none !important;
  padding: 12px 10px !important;
}

form.mktoForm textarea {
  min-height: 120px !important;
}

/*
form.mktoForm .mktoFieldWrap label.mktoLabel {
  font-weight: bold !important;
  color: #555 !important;
}
[id*="mktoForm_"] label span,
[id*="mktoForm_"] label span strong{
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 0;
}*/

/* フォーム細かい調整（ラベルの文字） ---------- */

[id*="mktoForm_"] label strong {
  font-weight: bold !important;
}

[id*="mktoForm_"] label,
[id*="mktoForm_"] label span,
[id*="mktoForm_"] label strong {
  font-size: 14px !important;
  line-height: 1.3;
}

[id*="mktoForm_"] label.mktoLabel * {
  margin-bottom: 0 !important;
  padding: 0 !important;
}

@media (min-width: 576px) {

  [id*="mktoForm_"] label,
  [id*="mktoForm_"] label span,
  [id*="mktoForm_"] label strong {
    font-size: 16px !important;
  }
}

/* 必須の*マーク ---------- */

[id*="mktoForm_"] label.mktoLabel .mktoAsterix {
  margin-left: 5px !important;
  margin-right: 0 !important;
  line-height: 1;
}

@media screen and (max-width: 50em) {
  [id*="mktoForm_"] label.mktoLabel .mktoAsterix {
    margin-left: 0px !important;
    margin-right: 5px !important;
  }
}

/* 個人情報の取扱いについて同意する ---------- */
@media screen and (max-width: 50em) {
  [id*="mktoForm_"] label#LblpMCF20 {
    margin-bottom: 0 !important;
  }
}



/* フォーム細かい調整（inputタグ） ---------- */

.lpeRegForm input {
  text-align: center;
}

.lpeRegForm input[type="reset"],
.lpeRegForm input[type="submit"],
.lpeRegForm input[type="button"] {
  background: #428bca;
  border: 1px solid #357ebd;
  border-radius: 5px;
  color: #FFFFFF !important;
  cursor: pointer;
  display: inline;
  font-size: 12px !important;
  font-weight: bold;
  left: 0px;
  padding: 10px 15px !important;
  position: relative;
  text-transform: uppercase;
  top: 10px;
  -webkit-appearance: none;
}

.lpeRegForm input[type="reset"]:hover,
.lpeRegForm input[type="submit"]:hover,
.lpeRegForm input[type="button"]:hover {
  background-color: #3071a9;
  border-color: #285e8e;
}

form.mktoForm .mktoButtonWrap.mktoRound {
  margin-left: 0 !important;
}

form.mktoForm .mktoButtonWrap.mktoRound .mktoButton {
  border: 1px solid #01489d !important;
  border-radius: 5px;
  background-color: #01489d !important;
  background-image: none !important;
  color: #fff;
  cursor: pointer;
  font-size: 17px !important;
  font-weight: bold;
  margin: 15px 0 0 0 !important;
  padding: 0.7em 3em !important;
}

form.mktoForm .mktoButtonWrap.mktoRound .mktoButton:hover {
  border: 1px solid #5091de !important;
  background-color: #5091de !important;
}

form.mktoForm .mktoButtonWrap.mktoRound .mktoButton:focus {
  outline: none;
  border: 1px solid #5091de !important;
}

form.mktoForm .mktoButtonWrap.mktoRound .mktoButton:active {
  background-color: #5091de !important;
  background-image: none !important;
}

.mktoButtonRow {
  display: block !important;
  text-align: center !important;
  margin-bottom: 30px !important;
}

form.mktoForm .mktoButtonWrap {
  margin-left: auto !important;
  margin-right: auto !important;
}

form.mktoForm .mktoButtonWrap .mktoSimple {
  margin-left: 0 !important;
  margin: auto !important;
}

form.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
  border: 1px solid #838383 !important;
  border-radius: 5px;
  background-color: #838383 !important;
  background-image: none !important;
  color: #fff;
  cursor: pointer;
  font-size: 17px !important;
  font-weight: normal;
  margin: 15px 0 0 0 !important;
  padding: 0.7em 3em !important;
}

form.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {
  border: 1px solid #838383;
  background-color: #fff !important;
  color: #000;
}

form.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:focus {
  outline: none;
  border: 1px solid #838383;
}

form.mktoForm .mktoError .mktoErrorMsg {
  box-shadow: rgba(0, 0, 0, 0.30) 0 1px 3px, inset #ff3c3c 0 1px 0 !important;
  text-shadow: none !important;
  background-image: none !important;
}

.l-content--form {
  display: flex;
  justify-content: space-between;
}

.l-content--form__left {
  width: 532px;
}

.p-mkto--txt img {
  max-width: 100%;
}

.l-content--form__right {
  padding-top: 60px;
  width: 470px;
}

/* スマホ幅時 */

@media screen and (max-width: 50em) {
  form.mktoForm {
    width: 100% !important;
  }

  h2.c-heading-2 {
    width: 100%;
  }

  form.mktoForm .mktoFieldWrap label.mktoLabel,
  form.mktoForm .mktoRequiredField label.mktoLabel {
    margin-bottom: 7px;
  }

  .l-content--form {
    display: block;
  }

  .l-content--form__left {
    width: 100%;
  }

  .l-content--form__right {
    padding-top: 20px;
    width: 100%;
    padding-bottom: 30px;
  }

  form.mktoForm .is-fixed {
    display: none;
  }

  /*文字サイズとフォームのサイズ調整 ------*/
  /*	form.mktoForm .mktoFieldWrap textarea,
	form.mktoForm .mktoFieldWrap input[type=email],
	form.mktoForm .mktoFieldWrap input[type=tel],
	form.mktoForm .mktoFieldWrap input[type=text]{
		padding:10px !important;
	}*/
  form.mktoForm .mktoFieldWrap input[type=email],
  form.mktoForm .mktoFieldWrap input[type=tel],
  form.mktoForm .mktoFieldWrap input[type=text] {
    min-height: 47px;
  }

  form.mktoForm .mktoFieldWrap textarea,
  form.mktoForm .mktoFieldWrap select,
  form.mktoForm .mktoFieldWrap input {
    font-size: 16px !important;
  }
}

form.mktoForm .is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #fff;
  width: 100%;
  margin-top: 0 !important;
  padding-top: 20px;
  min-width: 1280px;
  text-align: center;
}

form.mktoForm table {
  max-width: 100%;
}

form.mktoForm table div {
  border: 1px solid #999;
  padding: 10px;
}

form.mktoForm table td span {
  font-size: 13px !important;
  line-height: 1.5;
}

/*form.mktoForm strong {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  display: inline-block;
  margin-bottom: 10px;
}*/
.marketo #privacy_link {
  text-align: center;
  font-size: 14px;
  margin-top: 20px;
}

.marketo #privacy_link a {
  color: #f28b8b;
  text-decoration: underline;
}

.marketo #privacy_link a:hover {
  text-decoration: none;
}

/* submitを囲むdiv */
.marketo .mktoButtonRow {
  margin-bottom: 10px !important;
}

[id*="mktoForm_"] .mktoOffset {
  display: none;
}

/* iPhoneでの文字サイズ不具合の回避 ----------*/
[id*="mktoForm_"] #privacy-box {
  -webkit-text-size-adjust: 100%;
}

/* 記事内のcssとblankアイコンが被るので非表示 */
[id*="mktoForm_"] #privacy-box a[target="_blank"] {
  background: none;
}

/* Marketoフォーム：個人情報エリアの装飾 ----------------------------------------*/

[id*="mktoForm_"] #privacy-box {
  background-color: #eef5fb;
  border-radius: 3px;
  padding: 15px;
}

[id*="mktoForm_"] #privacy-box .privacy-title {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
}

[id*="mktoForm_"] #privacy-box .privacy-text {
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
}

@media screen and (min-width: 576px) {
  [id*="mktoForm_"] #privacy-box {
    padding: 25px;
  }

  [id*="mktoForm_"] #privacy-box .privacy-title {
    font-size: 16px;
    margin-bottom: 5px;
  }

  [id*="mktoForm_"] #privacy-box .privacy-text {
    font-size: 14px;
    line-height: 1.8;
  }
}

[id*="mktoForm_"] #privacy-box .privacy-text img.wf-icon-blank {
  vertical-align: text-bottom;
  width: 16px;
  height: 16px;
  margin: 0 5px 0 0;
  padding: 0;
  display: inline-block;
}

[id*="mktoForm_"] #privacy-box a {
  padding: 0;
  color: #3366ff;
}

/* ▽230915 add 追記：入力フィールドを広げる改修（Marketoフォーム本体から流用）▽ ----*/

form.mktoForm {
  width: 100% !important
}

@media screen and (min-width: 420px) {
  form.mktoForm .mktoFieldWrap label {
    white-space: nowrap !important;
  }
}

form.mktoForm .mktoFieldWrap label strong,
form.mktoForm .mktoFieldWrap label span {
  white-space: normal;
}

form.mktoForm label {
  width: 100% !important;
}

form.mktoForm input[type=text],
form.mktoForm input[type=url],
form.mktoForm input[type=email],
form.mktoForm input[type=tel],
form.mktoForm input[type=number],
form.mktoForm input[type=date],
form.mktoForm select.mktoField,
form.mktoForm textarea.mktoField {
  width: 100% !important;
}

form.mktoForm .mktoGutter {
  max-width: 2% !important;
}

@media screen and (max-width: 50em) {
  form.mktoForm label div {
    display: inline;
  }
}

@media screen and (min-width: 51em) {
  form.mktoForm label {
    width: 100% !important;
    max-width: 240px !important;
    max-width: 29% !important;
  }

  form.mktoForm input[type=text],
  form.mktoForm input[type=url],
  form.mktoForm input[type=email],
  form.mktoForm input[type=tel],
  form.mktoForm input[type=number],
  form.mktoForm input[type=date],
  form.mktoForm select.mktoField,
  form.mktoForm textarea.mktoField {
    max-width: calc(100% - 250px) !important;
    max-width: 68.7% !important;
    width: 100% !important;
  }
}

.mktoFieldWrap,
.mktoFormCol,
.mktoHtmlText.mktoHasWidth {
  width: 100% !important
}

@media screen and (max-width: 50em) {

  form.mktoForm input[type=text],
  form.mktoForm input[type=url],
  form.mktoForm input[type=email],
  form.mktoForm input[type=tel],
  form.mktoForm input[type=number],
  form.mktoForm input[type=date],
  form.mktoForm select.mktoField,
  form.mktoForm textarea.mktoField {
    width: 100% !important
  }
}

.mktoGutter.mktoHasWidth {
  height: 6px !important
}

form.mktoForm .mktoOffset {
  height: 7px !important
}

[id*="mktoForm_"] #privacy-box {
  margin-top: 15px;
  margin-bottom: 15px;
}

@media screen and (max-width: 50em) {
  [id*="mktoForm_"] #privacy-box {
    margin-top: 20px;
    margin-bottom: 10px;
  }
}

form.mktoForm .mktoButtonWrap.mktoRound .mktoButton {
  margin: 0 !important
}

/* △230915 add 追記：入力フィールドを広げる改修（Marketoフォーム本体から流用）△ ----*/

/* ▽250930姓名フィールドを1行にまとめる▽ */

@media screen and (min-width: 51em) {
  form.mktoForm .mkto-name-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  form.mktoForm .mkto-name-wrap .mktoFormCol .mktoClear {
    display: none;
  }
  form.mktoForm .mkto-name-wrap .mktoFormCol:nth-child(1) {
    width: 66% !important;
  }
  form.mktoForm .mkto-name-wrap .mktoFormCol:nth-child(1) .mktoFieldWrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    float: none;
  }
  form.mktoForm .mkto-name-wrap .mktoFormCol:nth-child(1) input[type=text]#FirstName {
    width: calc(53.5% - 10px) !important;
    margin-right: 1%;
  }
  form.mktoForm .mkto-name-wrap .mktoFormCol:nth-child(1) label#LblFirstName {
    width: 45.5% !important;
    max-width: 100% !important;
  }
  form.mktoForm .mkto-name-wrap .mktoFormCol:nth-child(2) {
    width: 34% !important;
  }
  form.mktoForm .mkto-name-wrap .mktoFormCol:nth-child(2) input[type=text]#LastName {
    max-width: 100% !important;
  }
}

form.mktoForm .mkto-name-wrap .mktoFormCol:nth-child(2) label#LblLastName { 
	display: none;
	/*名の方の必須マークを非表示*/
}
form.mktoForm .mkto-name-wrap .mktoFormCol:nth-child(2) .mktoGutter {
	display: none;
	/*余白消す*/
}
form.mktoForm .mkto-name-wrap .mktoFormCol:nth-child(2) .mktoRequiredField .mktoLabel > div::after, form.mktoForm .mkto-name-wrap .mktoFormCol:nth-child(2) .mktoRequiredField .mktoLabel > strong::after {
	content: none;
}

@media screen and (max-width: 51em) {
  form.mktoForm .mkto-name-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  form.mktoForm .mkto-name-wrap .mktoClear {
    display: none;
  }
  form.mktoForm .mkto-name-wrap .mktoFormCol:nth-child(1) {
    width: 48% !important;
  }
  form.mktoForm .mkto-name-wrap .mktoFormCol:nth-child(2) {
    width: 48% !important;
  }
}
/* △250930姓名フィールドを1行にまとめる△ */


/*--------------------------------------------------------------------
ほのぼのセミナー（固定ページ）

https://www.ndsoft.jp/contact/honobonoseminar〇〇/
#webseminarに囲まれたコンテンツ
----------------------------------------------------------------------*/

/* セミナー情報コンテンツ */
#webseminar .s-section {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  #webseminar .s-section {
    margin-bottom: 40px;
  }
}

#webseminar .image-block {
  margin: 40px 0;
  text-align: center;
}

#webseminar .image-block img {
  margin: 0 auto;
}

#webseminar .profile_photo {
  display: block;
  margin: 20px auto;
  width: 150px;
  height: auto;
}

#webseminar .seminar_catch {
  color: #f28b8b;
  margin: 30px 0;
  line-height: 1.8;
  font-size: 18px;
}

@media (min-width: 768px) {
  #webseminar .profile_photo {
    display: inline-block;
    float: right;
    margin: 0 0 20px 20px;
    width: 200px;
  }

  #webseminar .seminar_catch {
    font-size: 22px;
  }
}

@media (min-width: 768px) {
  #webseminar .flex-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #webseminar .flex-text {
    width: 50%;
  }

  #webseminar .flex-photo {
    width: 44.444444%;
  }
}

#webseminar .flex-photo {
  display: flex;
}

#webseminar .flex-photo div {
  width: 50%;
}

/* リスト */
#webseminar .disc {
  margin: 23px 0;
}

#webseminar .disc>li {
  list-style: disc !important;
}

#webseminar .disc>li {
  margin: 0 0 3px 22px;
  padding: 0;
}

@media (min-width: 960px) {
  #webseminar .disc>li {
    margin: 0 0 3px 24px;
    margin-bottom: 3px;
  }
}

/* 申し込みボタン */
#webseminar .btn a {
  background: #9e003a;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  display: block;
  width: 100%;
  border-radius: 6px;
  padding: 14px;
  line-height: 1.8;
  margin: 2em auto;
  box-sizing: border-box;
}

@media screen and (min-width: 576px) {
  #webseminar .btn a {
    width: 340px;
  }
}

@media screen and (min-width: 768px) {
  #webseminar .btn a {
    font-size: 17px;
    padding: 20px;
    margin: 2.5em auto;
  }
}

#webseminar .btn a {
  position: relative;
  transition: 0.1s linear;
}

#webseminar .btn a::before,
#webseminar .btn a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

#webseminar .btn a::before {
  right: 15px;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
}

#webseminar .btn a::after {
  right: 22px;
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #9e003a;
  border-right: 2px solid #9e003a;
  transform: rotate(45deg);
  top: -2px;
}

@media screen and (min-width: 992px) {
  #webseminar .btn a::before {
    right: 15px;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
  }

  #webseminar .btn a::after {
    right: 23px;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid #9e003a;
    border-right: 2px solid #9e003a;
    transform: rotate(45deg);
    top: -2px;
  }
}

#webseminar .btn a:hover {
  background-color: #d0487a;
}

#webseminar .btn a:hover::before,
#webseminar .btn a:hover::after {
  border-color: #d0487a;
}

/*---------------------------------------------------------------------------------
herder
-----------------------------------------------------------------------------------*/
.head__btns {
  max-width: 600px;
  width: 600px;
}

.head__btns__list {
  margin: 4px 4px 4px 0;
  border-radius: 2px;
}

.head__btns__list a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.head__agent {
  margin-top: 5px;
  margin-right: 10px;
}

.head__agent a {
  display: block;
  color: #fff;
  border-radius: 25px;
  height: 40px;
  line-height: 40px;
  padding: 0 40px 0 55px;
  position: relative;
  transition: all 0.2s;
  box-shadow: 0px 1px 4px rgb(0 0 0 / 28%);
  font-size: 18px;
  background-color: #F01652;
}

/*.sec-color.head__agent a{
					  background-color: #33bd74;
				  }*/
.head__agent a:after {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  top: 42%;
  right: 16px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

.head__agent a:hover {
  opacity: 0.7;
}

.agent-btn span {
  position: relative;
  font-size: 15px;
  padding: 5px 0 5px 35px;
}

.agent-btn span:before {
  content: "";
  width: 22px;
  height: 22px;
  position: absolute;
  top: 2px;
  left: -5px;
  background-image: url("https://www.ndsoft.jp/wp/wp-content/themes/ndsoft/img/agent.svg");
  background-size: cover;
  background-repeat: no-repeat;
}

.agent-btn {
  background: linear-gradient(135deg, #0da4af 0%, #15D19E 100%);
}

.login-btn span {
  position: relative;
  font-size: 15px;
  padding: 5px 0 5px 35px;
  color: #0da4af;
  line-height: 18px;
}

.login-btn span:before {
  content: "";
  width: 22px;
  height: 22px;
  position: absolute;
  top: 11px;
  left: 0px;
  background-image: url("https://www.ndsoft.jp/wp/wp-content/themes/ndsoft/img/login.svg");
  background-size: cover;
  background-repeat: no-repeat;
}

.login-btn {
  background-color: #fff;
  border: 3px solid #0da4af;
}

.contact-btn2 span {
  position: relative;
  font-size: 15px;
  padding: 5px 0 5px 35px;
}

.contact-btn2 span:before {
  content: "";
  width: 22px;
  height: 22px;
  position: absolute;
  top: 2px;
  left: -5px;
  background-image: url("https://www.ndsoft.jp/wp/wp-content/themes/ndsoft/img/contact.svg");
  background-size: cover;
  background-repeat: no-repeat;
}

.head__btns {
  width: 600px;
  max-width: 600px;
  height: 60px;
}

.contact-btn2 {
  background: linear-gradient(135deg, #F74B69 0%, #FBB718 100%);
}

.btns--cmn {
  padding: 4px 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width:768px) {
  .btns--cmn {
    border-radius: 2px;
  }
}

.btns--cmn span {
  text-align: left;
}

@media screen and (max-width:1024px) {
  .head__agent {
    display: none;
  }
}

@media screen and (max-width:350px) {
  .agent-btn span {
    padding: 5px 0 5px 25px;
  }
}

/*------------------------------------------------------------------
フッター　ボタン修正　12.20
----------------------------------------------------------------------*/
.foot__btns {
  text-align: center;
  margin: 100px auto 150px;
  max-width: 600px;
  height: 60px;
  display: flex;
  justify-content: center;
}

.foot__btns__list {
  width: 50%;
}

@media screen and (max-width: 575px) {
  .foot__btns {
    margin-bottom: 0;
    height: 45px;
  }
}

.footbtn_sp {
  display: none;
}

.footbtn_pc {
  display: flex;
}

@media screen and (max-width:768px) {
  .footbtn_sp {
    display: flex;
  }

  .footbtn_pc {
    display: none;
  }
}

/*------------------------------------------------------------------
スマホ用フッター　修正　04/01/04
----------------------------------------------------------------------*/
@media screen and (max-width:1024px) {
  .foot__inr {
    background: #e9f7fa url(https://www.ndsoft.jp/wp/wp-content/themes/ndsoft/img/bg_foot.jpg) bottom center no-repeat;
    padding-bottom: 150px;
  }

  .foot-nav__menu {
    display: flex;
    flex-wrap: wrap;
  }

  .foot-nav__list {
    display: block;
    width: 50%;
  }

  .foot-nav__list--inr {
    display: block;
  }

  .foot-nav__item {
    padding: 5px;
  }

  .foot-nav__item a {
    position: relative;
    /*padding-left: 20px;*/
  }

  .foot-nav__item a:before {
    position: absolute;
    /*content: "";*/
    width: 4px;
    height: 4px;
    top: 40%;
    left: 5px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
  }

  .foot-nav__item.-sns a:before {
    content: none;
  }

  .foot-nav__item.-color a {
    padding-left: 0;
  }

  .foot-nav__item.-color a:before {
    content: none;
  }

  .foot-nav__list--inr {
    margin-left: 10px;
  }

  .foot-nav__list.-last .foot-nav__list--inr {
    display: flex;
    margin: 20px auto 20px 10px;
  }
}

@media screen and (max-width:768px) {
  .foot-nav__item.-color a {
    font-size: 15px;
  }

  .foot-nav__item {
    padding: 2px;
  }

  .foot__inr {
    padding-bottom: 90px;
    background-size: 1200px;
  }

  .foot-nav__menu {
    display: flex;
  }

  .foot-nav__list {
    display: block;
    width: 48%;
  }

  ul.foot-bar__copy {
    margin-bottom: 150px;
  }
}

@media screen and (max-width:400px) {
  .foot-nav__list.-last .foot-nav__list--inr {
    margin: 20px auto;
  }

  .foot-nav__item.-color a {
    font-size: 12px;
  }

  .foot-nav__item.-color a {
    font-weight: bold;
  }

  .foot-nav__list {
    width: 52%;
  }

  .foot-nav__list:nth-child(2n) {
    width: 48%;
  }
}

/* ================================================================
   コラム一覧　NEWボタンサイズ調整　2021.01.06
================================================================ */
.two-column-column .column-list .new-icon.new-sp-only {
  display: none;
}

.two-column-column .column-list .new-icon.new-pc-only {
  display: inline-block;
}

@media screen and (max-width:768px) {
  .two-column-column .column-list .new-icon.new-sp-only {
    display: inline-block;
    position: inherit;
    padding: 0 9px;
  }

  .two-column-column .column-list .new-icon.new-pc-only {
    display: none;
  }

  .two-column-column .column-list .column-thumb-new {
    padding: 3px 9px;
    font-size: 15px;
  }

  .two-column-column .column-list .column__list__thumb i,
  .two-column-column .column-list .new-icon {
    top: -17px;
    left: -10px;
  }
}

/* ================================================================
   コラム一覧　ページネーション調整　2021.01.06
================================================================ */
@media screen and (max-width:768px) {
  .wp-pagenavi {
    display: flex;
    justify-content: center;
    margin: 0 auto;
  }

  .wp-pagenavi .first {}

  .wp-pagenavi .previouspostslink {}

  .two-column-column .post_pagination span,
  .two-column-column .post_pagination a {
    margin: 0 1px;
    width: 2.5em;
    line-height: 2.5em;
  }

  .post_pagination .wp-pagenavi .extend {
    border: none;
    width: fit-content;
  }
}

.post_pagination .wp-pagenavi .extend {
  border: none;
  width: fit-content;
}

/* OLP用style */
body[id*="online"] .popup_info_care {
  display: none;
}

/* ================================================================
   NDSTV　2021.01.18
================================================================ */
#ndstv .a-video {
  position: relative;
  margin-bottom: 10px;
}

#ndstv .ndstv-new {
  position: absolute;
  top: -28px;
  left: -10px;
  background-color: #ed1844;
  color: #fff;
  border-radius: 2px;
  padding: 6px 18px 8px;
  font-size: 20px;
  z-index: 1;
}

#ndstv .mv-outer {
  min-height: 440px;
}

#ndstv .mv-outer.pages .mv {
  min-height: 440px;
}

#ndstv .ndstv-cat-list {
  background-color: #f4f7fb;
  margin-top: 20px;
  overflow: hidden;
}

#ndstv .ndstv-cat-list ul {
  max-width: 900px;
  margin: 0 auto;
  padding: 30px 0;
  display: flex;
  flex-wrap: wrap;
}

#ndstv .ndstv-cat-list ul li {
  padding: 10px 25px 10px 10px;
  background-color: #fff;
  border-radius: 5px;
  border: 2px solid #00479D;
  margin: 3px;
  font-size: 15px;
  font-weight: 800;
  transition: all 0.2s;
  position: relative;
}

#ndstv .ndstv-cat-list ul li:hover {
  background-color: #00479D;
  color: #fff;
}

#ndstv .ndstv-cat-list ul li a:hover {
  color: #fff;
}

#ndstv .ndstv-cat-list ul li:after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #00479D;
  border-right: 2px solid #00479D;
  transform: rotate(45deg);
  top: 39%;
  right: 10px;
}

#ndstv .ndstv-cat-list ul li:hover:after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

#ndstv .movie-modal img {
  border-radius: 2px;
  width: 100%;
}

#nds-tv-list {
  justify-content: space-between;
}

#nds-tv-list .a-video {
  width: 100%;
  display: flex;
}

#ndstv .pages-section {
  margin-bottom: 60px;
}

#ndstv .ndstv-title {
  width: 900px;
  margin: 30px auto 0;
  text-align: left;
  font-size: 18px;
  position: relative;
  padding-left: 29px;
  font-weight: bold;
  box-sizing: border-box;
}

#ndstv .ndstv-title:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(/wp/wp-content/themes/ndsoft/img/ndstv-tag.png);
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 0;
  top: 10%;
}

#ndstv .ndstv-seminar-inner-archive .ndstv-title:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(/wp/wp-content/themes/ndsoft/img/ndstv-arc.svg);
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 0;
  top: -5%;
}

#ndstv .ndstv-list-incat {
  font-size: 2em;
  font-weight: bold;
  width: 100%;
  margin: 40px auto;
  padding: 12px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
  background-color: #AED9E8;
  padding: 28px;
  border-radius: 2px;
}

#ndstv .ndstv-list-incat p {
  margin: 0 auto;
}

#ndstv .ndstv-arc-title {
  width: 100%;
  background-color: #00479D;
  margin-bottom: 28px;
}

#ndstv .ndstv-arc-title p {
  display: block;
  max-width: 900px;
  margin: 0 auto;
  color: #fff;
  font-size: 24px;
  padding: 20px 0;
}

#ndstv .video-description {
  position: relative;
  margin: auto;
}

#ndstv .video-description:before {
  background-image: url("<?php echo get_template_directory_uri(); ?>/img/comment.svg");
  position: absolute;
  top: 18px;
  left: 5px;
  height: 25px;
  width: 25px;
  background-size: cover;
}

#ndstv .video-description p {
  font-size: 14px;
  line-height: 19px;
}

#ndstv .video-youtubes {
  width: 300px;
}

#ndstv .video-text-wraps {
  border: 3px solid #eee;
  background-color: #f4f7fb;
  display: block;
  width: calc(100% - 300px);
  padding: 20px 15px;
  box-sizing: border-box;
}

#ndstv .video-text-wraps dl {
  display: flex;
  align-items: baseline;
  height: 54px;
}

#ndstv .video-text-wraps dl dt {
  width: 130px;
}

#ndstv .video-text-wraps dd {
  width: calc(100% - 140px);
}

#ndstv #nds-tv-list .a-video {
  margin-right: 0;
}

#ndstv .video-tag-wraps {
  padding: 20px 10px;
  width: 150px;
  box-sizing: border-box;
  border: 3px solid #eee;
  border-left: 1px solid #eee;
}

#ndstv .tv-dscription-tag {
  align-items: center;
  line-height: 18px;
  font-size: 12px;
  background-color: #477ab8;
  padding: 4px 8px;
  width: fit-content;
  box-sizing: border-box;
  color: #fff;
  border-radius: 3px;
  font-weight: bold;
  text-align: left;
  display: flex;
  margin-bottom: 8px;
}

#ndstv .video-title:before {
  content: "";
  width: 20px;
  height: 20px;
  background-color: #ed1844;
  position: absolute;
  left: 0;
}

#ndstv .video-title {
  position: relative;
}

#ndstv .video-title:after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  left: 2px;
}

#ndstv .ndstv-cat-list ul .ndstv-carrent {
  background-color: #00479D;
}

#ndstv .ndstv-carrent a {
  color: #fff;
}

#ndstv .ndstv-cat-list ul .ndstv-carrent:after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

#ndstv .video-title {
  font-size: 16px;
  line-height: 1.4em;
  font-weight: bold;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding-left: 10px;
  margin-bottom: 10px;
}

#ndstv .video-title p {
  margin-left: 18px;
  line-height: 20px;
}

#ndstv .video-top-description {
  margin-top: 15px;
  line-height: 27px;
}

@media screen and (max-width:900px) {
  #ndstv .top-a-video {
    padding-top: 20px;
  }

  #ndstv .video-top-description {
    line-height: initial;
    margin-top: 10px;
  }

  #ndstv .ndstv-new {
    font-size: 13px;
    top: -17px;
    left: -5px;
  }

  #ndstv .mv-outer {
    min-height: 200px;
    height: auto;
  }

  #ndstv .mv-outer.pages .mv {
    min-height: 200px;
    height: auto;
  }

  #ndstv #nds-tv-list {
    width: 100%;
    display: block;
  }

  #ndstv #nds-tv-list .a-video {
    width: 100%;
    padding: 20px 0;
    box-sizing: border-box;
    margin-bottom: 0;
    display: block;
  }

  #ndstv .ndstv-list-incat {
    font-size: 1.3em;
  }

  #ndstv .ndstv-title {
    width: 90%;
    font-size: 15px;
  }

  #ndstv .ndstv-cat-list ul {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
  }

  #ndstv .ndstv-arc-title p {
    max-width: 90%;
    font-size: 23px;
    padding: 15px 0;
  }

  #ndstv .ndstv-cat-list ul li {
    font-size: 13px;
    padding: 12px 15px 12px 5px;
    margin: 2px;
  }

  #ndstv .ndstv-cat-list ul li:after {
    width: 4px;
    height: 4px;
    top: 48%;
    right: 5px;
  }

  #ndstv .a-video {
    display: block;
  }

  #ndstv .video-youtubes {
    width: 100%;
  }

  #ndstv .video-text-wraps {
    width: 100%;
    padding: 15px;
  }

  #ndstv .video-tag-wraps {
    width: 100%;
  }

  #ndstv .video-text-wraps dl {
    display: block;
    height: auto;
  }

  #ndstv .video-title {
    padding-left: 0px;
  }

  #ndstv .video-title p {
    margin-left: 30px;
  }
}

/* ================================================================
   NDSTV　セミナー欄追加　2023.03.02
================================================================ */

#ndstv #ndstv-seminar a {
  transition: all 0.2s;
}

#ndstv #ndstv-seminar a:hover {
  opacity: 0.6;
}

#ndstv #ndstv-seminar .ndstv-arc-title {
  background-color: #6BD1B3;
  background-color: #009f3a;
  margin-bottom: 0;
}

.ndstv-seminar-block {
  margin: 0 auto 60px;
  background-color: #EDF9F2;
  background-color: #F3FFF2;
  padding: 36px 0 60px;
}

.ndstv-seminar-block {
  padding: 36px 0 60px 0;
  box-sizing: border-box;
  display: block;
}

.ndstv-seminar-inner-top {
  display: block;
  max-width: 720px;
  margin: 0px auto;
}

.ndstv-seminar-inner-top-img {
  margin-bottom: 36px;
  text-align: center;
  width: 100%;
}

.ndstv-seminar-inner-top-img img {
  box-shadow: 0 5px 25px rgb(0 0 0 / 20%);
  border-radius: 8px;
  height: 340px;
  max-width: 100%;
}

.ndstv-seminar-inner-top-ttl {
  margin-top: 54px;
  margin-bottom: 40px;
  color: #555;
}

.ndstv-seminar-inner-top-txt p {
  line-height: 1.8em;
  font-size: 16px;
}

.ndstv-seminar-inner-top-btn a {
  margin: 0 auto;
  font-weight: bold;
  display: block;
  padding: 28px 64px 28px 40px;
  background-color: #9e0031;
  width: fit-content;
  font-size: 18px;
  border-radius: 100px;
  color: #fff;
  box-shadow: 0 5px 25px rgb(0 0 0 / 20%);
  position: relative;
}

.ndstv-seminar-inner-top-btn a:after {
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  content: "";
  right: 32px;
  top: calc(50% - 3px);
}

.ndstv-seminar-inner-archive {
  max-width: 900px;
  margin: 0 auto;
}

.ndstv-seminar-inner-archive ul {
  margin-top: 40px;
}

.ndstv-seminar-inner-archive ul::after {
  display: block;
  content: "";
  width: 280px;
}

.ndstv-seminar-inner-archive ul li a {
  /*height: 208px;*/
  box-shadow: 0 5px 25px rgb(0 0 0 / 20%);
  border: 1px solid #eee;
  border-radius: 10px;
  width: 100%;
  display: flex;
  margin-bottom: 28px;
}

.ndstv-seminar-inner-archive ul li a .ndstv-seminar-inner-archive-img {
  display: flex;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: darkseagreen;
  /* border-radius: 12px; */
  width: 280px;
  align-items: center;
  background-size: contain;
  background-position: center;
  overflow: hidden;
  background-repeat: no-repeat;


  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.ndstv-seminar-inner-archive ul li a .ndstv-seminar-inner-archive-img img {
  width: 100%;

}

.ndstv-seminar-inner-archive ul li a .ndstv-seminar-inner-archive-txt {
  background-color: #fff;
  display: block;
  width: calc(100% - 280px);
  padding: 20px;
  box-sizing: border-box;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 24px;
}

.ndstv-seminar-inner-archive-ttl {
  /*border-bottom: 1px dotted #555;*/
  color: #009f3a;
  font-weight: 999;
  font-size: 18px;
  padding-bottom: 12px;
  /*margin-bottom: 16px;*/
  line-height: 36px;
}

.ndstv-seminar-inner-archive-about {
  margin-bottom: 16px;
}

.ndstv-seminar-inner-archive-about p {
  font-size: 15px;
  line-height: 24px;
}

.ndstv-seminar-inner-archive-btn {
  background-color: #009f3a;
  background-color: #9e0031;
  color: #fff;
  width: fit-content;
  font-size: 15px;
  padding: 8px 32px 8px 12px;
  border-radius: 5px;
  margin: 0 0 0 auto;
  position: relative;
}

.ndstv-seminar-inner-archive-btn:after {
  width: 4px;
  height: 4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  content: "";
  right: 16px;
  top: calc(50% - 2px);
}

.ndstv-seminar-inner-top-ttl {
  border-bottom: 1px dotted;
  margin-bottom: 24px;
  color: #009f3a;
  /* text-align: center; */
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 0.05em;
  padding-bottom: 24px;
  line-height: 36px;
}

.ndstv-seminar-inner-top-btn {
  margin-top: 36px;

}

.ndstv-seminar-inner-archive-img_glass {
  width: 100%;
  text-align: center;
  backdrop-filter: blur(20px);
  align-items: center;
  display: flex;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}

@media screen and (max-width: 900px) {
  .ndstv-seminar-inner-archive {
    padding: 20px;
  }
}

@media screen and (max-width: 900px) {

  .ndstv-seminar-block {
    padding: 20px 20px;
    margin-bottom: 40px;
  }

  .ndstv-seminar-inner-top-img {
    margin-bottom: 12px;
  }

  .ndstv-seminar-inner-top-ttl {
    margin-top: 36px;
    padding-bottom: 8px;
    font-size: 20px;
  }

  .ndstv-seminar-inner-top-btn {
    margin: 36px auto;
  }

  .ndstv-seminar-inner-top-btn a {
    font-size: 16px;
  }

  .ndstv-seminar-inner-archive ul li a {
    flex-direction: column;
    height: 100%;
  }

  .ndstv-seminar-inner-archive ul li a .ndstv-seminar-inner-archive-img {
    height: 100%;
    width: 100%;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
  }

  .ndstv-seminar-inner-archive ul li a .ndstv-seminar-inner-archive-txt {
    padding: 20px;
    width: 100%;
    border-bottom-left-radius: 8px;
  }

  .ndstv-seminar-inner-top-img img {
    width: 100%;
    height: auto;
  }

}

/* ================================================================
   ほのぼのmore　ステージング　2021.01.21
================================================================ */

@media screen and (min-width:1080px) {
  .more-container .right-column {
    position: sticky;
    /*top: 200px;*/
    bottom: 0;
  }

  .more-container .pages-2clm {
    align-items: flex-end;
    /* stiky下から　様子見 */
  }
}


.more-container .pages-2clm {
  margin-top: 40px;
}

#next2021 .pages-2clm {
  margin-top: 20px;
}

@media screen and (min-width:768px) {
  .more-container .pages-2clm {
    margin-top: 50px;
  }

  #next2021 .pages-2clm {
    margin-top: 30px;
  }

}

@media screen and (min-width:1080px) {
  .more-container .pages-2clm {
    margin-top: 60px;
  }

  #next2021 .pages-2clm {
    margin-top: 60px;
  }
}

@media screen and (min-width:768px) and (max-width:1080px) {

  .more-container .row.column-list,
  #next2021 .row {
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
  }
}



/* ================================================================
   ほのぼのＮＥＸＴト　ステージング　2021.01.28
================================================================ */
#next2021 .right-column {
  position: sticky;
  top: 200px;
}

/* ================================================================
   フッター固定バナー修正　ステージング　2022.02.21
================================================================ */
@media screen and (max-width:768px) {
  .bottom_fixed.add-fixed .foot__btns.footbtn_sp {
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    z-index: 9999;
  }
}

/* ================================================================
   コラム記事内　関連記事エリア　ステージング　2022.03.08
================================================================ */
.product_link_area a {
  display: flex;
  margin-bottom: 20px;
  border: 1px solid #999;
  padding: 18px 15px 15px 15px;
  color: #333 !important;
  align-items: center;
  font-weight: bold;
  position: relative;
  line-height: 1.7;
}

.product_link_area a:before {
  content: "< あわせて読みたい >";
  display: block;
  position: absolute;
  font-size: 13px;
  top: -1em;
  left: 1em;
  background-color: #FFF;
  padding: 3px 5px;
}

.product_link_area img {
  display: block;
  width: 160px;
  height: auto;
  margin-right: 15px;
}

.product_link_area span {
  display: block;
  font-size: 14px;
}

.product_link_area .column-icon {
  background-color: #f4604f;
  padding: 6px 5px 5px 6px;
  color: #fff;
  font-size: 12px;
  margin-bottom: 7px;
  line-height: 1;
  font-weight: normal;
}

/* ================================================================
   ヘッダーにほのぼのユーザー様サポートページログインボタン追加、Gナビにサポート用メニュー追加
================================================================ */
ul.head__btns li.-login span {
  font-size: 14px;
  padding-left: 25px;
}

@media (min-width: 1060px) {
  ul.head__btns li.-login span {
    padding-left: 35px;
  }
}

ul.head__btns li.-login {
  width: 38%;
}

ul.head__btns li.-agent,
ul.head__btns li.-contact {
  width: 32%;
}

.agent-btn span:before,
.contact-btn2 span:before {
  left: 0;
}

.mm--03 ul.mega__sub-link {
  padding-right: 220px;
  box-sizing: border-box;
  flex-wrap: wrap;
}

.icon-btn {
  opacity: 0;
}

.icon-btn.show {
  animation: img-wrap-fuwa 1s cubic-bezier(.4, 0, .2, 1);
  /*animation-delay: 0.3s;*/
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  /*opacity:0;*/
}

@keyframes img-wrap-fuwa {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 100;
  }
}

.icon-link a {
  font-size: 13px !important;
  background-color: #28b3bd;
  color: #fff;
  padding: 7px 24px 7px 8px;
  line-height: 1.3;
  display: block;
  position: relative;
  transition: 0.1s linear;
  border-radius: 2px;
  text-align: left;
  /*box-shadow: 1px 1px 1px 0px rgba(0,0,0,.3);*/
}

.icon-link a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
  margin: auto;
  content: "";
  vertical-align: middle;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 4px solid #fff;
}

.icon-link a:hover {
  background-color: #68c6cd;
}

.mm--03 ul.mega__sub-link {
  margin-top: 15px;
}

.icon-btn {
  display: flex;
  flex-wrap: nowrap;
  /*
	justify-content:center;*/
  padding: 20px 0px 10px 0px;
  margin: 25px 30px 0 30px;
  border-top: 1px solid #d5cbc6;
}

.icon-btn div {
  margin-right: 10px;
}

@media screen and (max-width: 992px) {
  .mm--03 ul.mega__sub-link li {
    box-sizing: border-box;
    margin-bottom: 10px;
  }

  .icon-btn {
    padding: 15px 0px 10px 0px;
    margin: 10px 30px 0 30px;
  }

  .mm--03 ul.mega__sub-link {
    margin-top: 0px;
  }
}

.mega-menu__scroll-wf {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  overflow-x: hidden;
  height: 100%;
  position: relative;
}

/*--------------------------------------------------------------------

小濱コラムリンク追加
----------------------------------------------------------------------*/
.two-column-column .column-article .column_k_link {
  margin-top: 60px;
  padding: 20px;
  border: 2px solid #555;
  border-radius: 4px;
}

.two-column-column .column-article .column_k_link span {
  display: block;
  font-weight: bold;
  color: #555;
  margin-top: -34px;
  font-size: 1.2em;
  background-color: #fff;
  width: fit-content;
}

.two-column-column .column-article .column_k_link a {
  padding-left: 2em;
  margin-top: 12px;
  color: #477ab8;
  display: block;
  position: relative;
}

.two-column-column .column-article .column_k_link a:before {
  top: calc(50% - 4px);
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #477ab8;
  border-right: 2px solid #477ab8;
  transform: rotate(45deg);
  position: absolute;
  left: 12px;
}

/* ================================================================
   #総合お問合わせ　contact #wf-page-contact
================================================================ */

@media (max-width: 1023px) {
  body#wf-page-contact .row.inner {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
}

body#wf-page-contact .bottom_fixed .foot__btns.footbtn_pc {
  display: none;
}

body#wf-page-contact .pages-section {
  margin: 60px auto 60px;
}

#contact-panel-wrap {
  display: flex;
  flex-wrap: wrap;
}

#contact-panel-wrap .contact-panel {
  width: 32%;
  margin-right: 2%;
  border: 1px solid #d2d2d2;
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 0 24px 24px 24px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  #contact-panel-wrap .contact-panel:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) {
  #contact-panel-wrap .contact-panel {
    width: 100%;
    margin-right: 0;
  }
}

body#wf-page-contact #contact-panel-wrap .contact-panel h3 {
  font-size: 24px;
  height: 2em;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -24px;
  margin-right: -24px;
  padding: 24px;
  margin-bottom: 1em;
  line-height: 1.3;
  color: #FFF;
}

#contact-panel-wrap .contact-panel h3 span {
  vertical-align: middle;
}

#contact-panel-wrap .contact-panel:nth-child(1) h3 {
  background-color: #519ed4;
}

#contact-panel-wrap .contact-panel:nth-child(2) h3 {
  background-color: #93ca56;
}

#contact-panel-wrap .contact-panel:nth-child(3) h3 {
  background-color: #51c2d4;
}

#contact-panel-wrap .contact-panel:nth-child(4) h3 {
  background-color: #F08F5F;
}

#contact-panel-wrap .contact-panel:nth-child(5) h3 {
  background-color: #EE8593;
}

#contact-panel-wrap .contact-panel:nth-child(6) h3 {
  background-color: #AEAEC9;
}

#contact-panel-wrap .contact-panel:nth-child(7) h3 {
  background-color: #80D1A6;
}

#contact-panel-wrap .contact-panel:nth-child(8) h3 {
  background-color: #EFBB2B;
}

#contact-panel-wrap .contact-panel:nth-child(9) h3 {
  background-color: #A97D54;
}

#contact-panel-wrap .contact-panel:nth-child(10) h3 {
  background-color: #B25279;
}

.contact-panel-link a {
  font-size: 14px !important;
  padding-left: 22px !important;
}

.contact-panel-link a:after {
  font-size: 16px !important;
}

#contact-panel-wrap .contact-panel p {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 6em;
  line-height: 1.4;
}

/* ページナビ */
body#wf-page-contact .contact-pagenavi {
  margin-bottom: 40px;
}

@media (min-width: 600px) {
  body#wf-page-contact .contact-pagenavi {
    margin-bottom: 60px;
  }
}

body#wf-page-contact .contact-pagenavi * {
  box-sizing: border-box;
}

body#wf-page-contact .contact-pagenavi ul {
  width: 100%;
}

body#wf-page-contact .contact-pagenavi li {
  width: 100%;
  display: flex;
  align-items: stretch;
  margin-bottom: 10px;
  min-height: 60px;
}

body#wf-page-contact .contact-pagenavi li br {
  display: none;
}

body#wf-page-contact .contact-pagenavi ul li a {
  padding: 0px 34px 0px 50px;
  width: 100%;
  font-size: 13px;
  line-height: 1.5;
  display: flex;
  align-items: center;
  position: relative;
  transition: 0.1s linear;
  border: 1px solid #d2d2d2;
  border-radius: 8px;
}

body#wf-page-contact .contact-pagenavi ul li a:hover {
  background-color: rgba(242, 139, 139, .05);
  color: #f28b8b;
}

body#wf-page-contact .contact-pagenavi ul li:not(.no-arrow) a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -4px;
  border: 6px solid transparent;
  border-top: 7px solid #f28b8b;
}

body#wf-page-contact .contact-pagenavi ul li.icon-support a {
  background: url("img/contact/icon_login.svg") no-repeat left 12px center;
  background-size: 30px;
}
body#wf-page-contact .contact-pagenavi ul li.icon-support a:hover {
  background: url("img/contact/icon_login2.svg") no-repeat left 12px center;
  background-size: 30px;
}

body#wf-page-contact .contact-pagenavi ul li.icon-demo-apply a {
  background: url("img/contact/icon_contact.svg") no-repeat left 12px center;
  background-size: 30px;
}
body#wf-page-contact .contact-pagenavi ul li.icon-demo-apply a:hover {
  background: url("img/contact/icon_contact2.svg") no-repeat left 12px center;
  background-size: 30px;
}

body#wf-page-contact .contact-pagenavi ul li.icon-doc-dl a {
  background: url("img/contact/icon_download.svg") no-repeat left 12px center;
  background-size: 30px;
}
body#wf-page-contact .contact-pagenavi ul li.icon-doc-dl a:hover {
  background: url("img/contact/icon_download2.svg") no-repeat left 12px center;
  background-size: 30px;
}

body#wf-page-contact .contact-pagenavi ul li.icon-rental a {
  background: url("img/contact/icon_rental.svg?v2") no-repeat left 12px center;
  background-size: 30px;
}
body#wf-page-contact .contact-pagenavi ul li.icon-rental a:hover {
  background: url("img/contact/icon_rental2.svg?v2") no-repeat left 12px center;
  background-size: 30px;
}


@media (min-width: 600px) {
  body#wf-page-contact .contact-pagenavi ul {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
		justify-content: flex-start;
		column-gap: 2%;
	}

  body#wf-page-contact .contact-pagenavi li {
    width: 49%;
    min-height: 70px;
  }

  body#wf-page-contact .contact-pagenavi ul li a {
    padding: 0 25px 0 50px;
    font-size: 13px;
  }

  body#wf-page-contact .contact-pagenavi li br {
    display: block;
  }
}


@media (min-width: 840px) {
  body#wf-page-contact .contact-pagenavi li {
    width: 32%;
		column-gap: 4%;
  }

  body#wf-page-contact .contact-pagenavi ul li a {
    padding: 0 25px 0 50px;
    font-size: 13px;
  }

  body#wf-page-contact .contact-pagenavi ul li:not(.no-arrow) a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -5px;
    border: 5px solid transparent;
    border-top: 6px solid #f28b8b;
  }
}

@media (min-width: 992px) {
  body#wf-page-contact .contact-pagenavi ul li a {
    padding: 18px 25px 18px 62px;
    font-size: 15px;
  }

  body#wf-page-contact .contact-pagenavi ul li:not(.no-arrow) a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 18px;
    margin-top: -5px;
    border: 6px solid transparent;
    border-top: 7px solid #f28b8b;
  }

  body#wf-page-contact .contact-pagenavi ul li.icon-support a {
    background: url("img/contact/icon_login.svg") no-repeat left 16px center;
    background-size: 36px;
  }
  body#wf-page-contact .contact-pagenavi ul li.icon-support a:hover {
    background: url("img/contact/icon_login2.svg") no-repeat left 16px center;
    background-size: 36px;
  }
	
  body#wf-page-contact .contact-pagenavi ul li.icon-demo-apply a {
    background: url("img/contact/icon_contact.svg") no-repeat left 16px center;
    background-size: 36px;
  }
  body#wf-page-contact .contact-pagenavi ul li.icon-demo-apply a:hover {
    background: url("img/contact/icon_contact2.svg") no-repeat left 16px center;
    background-size: 36px;
  }
	
  body#wf-page-contact .contact-pagenavi ul li.icon-doc-dl a {
    background: url("img/contact/icon_download.svg") no-repeat left 16px center;
    background-size: 36px;
  }
  body#wf-page-contact .contact-pagenavi ul li.icon-doc-dl a:hover {
    background: url("img/contact/icon_download2.svg") no-repeat left 16px center;
    background-size: 36px;
  }
	
  body#wf-page-contact .contact-pagenavi ul li.icon-rental a {
    background: url("img/contact/icon_rental.svg?v2") no-repeat left 16px center;
    background-size: 36px;
  }
  body#wf-page-contact .contact-pagenavi ul li.icon-rental a:hover {
    background: url("img/contact/icon_rental2.svg?v2") no-repeat left 16px center;
    background-size: 36px;
  }	
}


/* サポートログインページへ */
body#wf-page-contact .contact-block ul.disc {
  list-style: none;
  padding: 0;
}

body#wf-page-contact .contact-block ul.disc li a {
  font-size: 14px;
  line-height: 1.5;
  text-decoration: underline;
  color: #0da4af;
  background-image: url(https://www.ndsoft.jp/wp/wp-content/themes/ndsoft/img/login.svg);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 30px;
  background-size: 20px;
}

body#wf-page-contact .contact-block ul.disc li a:hover {
  color: #0a6b72;
}

@media (min-width: 576px) {
  body#wf-page-contact .contact-block ul.disc li a {
    font-size: 16px;
  }
}

body#wf-page-contact .contact-supportlogin {
  padding: 25px 20px;
  background-color: #e9f9f6;
}

@media (min-width: 768px) {
  body#wf-page-contact .contact-block ul.disc li a {
    font-size: 18px;
  }

  body#wf-page-contact .contact-supportlogin {
    padding: 30px;
  }
}

.mt0 {
  margin-top: 0;
}

/* お役立ちガイド資料ダウンロード */
body#wf-page-contact .contact_download-item * {
  box-sizing: border-box;
}

body#wf-page-contact .contact_download-item+.contact_download-item {
  margin-top: 20px;
}

body#wf-page-contact .contact_download-item a {
  display: block;
  border: 1px solid #d2d2d2;
  padding: 20px;
  transition: 0.1s linear;
}

body#wf-page-contact .contact_download-item-thumb img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

@media (min-width: 576px) {
  body#wf-page-contact .contact_download-item a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px 30px 20px 30px;
  }

  body#wf-page-contact .contact_download-item-thumb img {
    margin-bottom: 0;
  }

  body#wf-page-contact .contact_download-item-thumb {
    width: 200px;
  }

  body#wf-page-contact .contact_download-item-text {
    width: calc(100% - 220px);
  }
}

@media (min-width: 992px) {
  body#wf-page-contact .contact_download-item-thumb {
    width: 252px;
  }

  body#wf-page-contact .contact_download-item-thumb img {
    width: auto;
  }

  body#wf-page-contact .contact_download-item-text {
    width: calc(100% - 282px);
  }
}

body#wf-page-contact .contact_download-item-text .title {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 5px;
  line-height: 1.5;
  /*color:#f28b8b;*/
}

body#wf-page-contact .contact_download-item-text p {
  line-height: 1.6;
  font-size: 13px;
}

body#wf-page-contact .contact_download-item-text .btn {
  text-align: right;
}

@media (min-width: 576px) {
  body#wf-page-contact .contact_download-item-text .title {
    font-size: 18px;
    margin-bottom: 5px;
  }

  body#wf-page-contact .contact_download-item-text p {
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  body#wf-page-contact .contact_download-item-text .title {
    font-size: 20px;
    margin-bottom: 10px;
  }

  body#wf-page-contact .contact_download-item-text p {
    font-size: 15px;
  }
}

body#wf-page-contact .contact_download-item-text .btn span {
  background-color: #f28b8b;
  padding: 14px 40px 14px 30px;
  color: #fff;
  font-size: 15px;
  border-radius: 60px;
  display: inline-block;
  margin-top: 15px;
  position: relative;
}

body#wf-page-contact .contact_download-item-text .btn span::after {
  content: "→";
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 30px;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: transform .2s;
}

body#wf-page-contact .contact_download-item a:hover {
  background-color: rgba(242, 139, 139, .05);
  border: 1px solid rgba(242, 139, 139, .4);
}

body#wf-page-contact .contact_download-item a:hover .btn span::after {
  transform: translate(6px, -50%);
}

body#wf-page-contact #dl-03 {
  margin-top: 60px;
}

/*--------------------------------------------------------------------

コラム　ライター情報
----------------------------------------------------------------------*/
.two-column-column .column-article .column-writer {
  border: 2px solid #e3edf0;
  margin-top: 40px;
  justify-content: space-between;
  align-items: center;
  /* background-color: #e3edf0; */
  /* gap: 24px; */
  display: flex;
  padding: 24px;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
  /* padding-top: 58px; */
  padding-top: 50px;
}

.two-column-column .column-article .column-writer:before {
  content: "この記事を書いた人";
  position: absolute;
  left: 0;
  top: 0px;
  background-color: #e3edf0;
  color: #333;
  padding: 8px 18px;
  line-height: 16px;
  /* border-top-left-radius: 4px;*/
  /* border-top-right-radius: 4px;*/
  border-bottom-right-radius: 4px;
  font-size: 14px
}

.two-column-column .column-article .column-writer-img {
  width: 120px;
  height: 120px;
  border-radius: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.two-column-column .column-article .column-writer-text {
  font-size: 14px;
  /* width: calc(100% - 144px); */
}

.two-column-column .column-article .column-writer-text span {
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}

@media (max-width: 639px) {
  .two-column-column .column-article .column-writer {
    align-items: flex-start;
    padding: 24px;
    padding-top: 52px;
  }

  .two-column-column .column-article .column-writer-img {
    width: 70px;
    height: 70px;
  }

  .two-column-column .column-article .column-writer-text {
    /*width: calc(100% - 86px);*/
  }
}

/*--------------------------------------------------------------------
moreとケアパレットにデモ動画設置
----------------------------------------------------------------------*/
#demo_movie .demo_movie-block {
  width: 100%;
  margin: 40px auto;
  /*padding: 60px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;*/
}

#demo_movie .demo_movie-item {
  width: 100%;
  max-width: 740px;
  margin: 0 auto;
}

#demo_movie .demo_movie-item+.demo_movie-item {
  margin-top: 30px;
}

@media (min-width: 576px) {
  #demo_movie .demo_movie-item+.demo_movie-item {
    margin-top: 40px;
  }

  #demo_movie .demo_movie-block {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

#demo_movie .demo_movie-title {
  font-size: 22px;
  text-align: center;
  margin-bottom: 15px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1.5;
}

#demo_movie .demo_movie-title+p {
  text-align: center;
  margin-bottom: 30px;
}

#demo_movie .demo_movie-title span:not(.highlight) {
  font-size: 13px;
  display: block;
  color: #477ab8;
  margin-bottom: 10px;
}

#demo_movie .demo_movie-sub {
  font-size: 14px;
  font-weight: bold;
  border-left: 3px solid #477ab8;
  padding: 6px 0 6px 10px;
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  #demo_movie .demo_movie-title {
    font-size: 26px;
  }

  #demo_movie .demo_movie-title+p {}

  #demo_movie .demo_movie-title span:not(.highlight) {
    font-size: 16px;
  }

  #demo_movie .demo_movie-sub {
    font-size: 16px;
    padding: 8px 0 8px 12px;
  }
}

@media (min-width: 992px) {
  #demo_movie .demo_movie-title {
    font-size: 30px;
  }

  #demo_movie .demo_movie-title+p {}

  #demo_movie .demo_movie-title span:not(.highlight) {
    font-size: 18px;
  }

  #demo_movie .demo_movie-sub {
    font-size: 18px;
    border-width: 4px;
    padding: 10px 0 10px 14px;
  }
}

/* more */
#demo_movie .more.demo_movie-block {
  /*padding: 60px 0;
	border-top: 1px dashed #ddd;
	border-bottom: 1px solid #ddd;*/
}

#demo_movie .more .demo_movie-title span:not(.highlight) {
  color: #52AA3A;
}

#demo_movie .more .demo_movie-sub {
  border-left: 3px solid #52AA3A;
}

#demo_movie .demo_movie-title span.highlight {
  background: linear-gradient(transparent 79%, #e6f3fd 60%);
}

#demo_movie .more .demo_movie-title span.highlight {
  background: linear-gradient(transparent 79%, #daefd4 60%);
}

/* ================================================================
   more リニューアル
================================================================ */
.more-container {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  letter-spacing: .05rem;
  line-height: 1.4;
}

.mcontainer a:hover {
  opacity: 0.7;
  transition: all 0.5s;
}

.more-container .left-column {
  width: calc(100% - 360px);
}

.more-container .right-column {
  width: 300px;
}

.more-container .title {
  /*border-top:1px solid #ddd;
		border-bottom:1px solid #ddd;*/
  display: inline-block;
  /*padding-bottom: 30px;*/
  width: 100%;
  text-align: center;
}

.more-container .title h1 {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.more-container .title h2 {
  font-size: 28px;
  font-weight: bold;
  color: #52AA3A;
  ;
}

.more-container .mokuji {
  max-width: 100%;
  border-radius: 5px;
  background-color: #eff7eb;
  padding: 25px;
  margin: 50px auto;
}

.more-container .mokuji h5 {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin: 16px 0;
  color: #52AA3A;
}

.more-container .mokuji ul {
  list-style-position: inside;
  margin: 1.5em 0 0;
}

.more-container .mokuji ul li {
  margin-bottom: 8px;
}

.more-container .mokuji ul li a {
  padding: 16px 50px 16px 50px;
  display: block;
  position: relative;
  background-color: #fff;
  border-radius: 100px;
  border: 1px solid #ddd;
  font-weight: bold;
}

.more-container .mokuji ul li a:before {
  top: calc(50% - 6px);
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #52AA3A;
  left: 20px;
  display: block;
  border-radius: 10px;
}

.more-container .mokuji ul li a:after {
  top: calc(50% - 4px);
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-right: 3px solid #52AA3A;
  border-bottom: 3px solid #52AA3A;
  right: 24px;
  display: block;
  transform: rotate(45deg);
}

.more-container .main-contents {
  border-top: 1px solid #ddd;
}

.more-container .main-contents h1 {
  margin: 40px 0 15px;
  padding: 5px 0;
  font-size: 28px;
  font-weight: 700;
  border-bottom: 2px solid #181818;
  color: #333;
  line-height: 1.4;

  padding-top: 60px;
  margin-top: -30px;
}

.more-container .main-contents ul {
  margin: 1.5em 0;
  line-height: 1.5;
  list-style-position: inherit;
}

.more-container .main-contents li {
  padding-left: 40px;
  margin-bottom: 20px;
  position: relative;
  line-height: 1.7;
  font-size: 14px;
}

@media screen and (min-width:576px) {
  .more-container .main-contents li {
    font-size: 15px;
  }
}

@media screen and (min-width:992px) {
  .more-container .main-contents li {
    font-size: 16px;
  }
}

.more-container .main-contents .back-gray-sub {
  line-height: 1.7;
}

.more-container .main-contents li:before {
  position: absolute;
  display: block;
  content: "";
  width: 16px;
  height: 4px;
  background-color: #ddd;
  left: 10px;
  top: 8px;
}

.more-container .main-contents li ul li:before {
  border-radius: 10px;
  width: 6px;
  height: 6px;
  background-color: #fff;
  border: 2px solid #ccc;
}

.more-container .main-contents .back-gray-sub {
  text-align: left;
  font-size: 0.9em;
}

.more-container .main-contents h2 {
  margin: 40px 0 20px;
  padding: 13px 28px 12px;
  font-size: 21px;
  font-weight: 700;
  background: #f3f3f3;
  border-radius: 2px;
  position: relative;
}

.more-container .main-contents h2:before {
  top: 0;
  height: 100%;
  background: #477ab8;
  background: linear-gradient(to bottom, #477ab8 0%, #5a8bc5 40%, #6a9ad4 80%, #78a9e4 99%);
  content: "";
  width: 6px;
  height: 92%;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 4%;
}

.more-container .main-contents h4 {
  margin: 48px 0 16px;
  padding: 8px 24px;
  /* border-left: 3px solid #477ab8; */
  font-size: 18px;
  font-weight: 700;
  position: relative;
  background: rgb(97, 194, 28);
  background: linear-gradient(90deg, rgba(97, 194, 28, 1) 0%, rgba(198, 231, 128, 1) 100%);
  color: #fff;
}

.more-container .main-contents .center-img {
  margin: 20px auto;
  display: block;
}

.more-container .main-contents h5 {
  margin-bottom: 32px;
  color: #52AA3A;
  font-weight: bold;
  font-size: 18px;
  display: block;
}

.more-container .intro-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 20px auto;
  text-align: center;
}

.more-container .intro-inner {
  border: 2px solid #ddd;
  display: flex;
  width: 24%;
  text-align: left;
  margin-right: 1%;
  position: relative;
}

.more-container .intro-inner:before {
  content: "";
  background-color: #DAEFD4;
  width: 28px;
  height: 28px;
  position: absolute;
  display: block;
  right: 0;
  bottom: 0;
}

.more-container .intro-inner:after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  display: block;
  right: 10px;
  bottom: 8px;
  border-top: 2px solid #52AA3A;
  border-right: 2px solid #52AA3A;
  transform: rotate(45deg);
}

.more-container .intro-inner a {
  box-sizing: border-box;
  display: block;
  height: 100%;
  padding-bottom: 20px;
}

.more-container .intro-inner p {
  font-size: 14px;
  font-weight: bold;
  padding: 12px;
}

.more-container .parts_more_case {
  margin: 96px auto;
}

.more-container .parts_more_faq {
  margin: 96px auto;
}

.more-container .parts_more_faq .cnv-more {
  margin-top: 20px;

}


.more-container .cnv-more {
  margin: 40px auto;
  border-color: #519ed4;
  position: relative;
  display: inline-block;
  min-width: 315px;
  padding: 18px 40px;
  box-sizing: border-box;
  max-width: 90%;
  background: #fff;
  border: 2px solid #52AA3A;
  color: #333;
  transition: background .2s;
  font-weight: bold;
}

.more-container .cnv-more:hover {
  color: #fff;
  background-color: #52AA3A;
}

.more-container .cnv-more:after {
  content: "→";
  color: #52AA3A;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 30px;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: transform .2s;
}

.more-container .cnv-more:hover:after {
  content: "→";
  color: #fff;
  -ms-transform: scale(1, 1.1);
  transform: scale(1, 1.1);
  font-weight: bold;
  -ms-transform: translate(20%, -50%);
  transform: translate(20%, -50%);
}

.more-container .position-center {
  width: 100%;
  text-align: center;
}

.more-container .more-block-wrap ul {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
}

.more-container .more-block-wrap ul li {
  border: 12px solid #eff7eb;
  margin-bottom: 2%;
  border-radius: 10px;
  box-sizing: border-box;
  width: 49%;
  padding: 32px 20px;
}

.more-container .more-block-wrap ul li:before {
  content: none;
}

.more-container .more-block-wrap ul li .more-block-text-bold {
  padding-left: 48px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
  color: #52AA3A;
  font-size: 1.1em;
  /* padding-bottom: 12px; */
  position: relative;
  font-size: 1em;
}

.more-container .more-block-wrap ul li .more-block-text-bold:before {
  content: "";
  left: 10px;
  position: absolute;
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/good.png);
  width: 30px;
  height: 30px;
  background-size: cover;
  background-repeat: no-repeat;
  top: -9px;
}

.more-container .more-block-wrap ul li .more-block-text {
  font-size: 15px;
}

@media screen and (max-width:768px) {
  .more-container .mokuji ul li a {
    padding: 18px 40px;
    font-size: 15px;
  }

  .more-container .mokuji ul li a:before {
    left: 18px;
    width: 4px;
    height: 4px;
  }

  .more-container .mokuji ul li a:after {
    top: calc(50% - 3px);
    width: 6px;
    height: 6px;
    border-right: 2px solid #52AA3A;
    border-bottom: 2px solid #52AA3A;
    right: 18px;
  }

  .more-container .more-block-wrap ul li {
    width: 100%;
  }

}

/*-------------------------------------------右カラム*/
/*main a:hover{
		opacity: 0.5;
		transition: all 0.1s;
	}*/
.more-container .fukidasi {
  width: 100%;
  background-color: #DAEFD4;
  font-size: 18px;
  font-weight: bold;
  padding: 15px;
  border-radius: 3px;
  position: relative;
  margin-bottom: 20px;
  box-sizing: border-box;
}

.more-container .fukidasi:after {
  content: "";
  width: 20px;
  height: 20px;
  background-color: #DAEFD4;
  position: absolute;
  top: 45px;
  left: 50%;
  transform: rotate(45deg);
}

.more-container .jigyou {
  margin-bottom: 40px;
  font-size: 15px;
}

.more-container .jigyou-title {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: bold;
  display: block;
}

.more-container .jigyou-list {
  margin-bottom: 15px;
}

.more-container .jigyou-list li {
  line-height: 28px;
  padding-left: 28px;
  display: block;
  position: relative;
  color: #ccc;
}

.more-container .jigyou.koma .jigyou-list li {
  /*line-height: 28px;*/
  padding-left: 0;
  display: block;
  position: relative;
  color: #ccc;
}

.more-container .jigyou-list li a {
  /*line-height: 28px;*/
  line-height: 1.7;
  display: block;
  color: #000;
  font-weight: 500;
}

.more-container .jigyou-list li a:hover {
  color: #00479d;
}

.more-container .jigyou-list li:before {
  top: calc(50% - 1.5px);
  left: 0;
  content: "";
  width: 12px;
  height: 3px;
  background-color: #52AA3A;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
}

/* add */

.more-container .right-column .jigyou.koma .koma-inner {
  border-radius: 3px;
  border: 2px solid #448d3e;
  margin-bottom: 10px;
}

.more-container .right-column .jigyou.koma .koma-inner .jigyou-title {
  padding: 14px 10px 12px 60px;
  color: #000;
  line-height: 1.4;
  font-size: 14px;
  font-weight: bold;
  background-color: #e8f6e5;
  position: relative;
  min-height: 40px;
  display: flex;
  align-items: center;
  margin-top: 0;
}

.more-container .right-column .jigyou.koma .koma-inner .jigyou-list {
  padding: 10px;
  margin-bottom: 0;
}

.more-container .right-column .jigyou.koma .koma-inner .jigyou-list li {
  margin-bottom: 5px;
  line-height: 20px;
}

.more-container .right-column .jigyou.koma .koma-inner .jigyou-list li:before {
  top: 10px;
  width: 9px;
}

.more-container .right-column .jigyou.koma .koma-inner .jigyou-list li a {
  padding-left: 25px;
  letter-spacing: 0;
  font-size: 13px;
}

.more-container .right-column .jigyou.koma .koma-inner .jigyou-list li a:hover {
  color: #368130;
}

.more-container .right-column .jigyou.koma .koma-inner .jigyou-title:before {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  left: 10px;
  top: calc(50% - 20px);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.more-container .right-column .jigyou.koma .koma-inner.komaw1 .jigyou-title:before {
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/top12.png);
}

.more-container .right-column .jigyou.koma .koma-inner.komaw2 .jigyou-title:before {
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/top13.png);
}

.more-container .right-column .jigyou.koma .koma-inner.komaw3 .jigyou-title:before {
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/top14.png);
}

.more-container .right-column .jigyou.koma .koma-inner.komaw4 .jigyou-title:before {
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/top15.png);
}

.more-container .right-column .jigyou.koma .koma-inner.komaw5 .jigyou-title:before {
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/top07.svg);
}

.more-container .right-column .jigyou.koma .koma-inner.komaw6 .jigyou-title:before {
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/top16.png);
}

.more-container .right-column .jigyou.koma .koma-inner.komaw7 .jigyou-title:before {
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/koma_color_07_02.svg);
}

.more-container .jigyou.koma .koma-inner.komaw8 .jigyou-title:before {
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/koma_color_08.svg);
}

.more-container .jigyou.koma .banner-event {
  text-align: center;
}



.more-container .btn-block02.border {
  background-color: #ecf8e7;
}

.more-container .btn-block02-inner-title {
  color: #3b983d;
}

.more-container .btn-block02-inner div a {
  background-color: #3b983d;
}

@media screen and (max-width:1080px) {

  .more-container .contents-imgs {
    display: block;
    margin: 0 auto;
  }

  .more-container {
    display: inline-block;
    width: 100%;
  }

  .more-container .contents {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .more-container .contents-point-top h1 {
    font-size: 24px;
  }

  .more-container .contents-point-top h2 {
    font-size: 16px;
  }

  .more-container .contents-inner h2 {
    font-size: 20px;
  }

  .more-container .contents-inner h3 {
    font-size: 16px;
  }

  .more-container .useful {
    font-size: 20px;
  }

  .more-container .contents-column {
    display: block;
  }

  .more-container .contents-column-inner {
    width: 100%;
  }

  .more-container .contents-imgs {
    display: block;
    width: 100%;
  }

  .more-container .contents-imgs img {
    width: 100%;
  }

  .more-container .contents-img {
    width: 100%;
  }

  .more-container .contents-img img {
    width: 100%;
  }

  .more-container .pages-2clm {
    display: inline-block;
  }

  .more-container .left-column {
    width: 100%;
  }

  .more-container .right-column {
    width: 100%;
    margin-top: 40px;
    box-sizing: border-box;
  }

  .more-container .mokuji {
    padding: 20px;
  }

  .more-container .main-contents h1 {
    font-size: 24px;
  }

  .more-container .mokuji ul li a .more-container .main-contents h2 {
    font-size: 16px;
  }
}

@media screen and (max-width:768px) {
  .more-container .contents-inner img {
    width: 100%;
  }

  .more-container .title h1 {
    font-size: 24px;
  }

  .more-container .title h1 span {
    display: block;
  }

  .more-container .title h2 {
    font-size: 18px;
    line-height: 36px;
  }

  .more-container .intro-container {
    display: block;
  }

  .more-container .intro-inner {
    width: 100%;
    margin-bottom: 1em;
  }

}

#more-features-2 .more-features-title {
  box-shadow: 0px 1px 9px 1px rgb(0 0 0 / 10%);
  border-radius: 5px;
  display: block;
  width: 100%;
  text-align: left;
  padding: 45px 45px 30px 45px;
  font-size: 34px;
  margin: 110px auto;
  background-color: #fff;
  color: #00479d;
  font-weight: bold;
  border: 2px solid #00479d;
  box-sizing: border-box;
  position: relative;
}

#more-features-2 .more-features-title span {
  border: 3px solid #daefd4;
  display: block;
  border-radius: 55px;
  color: #00479d;
  position: relative;
  top: -75px;
  left: -2px;
  content: "";
  background-color: #eff7ed;
  font-size: 24px;
  text-align: left;
  box-sizing: border-box;
  padding: 15px 40px;
  box-sizing: border-box;
  width: fit-content;
  max-width: 100%;
}

#more-features-2 .more-features-title span::before {
  left: 70px;
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background-color: #eff7eb;
  transform: rotate(45deg);
  display: block;
  border-bottom: 3px solid #daefd4;
  border-right: 3px solid #daefd4;
  bottom: -10px;
  z-index: +1;
}

#more-features-2 .more-features-title-inner {
  text-align: center;
  align-items: center;
  justify-content: center;
  /* display: flex; */
  flex-wrap: wrap;
  position: relative;
}

#more-features-2 .more-features-title-inner img {
  right: -30px;
  /* right: calc(50% - 300px); */
  width: 150px;
  position: absolute;
  bottom: -15px;
}

#more-features-2 .more-features-title-inner .more-in-yellow {
  margin: 0 auto;
  text-align: center;
  background-color: #ffe893;
  color: #00479d;
  font-size: 17px;
  /* margin-bottom: 1em; */
  position: initial;
  border: none;
  width: fit-content;
  padding: 4px 25px;
  margin-top: -50px;
  border-radius: 20px;
}

#more-features-2 .row.-mdl {
  padding: 0;
}

#more-features-2 .hd-grad {
  margin: 40px auto 20px;
  padding: 2px;
  color: #fff;
  width: 100%;
  box-sizing: border-box;
  font-weight: bold;
  color: #333;
  border-bottom: 2px solid;
  font-size: 25px;
  padding-left: 10px;
  padding-top: 60px;
}

/*#more-features-2 .imgBox.-ctr{
		background-color: #fff;
    text-align: center;
    border: 3px solid #efefef;
    padding: 28px;
    border-radius: 3px;
		margin-bottom: 10px;
	}*/
#more-features-2 .r-head2 {
  padding: 6px;
  /* font-weight: bold; */
  font-size: 20px;
  font-size: 22px;
  padding-left: 25px;
  margin-bottom: 20px;
  position: relative;
  color: #333;
}

#more-features-2 .r-head2:before {
  top: 0;
  display: block;
  width: 5px;
  height: 100%;
  content: "";
  border-radius: 5px;
  background-color: #52aa3a;
  position: absolute;
  left: 0;
}

#more-features-2 .trans-row__title {
  display: none;
}

#more-features-2 .column__readmore:after {
  color: #52aa3a;
}

#more-features-2 .btn__more {
  margin: 50px auto;
}

#more-features-2 .btn-radius.-c02 {
  border-radius: 0;
  border-color: #52aa3a;
}

#more-features-2 .top-section.-case {
  background-color: #fff;
}

#more-features-2 .top-section .swiper-button-next,
#more-features-2 .top-section .swiper-button-prev {
  background-color: #fff;
}

.office-list-left,
.office-list-center,
.office-list-right {
  width: 30%;
}

@media screen and (max-width:1000px) {
  #more-features-2 .more-features-title-inner .more-in-yellow {
    border-radius: 30px;
    padding: 8px 24px;
    font-size: 14px;
    margin-bottom: 24px;
  }

  .office-list {
    flex-wrap: wrap;
    padding: 15px;
  }

  #more-features-2 {
    padding: 0 20px;
  }

  #more-features-2 .more-features-title {
    padding: 40px 10px 30px 10px;
    font-size: 23px;
    margin: 10px auto;
  }

  #more-features-2 .more-features-title span {
    width: fit-content;
    font-size: 16px;
  }

  #more-features-2 .more-features-title:before {
    top: 9px;
    left: 55px;
  }

  #more-features-2 .hd-grad {
    margin: 35px auto 20px;
    padding: 2px;
    padding-left: 0px;
    font-size: 19px;
  }

  #more-features-2 .r-head2 {
    padding: 3px;
    font-size: 17px;
    padding-left: 15px;
    margin-bottom: 20px;
    position: relative;
    color: #333;
  }

  #more-features-2 p {
    font-size: 15px;
  }

  .office-list-left,
  .office-list-center,
  .office-list-right {
    width: 48%;
  }
}

@media screen and (max-width:768px) {

  .office-list-left,
  .office-list-center,
  .office-list-right {
    width: 100%;
  }

  #more-features-2 .more-features-title:before {
    top: 3px;
    left: 55px;
  }

  #more-features-2 .more-features-title span {
    width: fit-content;
    font-size: 13px;
    padding: 24px;
    top: -96px;
  }
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url(/wp/wp-content/themes/ndsoft/img/icn_slide_arrow_prev_more.png);
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url(/wp/wp-content/themes/ndsoft/img/icn_slide_arrow_next_more.png);
}

.more-container .btn-radius.-c02:after {
  color: #52aa3a;
}

.more-container .btn-radius.-c02:hover {
  background-color: #52aa3a;
}

.more-container .case-slider__list a:hover .case-slider__title {
  color: #52aa3a;
}

.more-container .case-slider__inr:hover .column__readmore {
  color: #52aa3a;
}

#more-features-2 .more-features-title h2 {
  font-size: 24px;
  position: relative;
  /* background: linear-gradient(transparent 79%, #daefd4 60%); */
  display: inline-block;
  color: #555;
  line-height: 1.7;
  margin-top: 20px;
}

#more-features-2 .features-list {
  padding: 10px;
  border: 1px solid #929292;
  border-radius: 5px;
  position: relative;
}

#more-features-2 .features-list ul {
  margin-top: 10px;
}

#more-features-2 .features-list li {
  padding: 20px 10px;
}

#more-features-2 .features-list li a {
  text-decoration: underline;
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  color: #e29047;
  transition: all 0.1s;
  padding-right: 40px;
}

#more-features-2 .features-list li a:hover {
  text-decoration: none;
  color: #bf6819;
}

#more-features-2 .features-list-sub {
  font-size: 22px;
  color: #333;
  font-weight: bold;
  position: absolute;
  top: -0.6em;
  background-color: #fff;
  padding: 0 0.1em;
}

#more-features-2 .features-list li a span {
  /*margin-top: -9px;*/
  width: fit-content;
  display: block;
  color: #555;
  background-color: #fff;
  /* border-bottom-right-radius: 20px; */
  /* padding: 4px; */
  /* border-top-right-radius: 20px; */
  font-weight: bold;
  text-decoration: underline #fff;
  /* margin-right: 14px; */
  border-radius: 3px;
  font-size: 13px;
  letter-spacing: normal;
}

#more-features-2 .more-features-title .more-features-fukisub {
  background: no-repeat;
  position: initial;
  padding: 0;
  border: 0;
  font-size: 15px;
  width: 100%;
  text-align: left;
}

@media screen and (max-width:1000px) {
  #more-features-2 .features-list {
    padding: 18px;
  }

  #more-features-2 .features-list-sub {
    top: -1em;
  }

  #more-features-2 .features-list ul {
    margin-top: 20px;
  }

  #more-features-2 .features-list li {
    display: flex;
    padding: 10px 0;
  }

  #more-features-2 .features-list span {
    padding: 4px;
    margin-right: 10px;
    font-size: 12px;
    /*height: 18px;*/
  }

  #more-features-2 .features-list li a {
    font-size: 15px;
  }
}

@media screen and (max-width:768px) {
  #more-features-2 .more-features-title-inner img {
    width: 100px;
    display: block;
    margin-right: 0;
    position: inherit;
    margin: 0 0 0 auto;
  }

  #more-features-2 .more-features-title h2 {
    font-size: 20px;
  }

  #more-features-2 .more-features-title {
    padding: 20px;
  }

  #more-features-2 .features-list li a span {
    height: auto;
  }
}

@media screen and (max-width:1024px) {
  #more-features-2 .more-features-title {
    margin-top: 96px;
  }
}

/*------------------------------------------------moreとは？*/
.more-top-about {
  background-color: #eff7eb;
  box-shadow: 0 1px 12px 1px rgb(0 0 0 / 12%);
  /* border: 1px solid #ccc; */
  margin-bottom: 73px;
  padding: 8px 60px 16px;
  border-radius: 15px;
}

.more-top-about ul {
  padding: 10px;
}

.more-top-about ul li {
  border-bottom: 2px dotted #ffffff;
  position: relative;
}

.more-top-about ul li p {
  display: inline-block;
}

.more-top-about ul li:before {
  content: "";
  width: 35px;
  height: 35px;
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/check.png);
  background-size: cover;
  display: block;
  position: absolute;
  left: 355px;
  bottom: 19px;
}

.more-top-about ul li:after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid #00479d;
  border-right: 2px solid #00479d;
  display: block;
  position: absolute;
  right: 10px;
  transform: rotate(45deg);
  top: 33px;
}

.more-top-about ul li a {
  margin-bottom: -20px;
  display: block;
  padding: 9px;
}

.more-top-about ul li .more-top-about-color {
  padding: 15px;
  background-color: #fff;
  /* background-color: #fff; */
  color: #555;
  width: 17.5em;
  margin-right: 67px;
  /* padding-left: 60px; */
  font-size: 15px;
  font-weight: bold;
  display: inline-block;
  /* border-bottom: 2px solid #fff; */
  /* padding: 5px; */
  /* margin-left: -20px; */
  border-radius: 7px;
  letter-spacing: 0;
  position: relative;
}

.more-top-about ul li .more-top-about-color:after {
  content: "";
  width: 10px;
  height: 10px;
  /* background-color: #fff; */
  display: block;
  position: absolute;
  right: -6px;
  transform: rotate(90deg);
  top: 6px;
  border-left: 22px solid #fff;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  position: absolute;
}

.more-top-about ul li .more-top-about-mono {
  margin-top: 7px;
  color: #00479d;
  padding: 5px;
  display: inline-block;
  font-size: 18px;
  padding-left: 27px;
  font-weight: bold;
}

@media screen and (max-width:768px) {

  .office-list-left,
  .office-list-center,
  .office-list-right {
    width: 100%;
  }
}

.more-public-bottom {
  width: 100%;
  max-width: 1000px;
  margin: 50px auto;
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .more-public-bottom {
    padding: 0 30px;
    box-sizing: border-box;
  }
}

@media screen and (max-width:1000px) {
  .more-top-about ul li:before {
    left: 335px;
  }

  .more-top-about {
    padding: 0;
  }

  .more-top-about ul li .more-top-about-color {
    margin-right: 50px;
  }
}

@media screen and (max-width:768px) {
  .more-public-bottom {
    padding: 20px;
    box-sizing: border-box;
  }

  .more-top-about ul li p {
    padding-left: 30px;
  }

  #more-features-2 .more-top-about ul li .more-top-about-color {
    letter-spacing: 0;
    width: 100%;
    font-size: 13px;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-right: 0;
    padding: 7px;
  }

  .more-top-about ul li .more-top-about-color:after {
    content: "";
    width: 6px;
    height: 6px;
    /* background-color: #fff; */
    display: block;
    position: absolute;
    right: 23px;
    transform: rotate(-12deg);
    bottom: -13px;
    border-left: 16px solid #fff;
    border-top: 1px solid transparent;
    border-bottom: 13px solid transparent;
    position: absolute;
    top: 22px;
  }

  .more-top-about {
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    border-radius: 10px;
  }

  .more-top-about ul {
    padding: 0;
  }

  .more-top-about ul li:before {
    top: 62%;
    left: 7px;
    width: 20px;
    height: 20px;
  }

  .more-top-about ul li a {
    margin-bottom: -20px;
    display: block;
    padding: 9px;
  }

  .more-top-about ul li:after {
    top: inherit;
    bottom: 19px;
    width: 6px;
    height: 6px;
  }

  #more-features-2 .more-top-container ul li {
    margin-bottom: 21px;
  }
}

.more-container .footbtn_pc {
  display: none;
}

.more-container .sp-only {
  display: none;
}

.more-container .pc-only {
  display: block;
}

#more-features-2 .more-top-text-center {
  margin: 50px auto 70px;
  width: 100%;
  text-align: center;
}

#more-features-2 .more-top-text {
  display: inline;
  background: linear-gradient(transparent 79%, #daefd4 60%);
  text-align: center;
  font-size: 33px;
  line-height: 59px;
  font-weight: bold;
  margin: 65px auto;
  color: #333;
  /*text-shadow: 2px 3px 1px rgb(0 0 0 / 9%);*/
}

#more-features-2 .contents {
  max-width: 1000px;
  margin: 0 auto;
}

#more-features-2 .more-top-container ul {
  display: flex;
  flex-wrap: wrap;
  /*justify-content: center;*/
  gap: 15px;
  gap: 0 2%;
}

#more-features-2 .more-top-container ul li {
  border-radius: 10px;
  width: 32%;
  box-sizing: border-box;
  background-color: #fff;
  margin-bottom: 48px;
  display: flex;
  border: 2px solid #00479d;
  position: relative;
  /* padding-top: 30px; */
  text-align: center;
  box-shadow: 0 0 8px rgb(0 0 0 / 10%);
  /*flex-direction: column;*/
  flex-direction: row;
  justify-content: stretch;

}

#more-features-2 .more-top-container ul li>p:last-child {
  margin: 0;
  display: none;
}

#more-features-2 .more-top-container ul li:after {
  position: absolute;
  top: -25px;
  left: 45px;
  content: "";
  color: #fff;
  font-size: 20px;
  font-size: 17px;
  letter-spacing: 0.1em;
  font-weight: bold;
}

#more-features-2 .more-top-h {
  letter-spacing: normal;
  border: 2px solid #daefd4;
  border-radius: 45px;
  background-color: #eff7eb;
  padding: 16px;
  color: #555;
  display: flex;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  margin-top: -60px;
  margin-bottom: 20px;
  position: relative;
}

#more-features-2 .more-top-h:after {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #eff7ed;
  border-right: 2px solid #daefd4;
  border-bottom: 2px solid #daefd4;
  transform: rotate(45deg);
  bottom: -10px;
  position: absolute;
  display: block;
}

#more-features-2 .more-top-container ul li a {
  padding: 32px 20px;
  border-radius: 10px;
  width: 100%;
  display: block;
  box-sizing: border-box;
}

#more-features-2 .more-top-container ul li a:hover {
  opacity: 1;
  background-color: #F0F6FF;
}

#more-features-2 .more-top-container ul li a:after {
  position: absolute;
  right: 15px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transform: rotate(45deg);
  content: "";
  bottom: 13px;
}

#more-features-2 .more-top-container ul li a:before {
  border-radius: 6px 0px 8px 0px;
  position: absolute;
  right: 0px;
  width: 36px;
  height: 36px;
  content: "";
  bottom: 0px;
  background-color: #ffe893;
}

#more-features-2 .more-top-sub {
  letter-spacing: initial;
  line-height: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #00479d;
}

#more-features-2 .more-top-container ul li img {
  width: 150px;
  margin: 0 auto 10px;
}

@media screen and (max-width:1000px) {
  #more-features-2 .more-top-container ul li {
    width: 49%;
  }
}

@media screen and (max-width:768px) {
  #more-features-2 .more-top-container ul li {
    width: 100%;
  }

  #more-features-2 .more-top-h {
    margin: 10px auto;
    line-height: 24px;
    font-size: 15px;
    height: 36px;
    margin-top: -55px;

  }

  #more-features-2 .more-top-sub {
    margin-bottom: 28px;
    padding-bottom: 1px;
  }

  #more-features-2 .more-top-container ul li a {
    display: block;
    box-sizing: border-box;
    padding: 20px;
    margin: 0px;
    width: 100%;
  }

  #more-features-2 .more-top-container ul li:after {
    top: -24px;
    left: 37px;
    font-size: 14px;
  }

  #more-features-2 .more-top-container ul li:hover {
    background-color: #EAF3D3;
  }

  #more-features-2 .more-top-text {
    font-size: 22px;
    line-height: 50px;
  }

  .more-container .sp-only {
    display: block;
  }

  .more-container .pc-only {
    display: none;
  }

  #more-features-2 .more-top-text-center {
    margin: 15px auto 40px;
  }
}

main .more-nav-hidden.open {
  padding-bottom: 20px;
  box-sizing: border-box;
  box-shadow: 1px 3px 20px rgba(0, 0, 0, 0.2);
}

/*main .more-nav-hidden.open .more-nav-hidden-inner {
 max-height: calc(100vh - 550px);
 overflow-y: scroll;
 padding-right: 20px;
 box-sizing: border-box;
}*/
/*header .more-nav-hidden.open {
 padding-bottom: 20px;
 box-sizing: border-box;
 box-shadow: 1px 3px 20px rgba(0,0,0,0.2);
}*/
/*header .more-nav-hidden.open .more-nav-hidden-inner {
 max-height: calc(100vh - 280px);
 overflow-y: scroll;
 padding-right: 20px;
 box-sizing: border-box;
}*/
/*----------------------各お困りごとページ*/
#more-features-2 .s-section ul {
  margin-left: 26px;
}

#more-features-2 .s-section ul li {
  margin-bottom: 10px;
  list-style: circle;
  letter-spacing: normal;
  margin-left: 20px;
}

#more-features-2 .s-section ul.more-assessments {
  justify-content: space-between;
  /* gap: 1%; */
  display: flex;
  margin-top: 1em;
  flex-wrap: wrap;
  margin-left: 0;
}

#more-features-2 .s-section ul.more-assessments li {
  background-color: #eff7eb;
  list-style: none;
  width: 49%;
  margin-bottom: 10px;
  text-align: center;
  padding: 11px;
  box-sizing: border-box;
  font-weight: bold;
  color: #555;
  border-radius: 20px;
  margin-left: 0px;
}

#more-features-2 .s-section ul.more_features_tokucho {
  padding: 38px;
  box-sizing: border-box;
  background-color: #eff7ed;
  padding-bottom: 18px;
  border-radius: 8px;
  margin-left: 0;
}

#more-features-2 .s-section ul.more_features_tokucho li {
  box-sizing: border-box;
  border-bottom: 2px dotted #fff;
  font-size: 16px;
  margin-bottom: 20px;
  list-style: none;
  letter-spacing: normal;
  margin-left: 0px;
  font-weight: bold;
  position: relative;
  padding-left: 40px;
  padding-bottom: 9px;
  color: #555;
  letter-spacing: inherit;
}

#more-features-2 .s-section ul.more_features_tokucho li:last-child {
  margin-bottom: 0;
}

#more-features-2 .s-section ul.more_features_tokucho li:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/check.png);
  background-size: cover;
  left: 0px;
  display: block;
  top: 0px;
}

#more-features-2 .s-section h5.more_features_tokucho_h5 {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  padding: 3px 30px 1px;
  color: #fff;
  background-color: #52aa3a;
  position: relative;
  /* padding-left: 30px; */
  width: fit-content;
  font-size: 20px;
  font-weight: bold;
  margin-left: 20px;
  letter-spacing: inherit;
  margin-top: 20px;
}

.more-container .question-link-wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.more-container .question-link-wrap ul li {
  width: 49%;
  margin-bottom: 2%;
  background-color: #daefd4;
  box-sizing: border-box;
  border-radius: 42px;
  box-sizing: border-box;
  border: 2px solid #daefd4;
}

.more-container .question-link-wrap ul li:hover {
  border: 2px solid #00479d;
}

.more-container .question-link-wrap ul li a {
  font-size: 19px;
  width: 100%;
  display: block;
  padding: 25px;
  box-sizing: border-box;
  color: #00479d;
  font-weight: bold;
  text-align: center;
  position: relative;
}

.more-container .question-link-wrap ul li a:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-right: 3px solid;
  border-bottom: 3px solid;
  transform: rotate(45deg);
  right: 35px;
}

.more-container .question-link-wrap ul li a:before {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/page/faq01.png);
  background-size: cover;
  left: 50px;
  top: calc(50% - 25px);
}

.more-container .question-link-wrap ul li:nth-child(2) a:before {
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/page/faq02.png);
}

.more-container .question-link-wrap ul li:nth-child(3) a:before {
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/page/faq3.png);
}

.more-container .question-link-wrap ul li:nth-child(4) a:before {
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/page/faq4.png);
}

.more-container .qa-q {
  position: relative;
  padding: 16px 0px 16px 50px;
  font-size: 16px;
  font-weight: bold;
}

.more-container .qa-q:before {
  content: "Q";
  font-size: 18px;
  text-align: center;
  background-color: #52aa3a;
  position: absolute;
  left: 0;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-weight: bold;
  line-height: 30px;
  top: 6px;
  border: 2px solid #52aa3a;
}

.more-container .qa-a {
  padding: 24px;
  background-color: #f9f9f9;
  position: relative;
  /* padding: 10px 0px 10px 20px; */
  font-size: 16px;
  margin-left: 44px;
  border-radius: 5px;
  line-height: 2em;
}

.more-container .qa-a:before {
  content: "A";
  font-size: 18px;
  text-align: center;
  background-color: #fff;
  position: absolute;
  left: -44px;
  color: #52aa3a;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-weight: bold;
  line-height: 30px;
  top: 6px;
  border: 2px solid #52aa3a;
}

.more-container .left-column .contents-inner h2 {
  margin: 0px 0 15px;
  padding: 15px;
  font-size: 20px;
  font-weight: 700;
  /* border-bottom: 2px solid #181818; */
  color: #fff;
  line-height: 1.4;
  background-color: #333;
  margin-top: 50px;
  border: none;
}

.more-container .left-column .contents-inner h2#question01 {
  background-color: #ee8593;
  display: block;
  text-align: left;
  border-radius: 0;
}

.more-container .left-column .contents-inner h2#question02 {
  background-color: #aeaec9;
  display: block;
  text-align: left;
  border-radius: 0;
}

.more-container .left-column .contents-inner h2#question03 {
  background-color: #93ca56;
  display: block;
  text-align: left;
  border-radius: 0;
}

.more-container .left-column .contents-inner h2#question04 {
  background-color: #efbb2b;
  display: block;
  text-align: left;
  border-radius: 0;
}

.more-container .question-block {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 10px 0 20px;
}

.more-container .btn__more.-pBtop {
  font-size: 16px;
  margin: 10px auto 10px 50px;
  text-align: left;
}

.more-container .btn-radius {
  padding: 10px 25px;
}

#more-features-2 .btn__more {
  margin: 20px auto;
}

#more-features-2 .btn__more.-pBtop {
  text-align: center;
}

#more-features-2 .btn-radius.-c02:after {
  color: #52aa3a;
}

#more-features-2 .btn-radius.-c02:hover {
  background-color: #52aa3a;
}

@media screen and (max-width:768px) {
  .more-container .question-link-wrap ul {
    margin-top: 30px;
  }

  .more-container .question-link-wrap ul li {
    width: 100%;
  }

  #more-features-2 .btn-radius.-c02 {
    width: 100%;
  }

  #more-features-2 .s-section ul.more_features_tokucho {
    padding: 20px;
  }

  #more-features-2 .s-section ul.more_features_tokucho li {
    font-size: 15px;
    line-height: 30px;
  }

  #more-features-2 .s-section ul {
    margin-left: 0;
  }

  .more-container .question-link-wrap ul li a {
    font-size: 16px;
  }

  .more-container .question-link-wrap ul li a:before {
    left: 24px;
  }
}

#more-features-2 .more-features-title:before {
  display: none !important;
}

.more-hnbn-online {
  width: 440px;
  height: 40px;
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/onlineplat/hnbn_online.png);
  margin: -40px auto 10px;
}

.more_banner_sub {
  display: block;
  color: #fd8838;
  position: relative;
  /* max-width: 730px; */
  width: fit-content;
  margin: 30px auto 10px;
  font-weight: bold;
  font-size: 1.5em;
  padding: 10px 40px;
}

.more_banner_sub:before {
  transform: rotate(-21deg);
  /* transition: unset; */
  content: "";
  border-right: double 6px #fd8838;
  width: 3px;
  height: 55%;
  position: absolute;
  display: block;
  left: 10px;
  bottom: 6px;
}

.more_banner_sub:after {
  transform: rotate(21deg);
  /* transition: unset; */
  content: "";
  border-right: double 6px #fd8838;
  width: 3px;
  height: 55%;
  position: absolute;
  display: block;
  right: 10px;
  bottom: 6px;
}

/*ページトップの事業所リスト------------------*/
div#disability-welfare-pagelist {
  margin-top: 40px;
  background-color: #f9f9f9;
  text-align: center;
  padding: 26px;
  border-radius: 5px;
}

.column-list #disability-welfare-pagelist p {
  color: #477ab8;
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 20px;
}

.column-list #disability-welfare-pagelist ul {
  gap: 2%;
  display: flex;
  border-radius: 5px;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 auto;
}

.column-list #disability-welfare-pagelist ul li {
  width: 32%;
  margin-bottom: 1%;

}

.column-list #disability-welfare-pagelist ul li a {
  color: #555;
  border-left: 6px solid #477ab8;
  padding: 20px;
  display: block;
  background-color: #fff;
  /* border-radius: 46px; */
  font-weight: bold;
  position: relative;
  box-sizing: border-box;
}

.column-list #disability-welfare-pagelist ul li a:after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #477ab8;
  border-right: 2px solid #477ab8;
  position: absolute;
  right: 17px;
  top: calc(50% - 4px);
  transform: rotate(45deg);
}

.column-list #disability-welfare-pagelist .disability-welfare-pagelist-even li {
  width: 49%;
  box-sizing: border-box;
}

@media screen and (max-width:768px) {
  .more-hnbn-online {
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .column-list #disability-welfare-pagelist ul {
    display: block;
  }

  .column-list #disability-welfare-pagelist ul li {
    width: 100%;
  }

  .column-list #disability-welfare-pagelist .disability-welfare-pagelist-even li {
    width: 100%;
  }

  .column-list #disability-welfare-pagelist ul li a {
    padding: 16px;
  }

  .column-list #disability-welfare-pagelist .disability-welfare-pagelist-even li a {
    width: 100%;
  }
}

/*-------------------------------------見出しのスタイル-----*/
.more_headline_1 {
  font-weight: bold;
  font-size: 18px;
  color: #52AA3A;
}

.more_headline_2 {
  display: inline;
  background: linear-gradient(transparent 79%, #daefd4 60%);
  text-align: center;
  font-size: 33px;
  line-height: 59px;
  font-weight: bold;
  margin: 65px auto;
  color: #333;
}

.more_headline_box {
  margin: 50px auto 70px;
  width: 100%;
  text-align: center;
}

.more_movie_title {
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 1.2em;
  padding: 10px 20px;
  border-left: 3px solid #52AA3A;
  margin-top: 52px;
}

/*-------------------------------------carepaletteページ-----*/
.more-care-flex {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  margin: 36px auto;
}

.more-care-left {
  line-height: 1.8rem;
  font-weight: bold;
  width: 58%;
  font-size: 1.1em;
}

.main-contents .more-care-left h5 {
  margin-bottom: 32px;
  color: #52AA3A;
  font-weight: bold;
  font-size: 24px;
  display: block;
}

#more-features-2 .main-contents .more-care-check li {
  margin-left: 0;
  list-style: none;
  margin-bottom: 18px;
  letter-spacing: normal;
  padding-left: 36px;
  line-height: 2em;
  line-height: 2rem;
  font-weight: bold;
  font-size: 1em;
}

#more-features-2 .main-contents .more-care-check li:before {
  background-color: #fff;
  border: 2px solid #ddd;
  position: absolute;
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  left: 0px;
  top: 6px;
  border-radius: 3px;
}

#more-features-2 .main-contents .more-care-check li:after {
  border-bottom: 4px solid #52AA3A;
  border-right: 4px solid #52AA3A;
  position: absolute;
  display: block;
  content: "";
  width: 6px;
  height: 16px;
  left: 8px;
  top: 2px;
  transform: rotate(45deg);
}

.more-care-right {
  width: 40%;
  text-align: right;
}

.more_headline_3 {
  color: #004f99;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.4;
  position: relative;
  text-align: center;
  margin-top: 76px;
}

.more_headline_3:after {
  margin: 16px auto 0;
  width: 40px;
  border-bottom: 3px solid #52AA3A;
  content: "";
  display: block;
  height: 3px;
}

.more-care-kome {
  text-indent: -14px;
  font-size: 14px;
  font-weight: 100;
  margin-bottom: 0.5em;
  margin-left: 14px;
}

.more_headline_2 span {
  display: block;
  font-size: 18px;
  color: #52AA3A;
}

a.more-care-link {
  color: #004f99;
  border-radius: 30px;
  background-color: #DAEFD4;
  padding: 12px 34px 12px 24px;
  ;
  margin: 36px auto;
  display: block;
  position: relative;
}

a.more-care-link:after {
  top: calc(50% - 4px);
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #004f99;
  position: absolute;
  transform: rotate(45deg);
  right: 24px;
  border-right: 2px solid #004f99;
}

.more-care-center {
  text-align: center;
  margin: 36px auto;
}

.more-care-youtube {
  max-width: 740px;
  margin: 0 auto;
}

.more-care-youtube .youtube {
  margin-bottom: 20px;
}

.more-care-youtube-sub {
  font-size: 18px;
  border-width: 4px;
  padding: 10px 0 10px 14px;
  border-left: 3px solid #52AA3A;
  margin-bottom: 15px;
  font-weight: bold;
}

.more_headline_box {
  margin: 96px auto 28px;
}

@media screen and (max-width:768px) {
  .more-care-center {
    margin: 24px auto;
  }

  .more_headline_3 {
    font-size: 18px;
    margin-top: 36px;
    line-height: 1.4;
  }

  .main-contents .more-care-left h5 {
    margin-bottom: 32px;
    font-size: 18px;
  }

  #more-features-2 .main-contents .more-care-check li {
    margin-bottom: 12px;
    line-height: 28px;
    font-size: 15px;
  }

  .more-care-flex {
    display: block;
    margin: 36px auto;
  }

  .more-care-left {
    width: 100%;
  }

  .more-care-right {
    width: 100%;
    text-align: center;
  }

  .more_headline_2 {
    font-size: 24px;
  }

  .more_headline_box {
    margin: 48px auto 28px;
  }
}

/*--------------------------------------------------------------------------グロナビ*/
.more-nav,
.more-nav-sp {
  background-color: #52AA3A;
  color: #fff;
  position: sticky;
  letter-spacing: .05rem;
  position: relative;
}

.more-nav a {
  color: #fff;
}

.more-nav a:hover {
  opacity: 0.5;
  transition: all 0.2s;
}

/*----------------------------------------------細いとこ*/
.more-nav-main {
  display: flex;
  width: 1080px;
  margin: 0 auto;
  text-align: center;
}

.more-nav-main li {
  width: 33.33%;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 5px;
  margin: 10px auto;
  position: relative;
  display: inline-block;
}

.more-nav-main li:hover {
  opacity: 0.8;
  transition: all 0.2s;
  cursor: pointer;
}

.more-nav-main li:nth-child(1):after {
  content: "";
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/icon_clover.svg);
  width: 22px;
  height: 22px;
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 5px;
}

.more-nav-main li:nth-child(2):after {
  content: "";
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/icon_fuki.svg);
  width: 22px;
  height: 22px;
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 5px;
}

.more-nav-main li:nth-child(3):after {
  content: "";
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/icon_bill.svg);
  width: 22px;
  height: 22px;
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 5px;
}

.more-nav-main li:nth-child(4):after {
  content: "";
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/icon_question.svg);
  width: 22px;
  height: 22px;
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 5px;
}

/*----------------------------------------------対応事業所のプルダウン*/
.more-nav-hidden-wrapper {
  position: relative;
}

.more-nav-hidden {
  position: absolute;
  top: 30px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: 300ms;
  z-index: 29;
}

.more-nav-hidden.open {
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 20px;
  left: 0;
}

.more-nav-hidden {
  width: 100%;
  background-color: #eff7eb;
  color: #fff;
}

.more-nav-hidden-inner:before {
  content: "";
  width: 7px;
  height: 7px;
  background-color: #eff7eb;
  position: absolute;
  top: -8px;
  right: calc(50% - 30px);
  margin-left: -15px;
  border: 15px solid transparent;
  transform: rotate(45deg);
}

.more-nav-hidden a {
  padding: 8px;
  width: 100%;
  display: block;
  font-size: 15px;
  color: #333;
  /* font-weight: bold; */
  padding-left: 25px;
}

.more-nav-hidden a:hover {
  transition: all 0.2s;
  background-color: #fdfff8;
}

.more-nav-hidden-close {
  display: flex;
  width: 100%;
  padding: 10px;
}

.more-nav-hidden-inner {
  position: relative;
  width: 1080px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
}

.more-nav-hidden-1,
.more-nav-hidden-2,
.more-nav-hidden-3 {
  width: 28%;
  display: inline-block;
}

.more-nav-hidden-title {
  width: 100%;
  font-size: 15px;
  font-weight: bold;
  background-color: #52aa3a;
  display: block;
  color: #fff;
  text-align: center;
  padding: 7px;
  border-radius: 36px;
  box-sizing: border-box;
  margin-bottom: 5px;
}

.more-nav-hidden-list {
  margin-bottom: 25px;
}

.more-nav-hidden-list li {
  position: relative;
  align-items: baseline;
  border-bottom: 1px dotted #52aa3a;
  display: flex;
}

.more-nav-hidden-list li:before {
  content: "";
  width: 14px;
  height: 4px;
  background-color: #52aa3a;
  display: block;
  transform: translateY(-5px);
  margin-right: 10px;
  top: 21px;
  position: absolute;
}

#more-features-2 {
  max-width: 1000px;
  margin: 0 auto;
}

.more-nav-hidden-close {
  display: flex;
  max-width: 1080px;
  padding-top: 15px;
  margin: 0 auto;
}

.more-nav-hidden-close span {
  margin: 0 0 0 auto;
  color: #00479d;
  font-size: 15px;
  background-color: #fff;
  border-radius: 18px;
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}

.more-nav-hidden-close p {
  height: 25px;
  line-height: 23px;
  margin-left: 9px;
  color: #00479d;
}

.more-nav-hidden-close p:hover {
  cursor: pointer;
}

.more-nav-hidden-close span:hover {
  cursor: pointer;
}

.more-nav-hidden-inner .more-list-title-box {
  width: 100%;
  justify-content: center;
  color: #333;
  margin-top: 0;
  margin-bottom: 25px;
  margin: 0px auto 25px;
  align-items: center;
  display: flex;
}

.more-nav-hidden-inner .more-list-title-box img {
  margin-right: 10px;
  width: 100px;
}

.more-nav-hidden-inner .more-list-title-box-inner {
  margin-top: 10px;
}

.more-nav-hidden-inner .more-large {
  margin-bottom: 6px;
  font-weight: bold;
  font-size: 25px;
}

/*----------------------------------------------moreの特徴プルダウン*/
.more-nav-hidden2 {
  position: absolute;
  top: 30px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: 300ms;
  z-index: 29;
}

.more-nav-hidden2.open2 {
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 20px;
  left: 0;
}

.more-nav-hidden2 {
  width: 100%;
  background-color: #eff7eb;
  color: #fff;
}

.more-nav-hidden-inner2:before {
  content: "";
  width: 7px;
  height: 7px;
  background-color: #eff7eb;
  position: absolute;
  top: -8px;
  right: calc(50% - 30px);
  margin-left: -15px;
  border: 15px solid transparent;
  transform: rotate(45deg);
}

.more-nav-hidden2 a {
  padding: 8px;
  width: 100%;
  display: block;
  font-size: 15px;
  color: #333;
  /* font-weight: bold; */
  padding-left: 25px;
}

.more-nav-hidden2 a:hover {
  transition: all 0.2s;
  background-color: #fdfff8;
}

.more-nav-hidden-close2 {
  display: flex;
  width: 100%;
  padding: 10px;
}

.more-nav-hidden-inner2 {
  position: relative;
  width: 1080px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
}

.more-nav-hidden-inner2 {
  position: relative;
}

.more-nav-hidden-inner2:before {
  content: "";
  width: 7px;
  height: 7px;
  background-color: #eff7eb;
  position: absolute;
  top: -55px;
  right: calc(50% - -110px);
  margin-left: -15px;
  border: 15px solid transparent;
  transform: rotate(45deg);
}

.more-nav-hidden-inner2 {
  width: 1080px;
  margin: 0 auto;
  display: flex;
  padding: 30px 0 30px;
}

.more-nav-hidden2 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.more-nav-hidden2 .more-nav-hidden-inner2 ul li {
  width: 32.7%;
  background-color: #fff;
  color: #555;
  position: relative;
  margin-bottom: 3%;
  display: flex;
  align-items: center;
  border-radius: 2px;
  height: 95px;
}

.more-nav-hidden2 .more-nav-hidden-inner2 ul li a {
  color: #00479d;
  padding: 25px;
  display: block;
  font-weight: bold;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  padding-left: 80px;
}

.more-nav-hidden2 .more-nav-hidden-inner2 ul li a span {
  position: absolute;
  color: #fff;
  display: block;
  font-size: 13px;
  top: -13px;
  left: 10px;
  background-color: #6999c9;
  padding: 3px 10px;
  border-radius: 3px;
  font-weight: 100;
  letter-spacing: normal;
}

.more-nav-hidden2 .more-nav-hidden-inner2 ul li a span:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #6999c9;
  transform: rotate(45deg);
  top: 21px;
  left: 75px;
}

.more-nav-hidden2 .more-nav-hidden-inner2 ul li:after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 3px solid #52AA3A;
  border-right: 3px solid #52AA3A;
  transform: rotate(45deg);
  right: 20px;
  top: 45%;
}

.more-nav-hidden2 .more-nav-hidden-inner2 ul li:nth-child(1):before {
  content: "";
  width: 50px;
  height: 43px;
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/icon100/top12.png);
  position: absolute;
  left: 20px;
  top: calc(50% - 25px);
  background-size: cover;
}

.more-nav-hidden2 .more-nav-hidden-inner2 ul li:nth-child(2):before {
  content: "";
  width: 50px;
  height: 43px;
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/icon100/top13.png);
  position: absolute;
  left: 20px;
  top: calc(50% - 25px);
  background-size: cover;
}

.more-nav-hidden2 .more-nav-hidden-inner2 ul li:nth-child(3):before {
  content: "";
  width: 50px;
  height: 43px;
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/icon100/top14.png);
  position: absolute;
  left: 20px;
  top: calc(50% - 25px);
  background-size: cover;
}

.more-nav-hidden2 .more-nav-hidden-inner2 ul li:nth-child(4):before {
  content: "";
  width: 50px;
  height: 43px;
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/icon100/top15.png);
  position: absolute;
  left: 20px;
  top: calc(50% - 25px);
  background-size: cover;
}

.more-nav-hidden2 .more-nav-hidden-inner2 ul li:nth-child(5):before {
  content: "";
  width: 50px;
  height: 43px;
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/icon100/top07.png);
  position: absolute;
  left: 20px;
  top: calc(50% - 25px);
  background-size: cover;
}

.more-nav-hidden2 .more-nav-hidden-inner2 ul li:nth-child(6):before {
  content: "";
  width: 50px;
  height: 43px;
  background-image: url(/wp/wp-content/themes/ndsoft/img/product/disability-welfare/icon100/top16.png);
  position: absolute;
  left: 20px;
  top: calc(50% - 25px);
  background-size: cover;
}

.more-nav-hidden-close2 {
  display: flex;
  max-width: 1080px;
  padding-top: 15px;
  margin: 0 auto;
}

.more-nav-hidden-close2 span {
  margin: 0 0 0 auto;
  color: #00479d;
  font-size: 15px;
  background-color: #fff;
  border-radius: 18px;
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}

.more-nav-hidden-close2 p {
  height: 25px;
  line-height: 23px;
  margin-left: 9px;
  color: #00479d;
}

.more-nav-hidden-close2 p:hover {
  cursor: pointer;
}

.more-nav-hidden-close2 span:hover {
  cursor: pointer;
}

@media screen and (max-width:1080px) {
  .more-nav-container {
    display: none;
  }

  #more-features-2 {
    padding: 0 20px 20px 20px;
    box-sizing: border-box;
  }
}

/*.btn-block02.border {
  background-color: #DAEFD4;
}
.btn-block02-inner-title {
  color: #52AA3A;
}
.btn-block02-inner div a {
  background-color: #52AA3A;
}*/
/*----------------------------------------------対応事業所プルダウン　0411*/
.more-nav-hidden-inner .more-nav-office_9 {
  padding-bottom: 40px;
  width: 100%;
}

.more-nav-hidden-inner .more-nav-office_9 ul {
  gap: 10px;
  justify-content: center;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.more-nav-hidden-inner .more-nav-office_9 ul li {
  border-radius: 2px;
  width: 32%;
  background-color: #fff;
  box-sizing: border-box;
}

.more-nav-hidden-inner .more-nav-office_9 ul li a {
  border-left: 6px solid #daefd4;
  width: 100%;
  display: block;
  box-sizing: border-box;
  padding: 20px;
  font-weight: bold;
  position: relative;
}

.more-nav-hidden-inner .more-nav-office_9 ul li a:after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #52aa3a;
  border-right: 2px solid #52aa3a;
  position: absolute;
  right: 17px;
  top: calc(50% - 4px);
  transform: rotate(45deg);
}

/*-----------------------------------------------------------------list*/

#more-features-2 .contents-inner h3 {
  margin: 25px 0 20px;
  padding: 13px 28px 12px;
  font-size: 18px;
  font-weight: 700;
  background: #f3f3f3;
  border-radius: 2px;
  position: relative;
  line-height: 1.4em;
}

.office-list {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  padding: 25px;
  border-radius: 5px;
}

.office-list .office-list-title {
  font-weight: bold;
  padding: 8px;
  background-color: #daefd4;
  margin-bottom: 10px;
  position: relative;
  color: #333;
  border-radius: 2px;
  padding-left: 20px;
}

.office-list .office-list-title:after {
  position: absolute;
  /*content: "";*/
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
  right: 20px;
  top: 14px;
}

.office-list ul {
  margin-bottom: 20px;
}

.office-list ul li {
  padding: 5px 0;
  padding-left: 26px;
  position: relative;
  border-bottom: 1px dashed #999;
  color: #ccc;
}

.office-list ul li:before {
  position: absolute;
  content: "";
  width: 9px;
  height: 3px;
  border-radius: 1px;
  left: 5px;
  background-color: #52AA3A;
  top: 13px;
}

.office-list ul li a {
  font-size: 15px;
  color: #00479d;
  /*text-decoration: underline;*/
  transition: all 0.1s;
}

.office-list ul li a:hover {
  text-decoration: none;
}

.more-list-title-box {
  margin: 30px auto 10px;
  align-items: center;
  display: flex;
  width: fit-content;
}

.more-list-title-box img {
  margin-right: 10px;
  width: 100px;
}

.more-list-title-box-inner {
  margin-top: 10px;
}

.more-large {
  margin-bottom: 6px;
  font-weight: bold;
  font-size: 25px;
}

.more-list-wrap {
  margin-top: 30px;
  border: 2px solid #eee;
  border-radius: 5px;
}

#more-features-2 .features-list ul {
  flex-wrap: wrap;
  display: flex;
}

#more-features-2 .features-list li {
  width: 50%;
  align-items: center;
  display: flex;
  padding: 10px;
  border-bottom: 1px dashed #ddd;
  border-right: 1px dashed #ddd;
  box-sizing: border-box;
}

#more-features-2 .features-list li img {
  width: 80px;
  margin-right: 15px;
}

#more-features-2 .features-list li a {
  position: relative;
  width: 100%;
  display: block;
}

#more-features-2 .features-list li a:after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  display: block;
  transform: rotate(45deg);
  right: 10px;
  top: calc(50% - 6px);
}

#more-features-2 .features-list {
  padding: 10px;
}


/* 最後のliのボーダーを消す */
#more-features-2 .features-list ul li:last-child {
  border-bottom: none;
}

@media screen and (min-width:768px) {

  /* 奇数liののボーダーを消す */
  #more-features-2 .features-list ul li:nth-child(2n+1):nth-last-child(2) {
    border-bottom: none;
  }

  /* 偶数liの右ボーダー消す */
  #more-features-2 .features-list li:nth-child(2n) {
    border-right: none;
  }
}

@media screen and (max-width:767px) {
  #more-features-2 .features-list ul {
    display: block;
  }

  #more-features-2 .features-list li {
    width: 100%;
  }

  #more-features-2 .features-list li img {
    width: 60px;
  }

  #more-features-2 .features-list li {
    border-right: none;
  }

  .more-list-title-box {
    width: 100%;
    display: block;
    text-align: center;
  }

  #more-features-2 .features-list li a {
    padding-right: 25px;
  }

  .contents-inner .more-list-title-box img {
    width: 70px;
  }

  .more-large {
    margin-bottom: 6px;
    font-weight: bold;
    font-size: 18px;
  }
}


/* add 231211 more features07（IoTクラウド） */

#wf-disability-welfare-features07 #more-features-2 .features07-iot-title {
  text-align: center;
  margin: 60px 0;
}

#wf-disability-welfare-features07 #more-features-2 .features07-iot-title img {
  width: clamp(280px, 70%, 520px);
  margin-bottom: 20px;
}

#wf-disability-welfare-features07 #more-features-2 .features07-iot-title h3 {
  font-size: 18px;
  font-weight: bold;
  color: #37b216;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

@media screen and (min-width: 576px) {
  #wf-disability-welfare-features07 #more-features-2 .features07-iot-title h3 {
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  #wf-disability-welfare-features07 #more-features-2 .features07-iot-title h3 {
    font-size: 30px;
    margin-bottom: 10px;
  }

  #wf-disability-welfare-features07 #more-features-2 .features07-iot-title img {
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 1024px) {
  #wf-disability-welfare-features07 #more-features-2 .features07-iot-title {
    margin: 0;
  }

  #wf-disability-welfare-features07 #more-features-2 .more-features-title {
    margin-bottom: 60px;
  }

  #wf-disability-welfare-features07 #more-features-2 .features07-iot-title+.hd-grad {
    margin-top: 0;
  }
}

@media screen and (min-width:768px) and (max-width:1000px) {
  #wf-disability-welfare-features07 #more-features-2 .more-features-title-inner img {
    right: 0;
    width: 120px;
  }
}

/* IoT詳細ページへのリンクボタンの色 */
#wf-disability-welfare-features07 #more-features-2 .iot-link span {
  background-color: #8dc551;
}

#wf-disability-welfare-features07 #more-features-2 .more_features_tokucho em {
  color: #ed5f5f;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #wf-disability-welfare-features07 #more-features-2 .imgBox.-middle img {
    max-width: 80%;
    margin: 0 auto;
  }

  /*	#wf-disability-welfare-features07 #more-features-2 .features-list li:nth-of-type(5){
		border-bottom: none;
	}*/
}

/* ================================================================
   #事業所からさがすページ
================================================================ */
.facility-types-box {
  padding: 36px;
  border: 2px solid #eee;
  border-radius: 8px;
  box-sizing: border-box;
}

.facility-types-wrap-flexbox {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}

.facility-types-wrap {
  width: 48%;
  margin-bottom: 0px;
}

.facility-types {
  margin-bottom: 40px;
  display: block;
}

.facility-types a,
.facility-types p {
  width: 100%;
  color: #00479d;
  display: block;
  box-sizing: border-box;
  position: relative;
  border: none;
  border-bottom: 2px dotted #dfdfdf;
  padding: 14px 10px 14px 28px;
}

.facility-types p {
  color: #aaa;
}

.facility-types a:before,
.facility-types p:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 4px;
  background-color: #519ed4;
  left: 0;
  top: calc(50% - 2px);
  display: block;
  border-radius: 2px;
}

#f02-content .facility-types a:before,
#f02-content .facility-types p:before {
  background-color: #52AA3A;
}

@media screen and (max-width:768px) {
  .facility-types-box {
    padding: 20px;
  }

  .facility-types-wrap-flexbox {
    display: block;
  }

  .facility-types-wrap {
    width: 100%;
  }

  .facility-types a,
  .facility-types p {
    font-size: 15px;
  }
}

/*--------------------------------------------------------------------
ほのぼのIoTクラウド #wf-lot
----------------------------------------------------------------------*/

/* 見出しとかセクションの余白調整 */

#wf-lot h3.pages__head2.hd-col {
  font-size: 20px;
  margin-bottom: 30px;
}

#wf-lot .iot-logo {
  margin: 30px auto 0 auto;
  max-width: 480px;
  width: 100%;
  vertical-align: bottom;
}

#wf-lot .section {
  margin-bottom: 40px;
}

#wf-lot .section .s-section {
  margin-bottom: 28px;
}

@media (min-width: 768px) {
  #wf-lot .section {
    margin-bottom: 60px;
  }
}

@media (max-width: 1023px) {
  #wf-lot .inner {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
}

/* 接続ツール連携先一覧 ロゴ有りbox */
#iot-wrap * {
  box-sizing: border-box;
}

#iot-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  box-sizing: border-box;
  align-items: stretch;
  margin-left: -10px;
  margin-right: -10px;
}

#wf-lot .iot-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  box-sizing: border-box;
  align-items: stretch;
  width: 100%;
  position: relative;
  padding: 0 10px;
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  #wf-lot .iot-wrap {
    width: 50%;
  }
}

@media (min-width: 768px) {
  #wf-lot .iot-wrap {
    width: 50%;
    margin-bottom: 25px;
  }
}

@media (min-width: 992px) {
  #wf-lot .iot-wrap {
    width: 33.333333%;
  }
}

#wf-lot .iot-wrap>a {
  padding: 25px 15px 60px 15px;
  display: block;
  width: 100%;
  transition: 0.2s linear;
  border: 1px solid #ccc;
  border-radius: 6px;
}

@media (min-width: 576px) {
  #wf-lot .iot-wrap>a {
    padding: 15px 15px 50px 15px;
  }
}

@media (min-width: 992px) {
  #wf-lot .iot-wrap>a {
    padding: 28px 28px 70px 28px;
  }
}

#wf-lot .iot-wrap>a:hover {
  background-color: #f4fcff;
}

.iot-thumb {
  margin-bottom: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.iot-thumb img {
  max-width: 200px;
  max-height: 40px;
  margin: 0 auto;
}

@media (min-width: 576px) {
  .iot-thumb {
    min-height: 60px;
    max-width: 75%;
    margin: 0 auto 20px;
    text-align: center;
  }

  .iot-thumb img {
    max-width: 100%;
    width: auto;
    max-height: 50px;
  }
}

.iot-company {
  color: #999;
  line-height: 1.5em;
  margin-bottom: 5px;
  font-size: 13px;
}

.iot-title {
  color: #55ace9;
  font-weight: bold;
  line-height: 1.4em;
  font-size: 16px;
  margin-bottom: 7px;
}

.iot-outline {
  color: #666;
  line-height: 1.5em;
  font-size: 12px;
}

@media (min-width: 576px) {
  .iot-company {
    margin-bottom: 7px;
    font-size: 14px;
  }

  .iot-title {
    font-size: 19px;
    margin-bottom: 7px;
  }

  .iot-outline {
    font-size: 14px;
  }
}

.iot-link {
  text-align: right;
  margin-top: 5px;

}

.iot-link span {
  background-color: #f28b8b;
  color: #fff;
  padding: 10px 18px;
  border-radius: 100px;
  font-size: 12px;
  position: absolute;
  right: 20px;
  bottom: 15px;
}

@media (min-width: 576px) {
  .iot-link span {
    font-size: 13px;
    right: 30px;
    bottom: 20px;
  }
}

.iot-companyinfo table {
  table-layout: fixed;
}

.iot-companyinfo table th {
  white-space: nowrap;
}

.iot-companyinfo table.default-table td,
.iot-companyinfo table.default-table th {
  word-break: break-all;
  overflow-wrap: break-word;
  word-wrap: break-word;
  box-sizing: border-box;
}

.iot-companyinfo table.default-table th {
  /*width:80px;*/
  width: 20%;
}

.iot-companyinfo table.default-table td {
  /*width:calc(100% - 80px);*/
  width: 80%;
}

ul.renkei-list{
	margin:8px 0 0 22px;
}
ul.renkei-list li{
	line-height: 1.8;
	font-size: clamp(0.875rem, 0.784rem + 0.34vw, 1rem);
	list-style: disc;
}
.iot-renkei-subtitle{
	/*font-weight: bold;
	margin-bottom:18px;
	font-size: clamp(1rem, 0.819rem + 0.69vw, 1.25rem);*/
	line-height: 1.8;
	font-size: clamp(0.875rem, 0.784rem + 0.34vw, 1rem);
	margin-bottom:4px;
}

/*お知らせ*/

.news_271138_wrap {
  margin: 40px auto;
}

.info-detail__cnts .news_271138_wrap a[target="_blank"] {
  background: none;
}

.news_271138_wrap h2 {}

.news_27113 {
  padding: 36px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
  margin: 40px auto;
  position: relative;
}

.news_271138_wrap .news_27113 ul li:before {
  content: none;
}

.news_271138_wrap ul {
  margin: 20px auto;
}

.news_271138_wrap ul li {
  padding-left: 16px;
  margin: 16px 0;
  position: relative;
}

.news_271138_wrap ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 4px;
  position: absolute;
  left: 0;
  /*border: 2px solid #555;*/
  background-color: #555;
  top: 12px;
}

.news_271138_wrap .tadashi {
  justify-content: center;
  position: absolute;
  width: 90px;
  height: 90px;
  border-radius: 100px;
  background-color: #f28b8b;
  color: #fff;
  top: -45px;
  left: -45px;
  display: block;
  display: flex;
  align-items: center;
  text-align: center;
  /* margin: 0 auto; */
  font-weight: bold;
}

.news_271138_wrap h4 {
  margin-bottom: 8px;
  color: #f28b8b;
  font-size: 1.2em;
}

.news_271138_wrap .news_box {
  border: 1px solid #ccc;
  padding: 28px;
  border-radius: 8px;
  box-sizing: border-box;
}

.news_271138_wrap .news_box h4 {
  margin-top: 0;
}

.news_271138_wrap .news_headline {
  font-size: 1.25em;
  color: #fff;
  border-radius: 8px;
  background-color: #e50012;
  padding: 20px;
  text-align: center;
  margin: 40px auto;
  font-weight: bold;
}

.info-detail__cnts .news_271138_wrap h3 {
  margin-top: 60px;
}

/*お知らせ*/

.news_271138_wrap {
  margin: 40px auto;
}

.info-detail__cnts .news_271138_wrap a[target="_blank"] {
  background: none;
}

.news_271138_wrap h2 {}

.news_27113 {
  padding: 36px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
  margin: 40px auto;
  position: relative;
}

.news_271138_wrap .news_27113 ul li:before {
  content: none;
}

.news_271138_wrap ul {
  margin: 20px auto;
}

.news_271138_wrap ul li {
  padding-left: 16px;
  margin: 16px 0;
  position: relative;
}

.news_271138_wrap ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 4px;
  position: absolute;
  left: 0;
  /*border: 2px solid #555;*/
  background-color: #555;
  top: 12px;
}

.news_271138_wrap .tadashi {
  justify-content: center;
  position: absolute;
  width: 90px;
  height: 90px;
  border-radius: 100px;
  background-color: #f28b8b;
  color: #fff;
  top: -45px;
  left: -45px;
  display: block;
  display: flex;
  align-items: center;
  text-align: center;
  /* margin: 0 auto; */
  font-weight: bold;
}

.news_271138_wrap h4 {
  margin-bottom: 8px;
  color: #f28b8b;
  font-size: 1.2em;
}

.news_271138_wrap .news_box {
  border: 1px solid #ccc;
  padding: 28px;
  border-radius: 8px;
  box-sizing: border-box;
}

.news_271138_wrap .news_box h4 {
  margin-top: 0;
}

.news_271138_wrap .news_headline {
  font-size: 1.25em;
  color: #fff;
  border-radius: 8px;
  background-color: #e50012;
  padding: 20px;
  text-align: center;
  margin: 40px auto;
  font-weight: bold;
}

.info-detail__cnts .news_271138_wrap h3 {
  margin-top: 60px;
}



/*--------------------------------------------------------------------
ほのぼのＮＥＸＴリニューアル
----------------------------------------------------------------------*/



.next-nav-hidden-wrapper {
  position: relative;
  text-align: left;
}

.next-nav-hidden {
  position: absolute;
  top: 30px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: 300ms;
  z-index: 29;
}

.next-nav-hidden.open {
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 20px;
  left: 0;
}

.next-nav {
  background-color: #477ab8;
  color: #fff;
  position: sticky;
  letter-spacing: .05rem;
  position: relative;
}

.next-nav a {
  color: #fff;
}

.next-nav a:hover {
  opacity: 1;
}

.next-nav-main {
  display: flex;
  width: 1080px;
  margin: 0 auto;
  text-align: center;
  font-size: 15px;
  letter-spacing: 0;
}

.next-nav-main li {
  width: 33.33%;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 5px;
  margin: 10px auto;
  position: relative;
  display: inline-block;
}

.next-nav-main li:hover {
  transition: all 0.2s;
  cursor: pointer;
}

.next-nav-main li:nth-child(1):after {
  content: "";
  background-image: url(/wp/wp-content/themes/ndsoft/img/next/icon01.svg);
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 3px;
}

.next-nav-main li:nth-child(2):after {
  content: "";
  background-image: url(/wp/wp-content/themes/ndsoft/img/next/icon02.svg);
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 3px;
}

.next-nav-main li:nth-child(3):after {
  content: "";
  background-image: url(/wp/wp-content/themes/ndsoft/img/next/icon03.svg);
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 3px;
}

/*.next-nav-main li:nth-child(4):after{
		content:"";
		background-image:url(/wp/wp-content/themes/ndsoft/img/next/icon04.svg);
		width: 20px;
		height: 20px;
		display:inline-block;
		position:absolute;
		right:15px;
		top:5px;
		}*/
.next-nav-main li:nth-child(4):after {
  content: "";
  background-image: url(/wp/wp-content/themes/ndsoft/img/next/icon05.svg);
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 3px;
}

@media screen and (max-width:1080px) {
  .next-nav-container {
    display: none;

  }
}

/*---------------------------------------------------------------------------1*/
.next-nav-hidden {
  width: 100%;
  background-color: #477ab8;
  color: #fff;
}

.next-nav-hidden a {
  color: #fff;
}

.next-nav-hidden a:hover {
  transition: all 0.2s;
}



.btn-block02-inner-title {
  color: #477ab8;
}

.btn-block02-inner div a {
  background-color: #477ab8;
}


.next-nav-hidden-close {
  display: flex;
  max-width: 1080px;
  padding-top: 15px;
  margin: 0 auto;
}

.next-nav-hidden-close span {
  margin: 0 0 0 auto;
  color: #477ab8;
  font-size: 15px;
  background-color: #fff;
  border-radius: 18px;
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}

.next-nav-hidden-close p {
  height: 25px;
  line-height: 23px;
  margin-left: 9px;
}

.next-nav-hidden-close p:hover {
  cursor: pointer;
}

.next-nav-hidden-close span:hover {
  cursor: pointer;
}


/*------------------------------------------------2*/
.next-nav-hidden-inner2 {
  width: 1080px;
  margin: 0 auto;
  display: flex;
  padding: 15px 0 50px;
}

.next-nav-hidden2 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.next-nav-hidden2 {
  width: 100%;
  background-color: #477ab8;
  color: #fff;
}

.next-nav-hidden-inner2 {
  position: relative;
}

.next-nav-hidden-inner2:before {
  content: "";
  width: 15px;
  height: 15px;
  background-color: #477ab8;
  position: absolute;
  top: -55px;
  right: calc(50% - -115px);
  margin-left: -15px;
  border: 15px solid transparent;
  transform: rotate(45deg);
}


.next-nav-hidden.open2 {
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 20px;
  left: 0;
}

.next-nav-hidden2 {
  position: absolute;
  top: 30px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: 300ms;
  z-index: 29;
}

.next-nav-hidden2.open {
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 20px;
  left: 0;
}

.next-nav-hidden2.open2 {
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 65px;
  left: 0;
}

.next-nav-hidden2 .next-nav-hidden-inner2 ul li {
  width: 32.7%;
  background-color: #fff;
  color: #555;
  position: relative;
  margin-bottom: 1%;
  display: flex;
  align-items: center;
  border-radius: 2px;
}

.next-nav-hidden2 .next-nav-hidden-inner2 ul li a {
  color: #000;
  padding: 25px;
  display: block;
  font-weight: bold;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  padding-left: 70px;
}

.next-nav-hidden2 .next-nav-hidden-inner2 ul li:after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 3px solid #477ab8;
  border-right: 3px solid #477ab8;
  transform: rotate(45deg);
  right: 20px;
  top: 45%;
}

.next-nav-hidden2 .next-nav-hidden-inner2 ul li:hover {
  background-color: #e1ecf9;
}

.next-nav-hidden2 .next-nav-hidden-inner2 ul li:nth-child(1):before {
  content: "";
  width: 50px;
  height: 50px;
  background-image: url(/wp/wp-content/themes/ndsoft/img/next/koma01.png);
  position: absolute;
  left: 10px;
  top: calc(50% - 25px);
  background-size: cover;
}

.next-nav-hidden2 .next-nav-hidden-inner2 ul li:nth-child(2):before {
  content: "";
  width: 50px;
  height: 50px;
  background-image: url(/wp/wp-content/themes/ndsoft/img/next/koma02.png);
  position: absolute;
  left: 10px;
  top: calc(50% - 25px);
  background-size: cover;
}

.next-nav-hidden2 .next-nav-hidden-inner2 ul li:nth-child(3):before {
  content: "";
  width: 50px;
  height: 50px;
  background-image: url(/wp/wp-content/themes/ndsoft/img/next/koma03.png);
  position: absolute;
  left: 10px;
  top: calc(50% - 25px);
  background-size: cover;
}

.next-nav-hidden2 .next-nav-hidden-inner2 ul li:nth-child(4):before {
  content: "";
  width: 50px;
  height: 50px;
  background-image: url(/wp/wp-content/themes/ndsoft/img/next/koma04.png);
  position: absolute;
  left: 10px;
  top: calc(50% - 25px);
  background-size: cover;
}

.next-nav-hidden2 .next-nav-hidden-inner2 ul li:nth-child(5):before {
  content: "";
  width: 50px;
  height: 50px;
  background-image: url(/wp/wp-content/themes/ndsoft/img/next/koma05.png);
  position: absolute;
  left: 10px;
  top: calc(50% - 25px);
  background-size: cover;
}

.next-nav-hidden2 .next-nav-hidden-inner2 ul li:nth-child(6):before {
  content: "";
  width: 50px;
  height: 50px;
  background-image: url(/wp/wp-content/themes/ndsoft/img/next/koma06_2.png);
  position: absolute;
  left: 10px;
  top: calc(50% - 25px);
  background-size: cover;
}

.next-nav-hidden-close2 {
  display: flex;
  max-width: 1080px;
  padding-top: 25px;
  margin: 0 auto;
}

.next-nav-hidden-close2 p:hover {
  cursor: pointer;
}

.next-nav-hidden-close2 span:hover {
  cursor: pointer;
}

.next-nav-hidden-close2 span:hover {
  cursor: pointer;
}

.next-nav-hidden-close2 span {
  margin: 0 0 0 auto;
  color: #477ab8;
  font-size: 15px;
  background-color: #fff;
  border-radius: 18px;
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}

.next-nav-hidden-close2 p {
  height: 25px;
  line-height: 23px;
  margin-left: 9px;
}




/*--------------------------------------------------2を1へ*/

.next-nav-hidden-inner {
  width: 1080px;
  margin: 0 auto;
  display: flex;
  padding: 20px 0 50px;
}


.next-nav-hidden ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

.next-nav-hidden {
  width: 100%;
  background-color: #477ab8;
  color: #fff;
}

.next-nav-hidden-inner {
  position: relative;
}

.next-nav-hidden-inner:before {
  content: "";
  width: 15px;
  height: 15px;
  background-color: #477ab8;
  position: absolute;
  top: -55px;
  right: calc(50% - 160px);
  margin-left: -15px;
  border: 15px solid transparent;
  transform: rotate(45deg);
}


.next-nav-hidden.open {
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 20px;
  left: 0;
}

.next-nav-hidden {
  position: absolute;
  top: 30px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: 300ms;
  z-index: 29;
}

.next-nav-hidden.open {
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 20px;
  left: 0;
}

/*.next-nav-hidden.open{
		opacity: 1;
  visibility: visible;
		position: absolute;
		top: 65px;
		left: 0;
	}*/

.next-nav-hidden .next-nav-hidden-inner ul li {
  width: 24.2%;
  background-color: #fff;
  color: #555;
  position: relative;
  margin-bottom: 1%;
  display: flex;
  align-items: center;
  border-radius: 2px;

}

.next-nav-hidden .next-nav-hidden-inner ul li a {
  padding: 25px;
  color: #000;
  display: block;
  font-weight: bold;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  padding-left: 70px;
  width: 100%;
}

.next-nav-hidden .next-nav-hidden-inner ul li a:hover {
  background-color: #e1ecf9;
  opacity: 1;
}

.next-nav-hidden .next-nav-hidden-inner ul li:after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 3px solid #477ab8;
  border-right: 3px solid #477ab8;
  transform: rotate(45deg);
  right: 20px;
  top: calc(50% - 4px);
}

.next-nav-hidden .next-nav-hidden-inner ul li:before {
  content: "";
  width: 50px;
  height: 50px;
  background-image: url(/wp/wp-content/themes/ndsoft/img/next/jigyo1.png);
  position: absolute;
  left: 10px;
  top: calc(50% - 25px);
  background-size: cover;
}

.next-nav-hidden .next-nav-hidden-inner ul li:nth-child(2):before {
  background-image: url(/wp/wp-content/themes/ndsoft/img/next/jigyo2.png);

}

.next-nav-hidden .next-nav-hidden-inner ul li:nth-child(3):before {
  background-image: url(/wp/wp-content/themes/ndsoft/img/next/jigyo3.png);

}

.next-nav-hidden .next-nav-hidden-inner ul li:nth-child(4):before {
  background-image: url(/wp/wp-content/themes/ndsoft/img/next/jigyo4.png);

}

.next-nav-hidden-close {
  display: flex;
  max-width: 1080px;
  padding-top: 25px;
  margin: 0 auto;
}

.next-nav-hidden-close p:hover {
  cursor: pointer;
}

.next-nav-hidden-close span:hover {
  cursor: pointer;
}

.next-nav-hidden-close span:hover {
  cursor: pointer;
}

.next-nav-hidden-close span {
  margin: 0 0 0 auto;
  color: #477ab8;
  font-size: 15px;
  background-color: #fff;
  border-radius: 18px;
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}

.next-nav-hidden-close p {
  height: 25px;
  line-height: 23px;
  margin-left: 9px;
}

/*--------------------------------------------------------------------
【ほのぼのＮＥＸＴ改修2021】下部のお問合わせボタンを消す
----------------------------------------------------------------------*/
body#wf-carepalette ul.foot__btns.footbtn_pc,
body#wf-gerontological-record ul.foot__btns.footbtn_pc,
body#wf-next-life ul.foot__btns.footbtn_pc {
  display: none;
}

/*--------------------------------------------------------------------
【ほのぼのＮＥＸＴ改修2021】下部共通コンテンツ「事業所一覧から探す」
----------------------------------------------------------------------*/

#next2021_list .next-list-wrap {
  max-width: 1000px;
  margin-top: 30px;
  border: 2px solid #eee;
  border-radius: 5px;
  margin: 30px auto;
  text-align: left;
}

@media screen and (max-width: 1080px) {
  #next2021_list .next-list-wrap {
    margin: 20px;
  }
}

#next2021_list .office-list-left,
#next2021_list .office-list-right {
  width: 48%;
}

#next2021_list .next-list-title-box {
  margin: 30px auto 10px;
  align-items: center;
  display: flex;
  width: fit-content;
}

#next2021_list .next-list-title-box img {
  margin-right: 10px;
  max-width: 100px;
}

#next2021_list .next-list-title-box-inner {
  margin-top: 10px;
}

#next2021_list .next-large {
  margin-bottom: 6px;
  font-weight: bold;
  font-size: 25px;
}

#next2021_list .office-list .office-list-title {
  font-weight: bold;
  padding: 13px;
  background-color: #e1ecf9;
  position: relative;
  color: #333;
  border-radius: 2px;
  padding-left: 20px;
  margin-bottom: 8px;
}

#next2021_list .office-list .office-list-title:after {
  position: absolute;
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
  right: 20px;
  top: 14px;
}

#next2021_list .office-list {
  display: flex;
  justify-content: space-between;
  padding: 25px;
  border-radius: 5px;
}

#next2021_list .office-list ul {
  margin-bottom: 20px;
}

#next2021_list .office-list ul li {
  position: relative;
  border-bottom: 1px dashed #ccc;
}

#next2021_list .office-list ul li:before {
  position: absolute;
  content: "";
  width: 9px;
  height: 3px;
  border-radius: 1px;
  left: 5px;
  background-color: #477ab8;
  top: 16px;
}

#next2021_list .office-list ul li a {
  font-size: 14px;
  padding: 10px 0;
  display: block;
  padding-left: 26px;
}

#next2021_list .office-list ul li a:hover {
  background-color: #F3F5F7;
}

/*#next2021 .office-list-sub{
	margin: 10px auto;
	font-weight:bold;
	color:#477ab8;
	border-bottom:2px solid;
	margin-bottom:5px;
	padding-bottom: 5px;
}*/

@media screen and (max-width:768px) {
  #next2021_list .office-list {
    margin-top: 15px;
    display: block;
  }

  #next2021_list .office-list-left,
  #next2021_list .office-list-right {
    width: 100%;
  }

  #next2021_list .next-list-title-box {
    flex-wrap: wrap;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 0;
    text-align: center;
    margin-bottom: 0px;
    justify-content: center;
  }

  #next2021_list .contents-inner img {
    margin: 0 auto;
    width: 100%;
  }

  #next2021_list .next-list-title-box-inner {
    margin: 0 auto;
    margin-top: 10px;
  }

  #next2021_list .next-large {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
  }
}

#next2021_list .office-list-sub {
  margin: 10px auto;
  font-weight: bold;
  color: #477ab8;
  border-bottom: 2px solid;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

/*--------------------------------------------------------------------
【ほのぼのＮＥＸＴ改修2021】ＮＥＸＴから製品配下へ
main class="h-next"を取り、product2021付与
----------------------------------------------------------------------*/

@media (max-width: 1023px) {
  #next2021.product2021 .inner {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
}

/* ◆付きのイントロ用 */
#next2021.product2021 .list.-No01 {
  line-height: 1.7;
  position: relative;
  padding-left: 20px;
}

#next2021.product2021 .list.-No01:after {
  content: "◆";
  height: 100%;
  width: 16px;
  border-radius: 0;
  position: absolute;
  left: 0;
  top: 0;
  background: none;
  color: #f28b8b;
}

/* 汎用的なリスト表示 */
#next2021.product2021 .No01__list {
  line-height: 1.8em;
  margin-bottom: 5px;
  list-style: disc;
  margin-left: 20px;
}

@media screen and (max-width: 1024px) {
  #next2021.product2021 .No01__list {
    font-size: 0.875rem;
    margin-left: 20px;
  }
}

/* 画像用 */
#next2021.product2021 .image-block {
  margin: 30px 0;
  text-align: center;
}

#next2021.product2021 .image-block img {
  margin: 0 auto;
}

#next2021.product2021 .image-block.flex-next .image-item {
  text-align: center;
}

#next2021.product2021 .image-item+.image-item {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {

  /* 画像2つ並びの場合 */
  #next2021.product2021 .image-block.flex-next {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
  }

  #next2021.product2021 .image-block.flex-next .image-item {
    /*flex: 1;*/
    width: 49%;
  }

  #next2021.product2021 .image-item+.image-item {
    margin-top: 0px;
  }
}

.image-middle {
  max-width: 500px;
  width: 100%;
}

#next2021.product2021 .No01__list.-small {
  font-size: 14px;
  font-size: 0.875rem;
  list-style: none;
}

#next2021.product2021 .fc06 {
  color: #f28b8b;
  margin: 0 0 5px 0;
  font-size: 110%;
}

/*#next2021.product2021 .btn--more {
	background: #f2f2f2;
}
#next2021.product2021 .btn {
	display: inline-block;
	margin-top: 40px;
	padding: 10px;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1;
}*/

@media screen and (min-width: 768px) {
  #next2021.product2021 .r-section.-app02 .r-ti__text {
    width: calc(100% - 155px);
  }

  #next2021.product2021 .r-section.-app02 .r-ti__img {
    width: 155px;
  }
}

#next2021 .btn {
  float: none;
}

#next2021 .btn a {
  line-height: 32px;
  color: #fff;
  padding: 16px 32px;
  background: #fff;
  font-weight: bold;
  margin-left: 0;
  margin: 0 auto;
  display: block;
  width: fit-content;
  font-size: 18px;
  position: relative;
  padding-right: 60px;
  box-shadow: 0 0 10px -6px rgb(0 0 0);
  background-color: #eaaf23;
  border-radius: 4px;
}

#next2021 .btn a::after {
  top: calc(50% - 3px);
  content: "";
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  display: block;
  right: 28px;
}

#next2021 .btn--more {
  background: none;
  padding: 0;
}

/*--------------------------------------------------------------------
右下ポップアップ用css
----------------------------------------------------------------------*/
div#insightera_widget_content {
  overflow-y: hidden;
}