@charset "UTF-8";

/* ============================================
// base
// ==========================================*/

html {
    font-size: 62.5%;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

body {
    margin: 0 auto;
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 1.6rem;
    color: #333;
    line-height: 1.75;
    letter-spacing: 0.06em;
    -webkit-text-size-adjust: 100%;
}

.wrapper {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
}

.wrapper::after {
    content: '';
    display: block;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: rgba(0, 0, 0, .5);
    transition: all .4s ease 0s;
    opacity: 0;
}

footer {
    overflow: hidden;
}

h2 {
    font-size: 2.6rem;
    margin: 2.4rem 0 1.6rem 0;
}

h3 {
    font-size: 2.4rem;
    margin-bottom: .8rem;
}

h3 > img {
    vertical-align: middle;
    margin-right: 10px;
}

h4 {
    font-size: 1.8rem;
    font-weight: bold;
    color: #452D03;
    margin-bottom: .6rem;
}

h5 {
    font-size: 1.6rem;
    font-weight: 600;
    color: #333;
    margin-bottom: .4rem;
}

p {
    font-weight: 500;
}

a:hover {
    color: #333;
    text-decoration: none;
    opacity: .5;
}

dt {
    font-weight: normal !important;
}
.itemAbout-wrap{
  box-shadow:0 0 8px rgb(0 0 0 / 30%)
}
.markerOrange {
    font-weight: 600;
    background: linear-gradient(transparent 75%, #FDECCC 65%);
}

.borderOrange {
    display: inline-block;
    font-weight: 600;
    font-size:42px;
    padding-bottom: 20px;
    position: relative;
    line-height: 4.8rem;
    border-bottom: 2px solid #F7BB7C;
}

.alpha {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 1.4rem;
    padding-left: 2.8rem;
}

.greenText {
    color: #3A84CE;
    font-size: 50px;
}

.rightgreenText {
    color: #36f402;
}

.orangeText {
    color: #3A84CE;
}

.blueText {
    color: #02f4e0;
}

.active {
    display: block !important;
}

.smOnly {
    display: none !important;
}

/* ============================================
//header
// ==========================================*/
#header {
    display: block;
    position: fixed;
    width: 100%;
    z-index: 4;
    transition: .8s;
}

body.home #header {
}

.headerInner {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    padding: 0 2.4rem;
    padding-right:0px;
}

.glnavi {
    font-size: 1.4rem;
    margin-left: auto;
}

.navMENU {
    display: none;
}
.glnavi > ul >li{
  color:#fff;
  text-shadow:1px 1px 5px #333;
}
.glnavi > ul >li > a {
    display: block;
    font-weight: bold;
    padding: 2.4rem 1.6rem;
}

li.js-dropdown-trigger {
    cursor: pointer;
}

/*--------------------
    pageNavi
--------------------*/
.pagetop {
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 3;
    position: fixed;
    font-size: 2rem;
    transition: .3s all;
}

.pagetop a {
    display: inline-block;
    background: #666;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
}

.pagetop a:hover {
    opacity: 1;
}

.pagetop a:hover img {
    top: -10px;
    transition: .3s all;
}

.pagetop a img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 35px;
    transition: .3s all;
}

/* ============================================
//footer
// ==========================================*/
.common_contact.top {
    margin-bottom: 4rem;
}

.common_contact .contact_box {
    border: 4px solid #3A84CE;
    text-align: center;
    padding: 40px 20px 45px;
}

.common_contact h2 {
    font-size: 2.6rem;
    margin: 0;
    margin-bottom: 28px;
}

.common_contact .tel {
    font-size: 4.5rem;
}

.common_contact .tel span {
    position: relative;
}

.common_contact .tel span::before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: -45px;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: url("../../images/bg/phone-alt-solid.svg") no-repeat;
    background-size: cover;
}

.common_contact .btn_list li {
    font-weight: 700;
    margin: 0 5px;
}

.common_contact .btn_list li a {
    display: inline-block;
    font-size: 1.6rem;
    background: #3A84CE;
    color: #fff;
    padding: 1.6rem 2rem;
    font-size: 1.5rem;
    transition: .4s;
}

.footer {
    width: 100%;
    margin-top: 4.8rem;
}

.footerInner {
    background-size: cover;
}

.footerSitemapTop div li a,
.footerSitemapBottom div li a {
    display: block;
    font-size: 1.2rem;
    line-height: 4rem;
}

.footerSitemapTop div li a::before,
.footerSitemapBottom div li a::before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #3A84CE;
    margin-right: 6px;
}

.footerInner h2 {
    font-size: 1.4rem;
    font-weight: bold;
    border-left: 3px solid #3A84CE;
    padding-left: .8rem;
}

.footerInfo {
    padding: 3.2rem 0 2.4rem;
}

.footerLogo {
    display: block;
    margin: auto 0;
}

.footerAddress p {
    font-size: 1rem;
}

.footerCopyWrap {
    width: 100%;
    position: relative;
    background: #3A84CE;
    padding: 2.4rem .8rem 1.2rem;
    color: #fff;
    text-align: center;
}

.footerCopy {
    display: block;
    width: 100%;
    font-size: 10px;
    margin-top: 2.4rem;
}

.footerCopyMenu {
    display: table;
    font-size: 10px;
    margin: 0 auto;
}

.footerCopyMenu li {
    display: table-cell;
    text-align: center;
    border-right: 1px solid #fff;
}

.footerCopyMenu li a {
    display: block;
    padding: 0 10px;
}

.footerCopyMenu li a:hover {
    opacity: 1;
    color: #FFF;
    text-decoration: underline;
}


/* ============================================
//topPage
// ==========================================*/

/*--------------------
    mainVisual
--------------------*/
.homeMainVisual {
    position: relative;
}

.swiper-container {
    position: relative;
}

.slide-img {
    width: auto;
    height: 100vh;
}

.slide-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit:cover;';
}

.catchCopy {
    position: absolute;
    bottom: 206px;
    left: 55px;
    z-index: 2;
}

.catchCopy span {
    display: inline-block;
    font-size: 2.6rem;
    font-weight: bold;
    background: #fff;
    padding: 3px 16px;
    margin-top: 8px;
}

.mvBtn {
    position: absolute;
    top: 45%;
    right: 0;
    z-index: 2;
    transform: translateY(-50%);
}

.headerRecruit,
.headerAccess {
    max-height: 24rem;
    color: #fff;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
}

.headerRecruit {
    background: #3A84CE;
    right: 0;
}

.headerAccess {
    background: #00561E;
    margin-top: 2.4rem;
    right: 0;
}

.headerRecruit a,
.headerAccess a {
    display: block;
    transition: background .3s;
    padding: 1.2rem .8rem 2.4rem;
}

.mvBtn ul li a::before {
    display: inline-block;
    content: "\f138";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-bottom: 3px;
    writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
}

.headerRecruit a:hover {
    color: #fff;
    opacity: 1;
    background: #FCB32A;
}

.headerAccess a:hover {
    color: #fff;
    opacity: 1;
    background: #3A84CE;
}

.newsbox {
    position: absolute;
    bottom: 80px;
    right: 70px;
    z-index: 1;
}

.newsbox-wrap {
    display: table;
    border-radius: 16px;
    padding: 1rem 2.4rem;
    background: #fff;
}

.newsbox p {
    font-size: 1.4rem;
}

.newsbox-ttl {
    display: table;
}

.newsbox-ttl .ttl-jp {
    display: table-cell;
    font-weight: bolder;
}

.newsbox-ttl .ttl-en {
    display: table-cell;
    vertical-align: middle;
    font-family: "Open sans",serif;
    font-size: 1rem;
    padding: 0 1.6rem 0 .8rem;
    border-right: 1px dotted #333;
}

.newsbox .newsbox-date {
    display: table-cell;
    vertical-align: middle;
    font-size: 1rem;
    margin-left: 3.2rem;
    padding: 0 .8rem 0 2.4rem;
}

/*--------------------
    concept
--------------------*/
.sectionConcept{
    padding-top: 120px;
}
#top .mainContentArea {
    position: relative;
}

#top .mainContentArea::before {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 900px;
    background: url(../../images/bg-green.jpg) no-repeat 50% 0;
    background-size:100%;
    z-index: -1;
    top: -65px;
    opacity: .7;
}

.sectionConceptInner .itemBlock h2 {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 5.6rem;
    text-align: center;
    margin: 6.4rem 0 4.8rem;
}

.sectionConceptInner .itemBlock p {
    text-align: left;
    line-height: 4rem;
}

.sectionConceptInner .pictureCenterInner {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
}

.sectionConceptInner .pictureCenterInner::after {
    display: block;
    content: "";
    position: absolute;
    top: -50px;
    right: -50px;
    width: 800px;
    max-width: 100%;
    height: 300px;
    background: #F0FAFF;
    z-index: -1;
}

/*--------------------
    features
--------------------*/
.sectionFeatures {
    padding: 5.6rem 0 3.6rem;
    background-image: url("../../images/bg/readLine.svg");
    /*    background-size: auto 100%;*/
    background-repeat: no-repeat;
    background-position: 50% 10px;
}

.sectionFeaturesInner h2 {
    position: relative;
}

.itemFeatures {
    margin: 5.6rem auto 13.6rem;
}

.itemFeaturesPic::after {
    display: block;
    content: "";
    position: absolute;
    z-index: -1;
}

.itemFeatures02 .itemFeaturesPic::after {
    width: 400px;
    height: 260px;
    background: #F0FAFF;
    top: 37px;
    left: -17px;
}

.itemFeatures01 .itemFeaturesPic::after {
    width: 200px;
    height: 150px;
    background: #E0FFEF;
    top: 179px;
    left: -27px;
}

.itemFeatures03 .itemFeaturesPic::after {
    width: 180px;
    height: 120px;
    background: #FFE7B7;
    bottom: -13px;
    right: 21px;
    z-index: -1;
}

.featuresPic01,
.featuresPic02,
.featuresPic03,
.featuresPic04,
.featuresPic05 {
    display: block;
    position: absolute;
}

/*--------------------
    features01
--------------------*/

.itemFeaturesText p {
    line-height: 3.2rem;
}

.featuresPic01 {
    width: 420px;
}


/*--------------------
    features02
--------------------*/
.featuresPic02 {
    width: 180px;
    top: 260px;
    left: -115px;
}

/*--------------------
    features03
--------------------*/
.featuresPic04 {
    position: relative;
}

.featuresPic05 {
    bottom: -80px;
    right: -10px;
    z-index: 2;
}

/*--------------------
    about
--------------------*/
.sectionAbout {
    margin-bottom: 4.8rem;
}

.sectionAboutInner {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.sectionAbout h2 {
    color: #452D03;
    font-size: 4rem;
    font-weight: bold;
    letter-spacing: 1.2rem;
    text-align: center;
}

.itemAbout {
    text-align: center;
}

.itemAbout-img {
    min-height: 200px;
    background-image: url("../../images/menu01.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.itemAbout02 .itemAbout-img {
    background-image: url("../../images/menu02.jpg");
}

.itemAbout03 .itemAbout-img {
    background-image: url("../../images/about03.jpg");
}

.itemAboutInner {
    background: #fff;
    padding: 2.4rem 0;
    border-radius: 0 0 3.2rem 3.2rem;
}

.itemAbout h3 {
    margin-top: 0;
    font-weight: 600;
}

.itemAbout p {
    font-weight: 500;
}

.btnMore {
  display: inline-block;
  margin: 20px;
  vertical-align: middle;
  position: relative;
  text-align: left;
  margin-top: .8rem;
  box-sizing: border-box;
  transition: background .3s;
  text-align: center;
  margin-top: 30px;
}
.btnMore a{
  border-radius: 2.4rem;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #3A84CE;
  background: #3A84CE;
  color: #fff;
  padding: 10px 0px;
  width:100%;
  -webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
  display:block;
}
.btnMore a:hover{
  color:#3A84CE;
  background:#fff;
  border: 1px solid #3A84CE;
  opacity:1;
}
.btnMore::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-80%);
    width: 30px;
    height: 5px;
    background: url("../../images/bg/icon-arrow.svg") center center no-repeat;
    transition: right .3s;
}

.btnMore:hover {
    opacity: 1;
    color: #fff;
}

.btnMore:hover::after {
    right: 12px;
}

.btnMore-orange {
    display: inline-block;
    background: #fff;
    max-height: 34px;
    vertical-align: middle;
    position: relative;
    text-align: left;
    color: #3A84CE;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #3A84CE;
    border-radius: 2.4rem;
    margin-top: .8rem;
    padding: 4px 54px 4px 16px;
}

.btnMore-orange::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-80%);
    width: 30px;
    height: 5px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2033%206%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23F4A002%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eicon-arrow%3C%2Ftitle%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M26.5.5l6%2C5H.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center;
    transition: right .3s;
}

.btnMore-orange:hover {
    opacity: 1;
    color: #3A84CE;
}

.btnMore-orange:hover::after {
    right: 12px;
}

/*--------------------
    service
--------------------*/
.sectionServiceInner {
    margin-bottom: 4.8rem;
}

.itemService02 {
    margin-top: 4.8rem;
}

.serviceImg {
    background: url("../../images/service01.jpg") no-repeat right center;
    background-size: cover;
    min-height: 300px;
}

.serviceImg02 {
    background: url("../../images/service02.jpg") no-repeat left center;
    background-size: cover;
}

.itemBlock h2 {
    font-weight: bold;
    letter-spacing: .4rem;
    margin-bottom: 2.4rem;
}

.itemBlock p {
    line-height: 3.2rem;
}

/*--------------------
    news
--------------------*/
.sectionInfo .news-wrap {
    margin-bottom: 1.6rem;
}

.sectionInfo {
    padding-bottom: 12rem;
}

.sectionInfoInner01,
.sectionInfomvBtn {
    min-height: 350px;
}

.newsContent .article {
    padding: 2rem 0;
    border-bottom: 1px solid #D2D2D2;
}

.newsContent .article:last-child {
    border: none;
}

.newsContent .date,
.newsContent .title {
    display: table-cell;
    font-size: 1.4rem;
}

.newsContent .title {
    padding-left: 4rem;
}

/*--------------------
    topics
--------------------*/
.topicsContent .article {
    overflow: hidden;
    padding: 1.6rem 0;
}

.topicsPic {
    float: left;
}

.topicsPic img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    object-fit: cover;
    font-family: 'object-fit:cover;';
}

.topicsText {
    max-width: calc(100% - 100px);
    float: left;
    font-size: 1.4rem;
    padding-left: 3.2rem;
}

.topicsText .date p {
    font-size: 1.2rem;
    color: #aaa;
}

/* ============================================
//アーカイブ、投稿ページ
// ==========================================*/
.dropdown {
    text-align: right;
    margin-bottom: 3.2rem;
}

.dropdown select {
    border: 1px solid #333;
    color: #333;
    padding: 2px 6px;
}

#archive .titleArea-wrap ,
#single .titleArea-wrap {
    padding: 0 4.8rem;
    padding-top: 200px;
    padding-bottom: 100px;
}
#archive .titleArea ,
#single .titleArea {
    background: url(../../images/info.jpg) no-repeat center bottom;
    background-size: cover;
}

#single h2.h2-single {
    font-weight: bold;
    margin-bottom: 0;
}

#single .single-ttl-set {
    margin-bottom: 35px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #d2d2d2;
}

#single article.post {
    margin-bottom: 120px;
}

#archive .postList {
    margin-bottom: 90px;
}

#archive .postList li a {
    display: flex;
    padding: 0;
    margin-bottom:20px;
}

#archive .postList li a .news-head {
}

#archive .postList li a .news-head .date {
    font-size: 14px;
}

.cat {
    display: inline-block;
    margin-left: 1.6rem;
    padding: 3px 5px 2px;
    font-size: 14px;
}

.cat.news {
    border: 1px solid #3A84CE;
    color: #3A84CE;
}

.cat.important {
    border: 1px solid #F42702;
    color: #F42702;
}

.cat.recruit {
    border: 1px solid #3A84CE;
    color: #3A84CE;
}

.cat.everyday {
    border: 1px solid #3477f6;
    color: #3477f6;
}

.cat.topic {
    border: 1px solid #02f4e0;
    color: #02f4e0;
}

.cat.event {
    border: 1px solid #3A84CE;
    color: #3A84CE;
}

.cat.complaints {
    border: 1px solid #3A84CE;
    color: #3A84CE;
}

#archive .postList li a{
  display:flex;
  flex-direction:column;
}

.side-category li {
    font-weight: 500;
}

.side-category .side-category-ttl {
    color: #3A84CE;
    font-weight: bold;
    padding: 0 .8rem 1.2rem .8rem;
    position: relative;
}

.side-category .side-category-ttl::before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #3A84CE;
}

.side-category .side-category-ttl::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #3A84CE;
}

.side-category ul > li > ul {
    padding: 1.2rem .8rem;
}

.side-category ul > li > ul > li {
    line-height: 2em;
}

.wp-pagenavi-wrap {
    padding-bottom: 9.6rem;
}

.wp-pagenavi .pages {
    margin-right: 2rem;
}

.wp-pagenavi a:hover, #archive .wp-pagenavi span {
    background: #fff;
    color: #3A84CE;
}

.wp-pagenavi a, .wp-pagenavi span {
    display: inline-block;
    color: #fff;
    margin: 0 5px 10px 0;
    padding: 6px 18px;
    background: #3A84CE;
    border: 1px solid #3A84CE;
    text-decoration: none;
    transition: all .3s ease;
}

#single .wp-pagenavi {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}

#single .wp-pagenavi .alignleft ,
#single .wp-pagenavi .center ,
#single .wp-pagenavi .alignright {
    float: left;
    padding: 0 1.2rem;
}

	.mainVisual span{
    display: inline-block;
    background: #F0FAFF;
    border-radius: 105px;
	}
/* ============================================
//下層ページ
// ==========================================*/
#page .titleArea-wrap {
    padding: 200px 48px 100px;
}

#page .contentArea {
    margin-bottom: 100px;
}
#page .table{
	border:none;
}
#page .table td,#page .table th {
    font-size: 18px;
	letter-spacing: 0.08em;
	border:none;
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
    padding: 20px 0px;
    text-align: left;
    vertical-align: top;
    line-height: 2;
}
#page ul {
    padding-left: 2.4rem;
    margin: 0 0 1.6rem 0;
}

#page ul li {
    line-height: 3.2rem;
    list-style: disc;
}

#page h1 ,
#archive h1 ,
#single h1 {
    font-size: 2.6rem;
    line-height: 1em;
}

#page h1 span ,
#archive h1 span ,
#single h1 span {
    display: block;
    font-size: 1.8rem;
}

p.titleArea-lead {
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 1.5em;
    padding: 28px 0;
}

#page .catchArea {
    text-align: center;
    padding-top: 3.2rem;
    padding-bottom: 12rem;
}

#page .catchArea-ttl-en {
    font-family: "Open sans",serif;
    font-size: 2rem;
    color: #3A84CE;
    font-weight: bold;
}

#page h2.catchArea-ttl {
    font-size: 3.2rem;
    font-weight: bold;
    margin: .8rem 0 2.4rem 0;
}

#page .catchArea-sentence {
    display: inline-block;
    margin: 0 auto;
}

#page h3.h3-page {
    font-size: 3.4rem;
    color: #3A84CE;
    font-weight: bold;
    margin-bottom: 1.6rem;
}

#page h3.h3-page::before {
    display: inline-block;
    content: "";
    width: 26px;
    height: 100%;
    border-top: 2px solid #3A84CE;
    vertical-align: middle;
    margin-right: 12px;
}

.breadcrumbs {
    padding-left: 4.8rem;
    margin: 1.6rem 0 6.4rem;
}

/*--------------------
    philosophy
--------------------*/
.page-philosophy .titleArea {
    background: url("../../images/philosophy.jpg") no-repeat 50% bottom;
    background-size: cover;
}

.page-philosophy p.contentArea-text-catch {
    font-weight: bold;
    font-size: 2rem;
    padding: 3.2rem 0 .8rem;
}

.page-philosophy .contentArea03 p.contentArea-text-catch {
    padding: 48px 0;
    position: relative;
}

.page-philosophy .contentArea03 p.contentArea-text-catch::before {
    display: inherit;
    content: "";
    width: 35px;
    height: 35px;
    background: url("../../images/bg/double-quote.svg") no-repeat;
    background-size: 35px;
    top: 43px;
    left: 170px;
    position: absolute;
}

.page-philosophy .contentArea03 p.contentArea-text-catch::after {
    display: inherit;
    content: "";
    width: 35px;
    height: 35px;
    background: url("../../images/bg/double-quote-end.svg") no-repeat;
    background-size: 35px;
    bottom: 40px;
    right: 140px;
    position: absolute;
}

/*--------------------
    facility
--------------------*/
.page-facility .titleArea {
    background: url("../../images/facility.jpg") no-repeat 50% bottom;
    background-size: cover;
}

.page-facility .history-dl {
    margin: 1.6rem 0 1.6rem 3.2rem;
}

#page.page-facility .ul-history {
    width: 80%;
    margin: 0 auto;
}

#page.page-facility .li-history {
    border-bottom: 1px solid #e0dcdb;
    list-style-type: none;
    overflow: hidden;
    padding: 4rem 0 4rem 3.2rem;
}

.page-facility .h4-page {
    font-size: 3.2rem;
}

.page-facility .table-company-history {
    margin-left: 1.6rem;
}

.page-facility .table-company-history th , .page-facility .table-company-history td {
    padding: 0 .8rem;
}

/*--------------------
    features
--------------------*/
.page-features .titleArea {
    background: url("../../images/features.jpg") no-repeat 50% bottom;
    background-size: cover;
}

.page-features .contentArea01 .contentArea-wrap {
    background: url("../../images/features-image01.jpg") no-repeat 50% 80%;
    background-size: cover;
    padding: 180px 0;
    position: relative;
}

.page-features .contentArea01 .contentArea-text {
    width: 40%;
    background: rgba(255,255,255,0.9);
    padding: 2.4rem;
    position: absolute;
    top: 50%;
    left: 120px;
    transform: translateY(-50%);
}

.page-features .contentArea02 {
    background: #f6fff2;
    padding: 5.6rem 0;
}

.page-features .contentArea02 .contentArea-img .background-img {
    background: url("../../images/environment-image06.jpg") no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 350px;
}

/*--------------------
    stayservice
--------------------*/
.page-stayservice .titleArea {
    background: url(../../images/stayservice.jpg) no-repeat 50% bottom;
    background-size: cover;
}

.page-stayservice .contentArea01 .contentArea-img {
    margin-top: 2.4rem;
}

.page-stayservice .contentArea02 {
    background: #f6fff2;
    padding: 3.2rem 0;
}

.page-stayservice .program-catch {
    font-weight: bold;
    font-size: 2.0rem;
    margin: 3.2rem 0;
}

.page-stayservice .program-wrap {
    padding: 0 3.2rem;
}

.page-stayservice .item-program {
    padding: 2.4rem;
}

.page-stayservice .item-program08 {
    padding: 0;
}

.page-stayservice .item-program .h4-page {
    border-top: 3px solid #ccc;
    padding-top: 1.6rem;
}

/*--------------------
    homeservice
--------------------*/
.page-homeservice .titleArea {
    background: url(../../images/homeservice.jpg) no-repeat 50% bottom;
    background-size: cover;
}

.page-homeservice .contentArea01 .contentArea-img {
    margin-top: 2.4rem;
}

.page-homeservice .contentArea02 {
    background: #f6fff2;
    padding: 3.2rem 0;
}

.page-homeservice .program-catch {
    font-weight: bold;
    font-size: 2.0rem;
    margin: 3.2rem 0;
}

.page-homeservice .program-wrap {
    padding: 0 3.2rem;
}

.page-homeservice .item-program {
    padding: 2.4rem;
}

.page-homeservice .item-img {
    padding: 2.4rem 0;
}

.page-homeservice .item-program06 {
    padding: 0 2.4rem;
}

.page-homeservice .item-program .h4-page {
    border-top: 3px solid #ccc;
    padding-top: 1.6rem;
}

/*--------------------
    environment
--------------------*/
.page-environment .titleArea {
    background: url(../../images/environment.jpg) no-repeat 50% bottom;
    background-size: cover;
}

.page-environment .contentArea02 {
    margin-top: 80px;
}

.page-environment .contentArea03 .contentArea-inner {
    padding: 0 5.6rem;
}

.page-environment .contentArea03 .contentArea-img {
    padding: 0 4rem 4.8rem 4rem;
    position: relative;
}

.page-environment .contentArea03 .h4-page {
    margin: 1.6rem 0 .8rem;
}

.page-environment .contentArea04 .btnMore-orange {
    margin-bottom: 3.2rem;
}

/*--------------------
    everyday
--------------------*/
.page-everyday .titleArea {
    background: url(../../images/everyday.jpg) no-repeat 50% bottom;
    background-size: cover;
}

.page-everyday .contentArea01 .contentArea-img ,
.page-everyday .contentArea04 .contentArea-img {
    margin-top: 1.6rem;
}


/*--------------------
    event
--------------------*/
.page-event .titleArea {
    background: url(../../images/event.jpg) no-repeat 50% bottom;
    background-size: cover;
}

.page-event .contentArea03 ,
.page-event .contentArea05 {
    background: #f6fff2;
    padding: 4.8rem 0;
}

.page-event .catch {
    font-weight: bolder;
    line-height: 36px;
}

/*--------------------
    flow
--------------------*/
.page-flow .titleArea {
    background: url(../../images/flow.jpg) no-repeat 50% bottom;
    background-size: cover;
}

.page-flow .contentArea01 {

}

.page-flow .contentArea01 .contentArea-text-inner {
    background: #FFF3DC;
    padding: 2.4rem;
    position: relative;
}

.page-flow .contentArea01 .contentArea-text-inner .h2-page {
    font-weight: bold;
    position: absolute;
    top: -14px;
}

#page.page-flow .contentArea01 .contentArea-text-inner li {
    line-height: 4rem;
}

.page-flow .h4-page {
    margin: 4.8rem 0 1.6rem;
}

.page-flow .table-wrap {
    margin-top: .8rem;
}

.page-flow .contentArea01 ol {
    padding-left: 2.4rem;
    margin: 1.6rem 0;
}

.page-flow .contentArea01 ol li {
    list-style-type: decimal;
}

.pdf-wrap {
    margin-top: 36px;
}

.pdf {
    padding: 1.6rem 0 1.6rem 1.8rem;
}

.pdf span {
    padding-left: .8rem;
}

/*--------------------
    price
--------------------*/
.page-price .titleArea {
    background: url(../../images/price.jpg) no-repeat 50% bottom;
    background-size: cover;
}

.page-price .contentArea-inner {
    margin-bottom: 80px;
}

.page-price .h4-page {
    margin: 4.8rem 0 1.2rem;
}

.page-price .pdf-wrap {
    margin: 0;
}

.page-price .pdf-inner {
    margin-bottom: 3.2rem;
}

.page-price .table {
    margin-top: .8rem;
}

.page-price .tab_area label {
    width: 150px;
    font-weight: bolder;
    display: inline-block;
    margin: 0;
    padding: 12px 0;
    color: #8C8C8C;
    background: #f0f0f0;
    text-align: center;
    cursor: pointer;
    transition: ease 0.2s opacity;
    border-bottom: 1px solid rgba(0,0,0,0.02);
    border-right: 1px solid rgba(0,0,0,0.02);
}

.page-price .tab_area label.active {
    border: 1px solid rgba(0,0,0,0.02);
    border-top: 3px solid #3D8456;
    background: #fff;
    color: #333;
}

.tab_area label:hover {
    opacity: 0.5;
}

.tab_panel {
    display: none;
}

.tab_panel.active {
    display: block;
}

.page-price ol {
    padding-left: 2.4rem;
    margin: 1.6rem 0;
}

.page-price ol li {
    list-style-type: decimal;
}

/*--------------------
    recruit
--------------------*/
#page.page-recruit .catchArea {
    text-align: center;
    padding: 3.2rem 0 22rem;
}

.page-recruit .titleArea {
    background: url(../../images/recruit.jpg) no-repeat 50% bottom;
    background-size: cover;
}

.page-recruit .contentArea01 .contentArea-inner {
    padding: 2.4rem 0 5.6rem;
    position: relative;
}

.page-recruit .contentArea01 .contentArea-inner::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 -500%;
    padding: 0 500%;
    background: #f6fff2;
    z-index: -2;
}

.page-recruit .contentArea01 .about01 {
    position: relative;
}

.page-recruit .contentArea01 .about01-img {
    position: absolute;
    top: -180px;
    right: 0;
    z-index: -1;
}

.page-recruit .contentArea01 .about01 .h4-page {
    color: #333;
    font-size: 2.6rem;
    line-height: 5.6rem;
    text-shadow: 1px 1px 2px #fff, 1px 1px 2px #fff, 1px 1px 2px #fff;
}

.page-recruit .contentArea01 .about01 .about01-text p {
    width: 60%;
    margin: 3.6rem 0;
}

.page-recruit .contentArea01 .about02 .about02-item {
    position: relative;
    border-radius: 8px;
}

.page-recruit .contentArea01 .about02 .about02-item a {
    display: block;
    overflow: hidden;
    border-radius: 8px;
}

.page-recruit .contentArea01 .about02 .about02-item a:hover {
    opacity: 1;
}

.page-recruit .contentArea01 .about02 .about02-item a:hover img {
    transform:scale(1.2 , 1.2);
    transition: .8s all;
}

.page-recruit .contentArea01 .about02 .about02-item img {
    width: 100%;
    max-height: 120px;
    object-fit: cover;
    font-family: 'object-fit:cover;';
    transition: .8s all;
}

.page-recruit .contentArea01 .about02 .about02-item span {
    display: inline-block;
    font-size: 2.4rem;
    color: #fff;
    background: linear-gradient(transparent 80%, #FDECCC 65%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page-recruit .contentArea02 .merit {
    position: relative;
}

.page-recruit .contentArea02 .merit-wrap {
    padding: 1.6rem 0 14rem;
}

.page-recruit .contentArea02 .merit-text {
    background: rgba(255,255,255,0.90);
    border: 1px solid #eee;
    position: absolute;
    top: 80%;
    width: 85%;
    padding: 3rem 2.4rem;
    right: 0;
    text-align: left;
}

.page-recruit .contentArea02 .merit-text .h4-merit {
    position: relative;
    z-index: 1;
}

.page-recruit .contentArea02 .merit-text .h4-merit::before {
    position: absolute;
    top: 19px;
    left: -20px;
    display: block;
    content: "";
    width: 90px;
    height: 3px;
    border-top: 3px solid rgba(244,160,2,.4);
    transform: rotate(-45deg);
    z-index: -1;
}

.page-recruit .contentArea02 .merit02 .h4-merit::before {
    border-top: 3px solid rgba(2,244,224,.4);
}

.page-recruit .contentArea02 .merit03 .h4-merit::before {
    border-top: 3px solid rgba(54,244,2,.4);
}

.page-recruit .contentArea02 .merit-text .merit-ttl-no {
    display: block;
    font-family: 'Open Sans', sans-serif;
    text-shadow: 1px 1px 2px #fff, 1px 1px 2px #fff, 1px 1px 2px #fff;
    font-size: 4.8rem;
    position: absolute;
    top: -74px;
}

.page-recruit .contentArea02 .merit-text .merit-ttl {
    display: block;
    color: #333;
    font-size: 2rem;
}

.page-recruit .contentArea03 {
    position: relative;
    padding: 6.4rem 0 4.8rem;
}

.page-recruit .contentArea03::after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: "";
    width: 90%;
    height: 100%;
    background: #f6fff2;
    z-index: -1;
}

.page-recruit .contentArea03 .h4-page {
    font-size: 3.2rem;
    color: #333;
    padding: 3.2rem 0 2.4rem;
}

.page-recruit .contentArea03 .recruit {
    background: #fff;
    max-width: 950px;
    margin-right: auto;
    padding: 2.4rem 0;
}

.page-recruit .contentArea03 .recruit .contentArea-img {
    border: 3px solid #00aaea;
    max-width: 500px;
    margin: 0 auto 3.2rem auto;
    transition: .5s all;
}

.page-recruit .contentArea03 .recruit02 .contentArea-engage {
    border: 3px solid #000;
}

.page-recruit .contentArea03 .recruit02 .contentArea-indeed {
    border: 3px solid #2164f1;
}

.page-recruit .contentArea03 .recruit02 .contentArea-hellowork {
    border: 3px solid #092f94;
}

.page-recruit .contentArea03 .recruit01 .contentArea-img.active {
    border: 3px solid #40bfef;
}

.page-recruit .contentArea03 .recruit02 .contentArea-engage.active {
    border: 3px solid #404040;
}

.page-recruit .contentArea03 .recruit02 .contentArea-indeed.active {
    border: 3px solid #598bf4;
}

.page-recruit .contentArea03 .recruit .contentArea-img a {
    display: block;
    transition: .5s all;
}

.page-recruit .contentArea03 .recruit .contentArea-img a:hover {
    opacity: .75;
    transition: .5s all;
}

.page-recruit .contentArea03 .recruit .contentArea-hellowork a:hover {
    opacity: 1;
}

.page-recruit .contentArea03 .img-mynavi {
    max-width: 250px;
    padding: 2.4rem 0;
}

.page-recruit .contentArea03 .img-engage ,
.page-recruit .contentArea03 .img-indeed ,
.page-recruit .contentArea03 .img-hellowork {
    padding: 2.4rem 0;
    max-width: 100%;
}

.page-recruit .contentArea03 .recruit .contentArea-img p {
    display: block;
    padding: 1.2rem 0;
    color: #fff;
    font-weight: bold;
    transition: .5s all;
}

.page-recruit .contentArea03 .recruit .contentArea-img .p-mynavi {
    background: #00aaea;
}

.page-recruit .contentArea03 .recruit .contentArea-img .p-engage {
    background: #000;
}

.page-recruit .contentArea03 .recruit .contentArea-img .p-indeed {
    background: #2164f1;
}

.page-recruit .contentArea03 .recruit .contentArea-img .p-hellowork {
    background: #092f94;
}

/*--------------------
    contact
--------------------*/
#page.page-contact .catchArea {
    text-align: center;
    padding: 3.2rem 0 22rem;
}

.page-contact .titleArea {
    background: url(../../images/info.jpg) no-repeat 50% bottom;
    background-size: cover;
}

.page-contact .customer-text {
    margin: 1.6rem 0;
    padding: .8rem 0 .8rem 2.4rem;
    border-left: 1px solid #dee2e6;
}

.page-contact .customer-text p {
    font-weight: bold;
}

.page-contact .span-customer-text {
    color: #3A84CE;
}

.cform {
    margin: 0 auto;
}

.cform .required::after {
    display: block;
    content: "必須";
    width: 40%;
    max-width: 80px;
    font-size: 12px;
    color: #fff;
    background-color: #e4002b;
    text-align: center;
    margin-top: .4rem;
    padding: .4rem 0;
}

.cform .optional::after {
    display: block;
    content: "任意";
    width: 40%;
    max-width: 80px;
    font-size: 12px;
    color: #fff;
    background-color: #3A84CE;
    text-align: center;
    margin-top: .4rem;
    padding: .4rem 0;
}

.cform th {
    border-bottom: solid 1px #dee2e6;
    padding: 20px 0 20px 15px;
    font-weight: normal;
}

.cform td {
    line-height: 150%;
    border-bottom: solid 1px #dee2e6;
    padding: 20px 5px;
    vertical-align: middle;
}

.cform [type=submit] {
    display: inline-block;
    font-size: 20px;
    padding: 10px 30px;
    text-decoration: none;
    background: #ff8f00;
    color: #FFF;
    border-bottom: solid 4px #B17C00;
    border-radius: 3px;
}

.submit-btn input {
    background: #00142c;
    width: 60%;
    max-width: 550px;
    min-width: 220px;
    margin: 30px auto;
    display: block;
    border: 1px #00142c solid;
    text-align: center;
    padding: 5px;
    color: #fff;
    transition: all 0.4s ease;
}

.submit-btn input:hover {
    background: #fff;
    color: #00142c;
}

.contactForm input ,
.contactForm textarea {
    border: 1px solid #dee2e6;
}

.mx-100 {
    width: 100px !important;
    max-width: 100% !important;
}

.mx-300 {
    width: 300px !important;
    max-width: 100% !important;
}

.mx-500 {
    width: 500px !important;
    max-width: 100% !important;
}

/*--------------------
    links
--------------------*/
#page.page-links .catchArea {
    text-align: center;
    padding: 3.2rem 0 22rem;
}

.page-links .titleArea {
    background: url(../../images/info.jpg) no-repeat 50% bottom;
    background-size: cover;
}

.page-links link-item {
    padding: 2.4rem 1.6rem;
}

.page-links .link-ttl {
    font-size: 1.6rem;
    padding-left: 1.6rem;
}

/*--------------------
    sitemap
--------------------*/
#page.page-sitemap .catchArea {
    text-align: center;
    padding: 3.2rem 0 22rem;
}

.page-sitemap .titleArea {
    background: url(../../images/info.jpg) no-repeat 50% bottom;
    background-size: cover;
}

#page.page-sitemap li.page_item {
    list-style-type: none;
    line-height: 42px;
}

/*--------------------
    policy
--------------------*/
#page.page-policy .catchArea {
    text-align: center;
    padding: 3.2rem 0 22rem;
}

.page-policy .titleArea {
    background: url(../../images/info.jpg) no-repeat 50% bottom;
    background-size: cover;
}

.page-policy h2 {
    font-weight: 500;
}

/*--------------------
    error
--------------------*/
#page.page-error .catchArea {
    text-align: center;
    padding: 3.2rem 0 22rem;
}

.page-error .titleArea {
    background: url(../../images/info.jpg) no-repeat 50% bottom;
    background-size: cover;
}

.btnTop-wrap {
    margin: 1.6rem auto 8rem;
    text-align: center;
}

.btnTop {
    display: inline-block;
    background: #00142c;
    border: 1px solid #00142c;
    text-align: center;
    padding: 1rem 4.8rem;
    color: #fff;
    font-weight: 400;
    transition: all 0.4s ease;
}

.btnTop:hover {
    color: #333;
    background: #FFF;
    border: 1px solid #dee2e6;
}


/* ============================================
// PCのみ
// ==========================================*/
@media screen and (min-width: 992px) {

    /* ============================================
    // base
    // ==========================================*/

    .borderOrange {
        margin: 0 0 2.4rem 0;
    }

    .overlay-show .wrapper::after {
        opacity: 1;
        visibility: visible;
    }

    /*--------------------
        philosophy
    --------------------*/
    .page-philosophy .contentArea03 .contentArea-img {
        position: relative;
    }

    .page-philosophy .contentArea03 .contentArea-img::before {
        display: block;
        content: "";
        width: 350px;
        height: 350px;
        background: #FFF8E8;
        position: absolute;
        z-index: -1;
        top: -100px;
        left: -170px;
    }

    .page-philosophy .contentArea03 .contentArea-img {
        margin-top: 100px;
    }

    /*--------------------
        environment
    --------------------*/
    .page-environment .contentArea01 .img-fluid ,
    .page-environment .contentArea02 .img-fluid {
        max-width: 85%;
    }

    /*--------------------
        facility
    --------------------*/
    .page-facility .contentArea01 .contentArea-img {
        position: relative;
    }

    .page-facility .contentArea01 .contentArea-img::after {
        display: block;
        content: "";
        width: 500px;
        height: 350px;
        background: #F0FAFF;
        position: absolute;
        top: -59px;
        left: -63px;
        z-index: -1;
    }
    .page-facility .contentArea02 .contentArea-img {
        position: relative;
    }
    .page-facility .contentArea02 .contentArea-img::after {
        display: block;
        content: "";
        width: 500px;
        height: 350px;
        background: #fcdeee;
        position: absolute;
        top: -59px;
        left: -63px;
        z-index: -1;
    }
    .page-facility .contentArea03 .contentArea-wrap {
        padding: 0 8.8rem;
    }

    .page-facility .contentArea03 .contentArea-item01 , .page-facility .contentArea03 .contentArea-item03 {
        max-width: 350px;
        margin-left: auto;
    }

    .page-facility .h4-page , .page-facility .table-company-history {
        float: left;
    }

    .page-facility .table-company-history {
        margin-left: 80px;
    }

    /*--------------------
        flow
    --------------------*/
    .page-flow .contentArea01 .contentArea-img:nth-child(2) ,
    .page-flow .contentArea02 .contentArea-text ,
    .page-flow .contentArea03 .contentArea-text {
        margin-top: 5.6rem;
    }

    .page-flow .contentArea01 .contentArea-text {
        margin-top: 26.4rem;
    }

    .page-flow .contentArea02 .contentArea-img:last-child ,
    .page-flow .contentArea03 .contentArea-img:last-child {
        margin-top: 6.4rem;
    }

    /* ============================================
    //topPage
    // ==========================================*/

    .newsbox p {
        display: table;
    }

    .sectionConceptInner .itemBlock p {
        margin-top: 4.8rem;
        margin-bottom: 8.8rem;
    }

    /*--------------------
        features
    --------------------*/

    .sectionFeaturesInner h2 {
        margin-bottom: 7.2rem;
    }

    .itemFeatures01 {
        margin-bottom: 19.2rem;
    }

    /*--------------------
        about
    --------------------*/
    .sectionAboutInner {
        padding: 4.8rem 0;
    }

    /*--------------------
        service
    --------------------*/
    .itemServiceInner01 {
        padding-right: 5.6rem;
    }

    .itemServiceInner02 {
        padding-left: 5.6rem;
    }

    /* ============================================
    // header
    // ==========================================*/

    .glnavi > ul {
        display: flex;
        display: -ms-flexbox;
        align-items: center;
        -ms-flex-align: center;
    }

    .g-nav6 a {
        background: #3A84CE;
        border: 1px solid #3A84CE;
        border-radius: 5px;
        padding: 24px 50px !important;
        margin-left: 1.6rem;
        transition: background .3s;
        color:#fff;
    }

    .g-nav6 a:hover {
        color: #fff;
        opacity: 1;
        background: #3A84CE;
    }

    .nav-dropdown {
        display: none;
        width: 100%;
        background: #fff;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        text-align: left;
        border: 1px solid #f8f8f8;
    }

    .nav-dropdown p {
        font-size: 14px;
    }

    .nav-dropdown-inner {
        box-sizing: border-box;
        display: table;
        position: relative;
        width: 100%;
        z-index: 5;
    }

    .nav-dropdown-left {
        display: table-cell;
        width: 40rem;
        padding: 4.8rem;
        background: #DDF0E4;
        vertical-align: top;
    }

    .nav-dropdown-left p.ttl_en {
        font-size: 10px;
        font-weight: normal;
        font-family: 'Open Sans', sans-serif;
        color: #3A84CE;
    }

    .nav-dropdown-left p.ttl {
        font-size: 24px;
        font-weight: bold;
    }

    .nav-dropdown-left .ttl:after {
        content: '';
        display: block;
        width: 2.4rem;
        height: .2rem;
        margin: 2.4rem 0;
        background: #3A84CE;
    }

    .nav-dropdown-right {
        display: table-cell;
        padding: 4.8rem 0;
        background: #fff;
    }

    .nav-dropdown-right .img img {
        width: 220px;
        height: auto;
        border: #e5e5e5 solid 1px;
    }

    .nav-dropdown-right .txt {
        margin-top: .8rem;
        width: 220px;
    }

    .nav-dropdown-right .txt p.ttl {
        position: relative;
        font-weight: normal;
        font-weight: 500;
    }

    .nav-dropdown-right p.ttl::after {
        content: "";
        display: inline-block;
        width: 30px;
        height: 5px;
        background: url(../../images/bg/icon-arrow.svg) center center no-repeat;
        margin: 0 0 3px 6px;
    }

    li.g-nav5 .nav-dropdown-right {
        padding: 0;
    }

    li.g-nav5 .nav-dropdown-right  li {
        display: inline-block;
        padding: 1.6rem 0 1.6rem 1.6rem;
    }

    /* ============================================
    // footer
    // ==========================================*/

    /* ========================================
    // 下層ページ
    // ======================================*/

}


/* ============================================
// タブレット
// ==========================================*/
@media screen and (max-width: 991.98px) {

    /* ========================================
    // base
    // ======================================*/

    body {
        font-size: 1.4rem;
    }

    h2 {
        font-size: 1.8rem;
        margin: 2.4rem 0 1.6rem 0;
    }

    h3 {
        font-size: 1.6rem;
    }

    /* ============================================
    // header
    // ==========================================*/

    /*--------------------
    globalnavi
    //------------------*/
    .headerInner {
        padding: .8rem 1.6rem;
        transition: .4s;
    }

    .headerInner.active {
        background: #fff;
        display: block;
    }

    .companyLogo img {
        width: 160px;
    }

    .navMENU {
        display: block;
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        width: 6rem;
        height: 100%;
        cursor: pointer;
    }

    .navMENU span {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2rem;
        height: .2rem;
        margin-left: -1rem;
        background: #333;
    }

    .navMENU span.line_1 {
        margin-top: -.9rem;
    }

    .navMENU span.line_2 {
        margin-top: -.1rem;
    }

    .navMENU span.line_3 {
        margin-top: .7rem;
    }

    .glnavi {
        display: none;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background: #f5f5f5;
        z-index: 9999;
        overflow-y: scroll;
        padding: 30px 15%;
    }

    .glnavi >ul >li > a ,
    .glnavi .nav-dropdown-left .text ,
    .glnavi .nav-dropdown-right .img ,
    .glnavi .nav-dropdown-right .pc {
        display: none;
    }

    .glnavi .g-nav6 a {
        display: block;
        font-weight: normal;
        padding: 0;
    }

    .glnavi .nav-dropdown-left {
        font-size: 1.6rem;
        display: flex;
        border-bottom: 1px solid #ddd;
        padding-bottom: 1rem;
    }

    .glnavi .nav-dropdown-left .ttl {
        font-weight: bold;
    }

    .glnavi .nav-dropdown-left .ttl_en {
        color: #3A84CE;
        margin-right: 10px;
    }

    .glnavi .nav-dropdown-right ul.identity-list {
        display: block !important;
        padding: 10px 0;
        margin-bottom: 20px;
    }

    .g-nav5 .nav-dropdown-right ul.identity-list {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .glnavi .nav-dropdown-right ul.identity-list li {
        margin: 10px 0;
    }

    .glnavi .nav-dropdown-right ul.identity-list a.sub-link::before,
    .g-nav6 a::before {
        content: "\f105";
        font-family: "Font Awesome 5 Free";
        margin-right: 10px;
        font-weight: 900;
    }

    /* ============================================
    // footer
    // ==========================================*/

    .common_contact h2 {
        font-size: 2rem;
        margin-bottom: 1.6rem;
    }

    .common_contact .tel {
        font-size: 3.2rem;
        margin-bottom: 2.4rem;
    }

    .common_contact .tel span::before {
        position: static;
        width: 20px;
        height: 20px;
        transform: none;
        margin-right: 6px;
    }

    .common_contact ul.btn_list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .common_contact ul.btn_list li.btn01 {
        margin-bottom: 10px;
    }

    .footerInner {
        background: none;
    }

    .footerInner h2 {
        display: none;
    }

    .footerInner ul li {
        border-bottom: 1px solid #d2d2d2;
        margin: 0 -500%;
        padding: .8rem 500%;
    }

    /* ============================================
    //topPage
    // ==========================================*/

    /*--------------------
    mainVisual
    //------------------*/

    .catchCopy {
        top: 90px;
    }

    .slide-img {
        height: calc(100vh - 100px);
        min-height: 500px;
    }

    .slide-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: 'object-fit:cover;';
    }

    /*--------------------
    concept
    --------------------*/
    #top .mainContentArea::before {
        background-size: auto 35%;
        top: -20px;
    }

    .sectionConceptInner .pictureCenterInner::after {
        display: none;
    }

    .sectionConceptInner .itemBlock h2 {
        font-size: 1.8rem;
        line-height: 3.2rem;
        margin: 4.8rem 0 3.2rem;
    }

    /*--------------------
    features
    --------------------*/

    .itemFeatures {
        margin: 2.8rem auto 6.8rem;
    }

    .featuresPic01 ,
    .featuresPic03 ,
    .featuresPic04 {
        width: 100%;
        max-width: 315px;
    }

    .featuresPic02 {
        display: none !important;
    }

    .itemFeatures01 .itemFeaturesPic::after {
        top: 97px;
    }

    .itemFeatures02 .itemFeaturesPic::after {
        width: 200px;
        height: 130px;
        top: 111px;
        left: 165px;
    }

    .itemFeatures03 .itemFeaturesPic::after {
        width: 180px;
        height: 120px;
        bottom: 50px;
        right: 270px;
    }

    /*--------------------
    about
    --------------------*/
    .sectionAbout h2 {
        font-size: 2.4rem;
    }

    .sectionAboutInner {
        padding: 2.4rem 0;
    }

    .itemAbout-img {
        min-height: 150px;
    }


    /* ============================================
    //下層ページ
    // ==========================================*/
    #page h1 {
        font-size: 4rem;
    }

    #page h1 span {
        font-size: 1.2rem;
    }

    #page h2.catchArea-ttl {
        font-size: 2.4rem;
    }

    p.titleArea-lead {
        font-size: 1.6rem;
    }



    #page .table th , #page .table td {
        display: block;
        width: 100%;
    }

    #page .titleArea-wrap {
        padding: 120px 25px 40px;
    }

    /*--------------------
    philosophy
    --------------------*/
    .page-philosophy .contentArea03 p.contentArea-text-catch {
        font-size: 1.6rem;
    }

    .page-philosophy .contentArea03 p.contentArea-text-catch::before {
        top: 30px;
        left: 30px;
    }

    .page-philosophy .contentArea03 p.contentArea-text-catch::after {
        bottom: 30px;
        right: -5px;
    }


    /*--------------------
    facility
    --------------------*/
    .page-facility .h4-page {
        font-size: 2.4rem;
        margin-bottom: 2.4rem;
    }

    #page.page-facility .ul-history {
        width: 100%;
    }

    #page.page-facility .li-history {
        padding-left: 0;
    }

    /*--------------------
    environment
    --------------------*/
    .page-environment .contentArea03 .contentArea-inner {
        padding: 0;
    }

    .page-environment .contentArea03 .contentArea-img {
        padding: 0 2.4rem 3.2rem 2.4rem;
    }

    /*--------------------
    flow
    --------------------*/
    .page-flow .h4-page {
        margin: 0 0 1.6rem;
    }

    .page-flow img.step {
        width: 100px;
    }

    /*--------------------
    recruit
    --------------------*/
    #page.page-recruit .catchArea {
        padding: 3.2rem 0 16rem;
    }

    .page-recruit .contentArea01 .about01 .h4-page {
        font-size: 2.4rem;
        line-height: 4.8rem;
    }

    .page-recruit .contentArea01 .about01-img {
        top: -100px;
    }

    .page-recruit .contentArea01 .about02 .about02-item span {
        font-size: 2rem;
    }

    .page-recruit .contentArea02 .merit-wrap {
        padding: 1.6rem 0 18rem;
    }

    .page-recruit .contentArea03 .recruit {
        max-width: 620px;
    }

    .page-recruit .contentArea03 .h4-page {
        font-size: 2.4rem;
    }


    /* ============================================
    //アーカイブ、投稿ページ
    // ==========================================*/
    .dropdown {
        margin-bottom: 2.4rem;
    }

    #archive .titleArea-wrap ,
    #single .titleArea-wrap {
        padding: 120px 25px 40px;
    }

    #archive .postList li a {
        flex-wrap: wrap;
    }

    #archive .postList li a .news-head {
        width: 100%;
        margin-bottom: 2rem;
    }

    #archive .postList li a .title {
        padding-left: .8rem;
    }
}


/* ============================================
// スマホ
// ==========================================*/
@media screen and (max-width: 767.98px) {

    /* ========================================
    // base
    // ======================================*/

    h3 {
        margin: 1.6rem 0 .8rem 0;
    }
    .pcOnly {
        display: none !important;
    }

    .smOnly {
        display: inline-block !important;
    }

    .pagetop {
        display: none !important;
    }

    .img-fluid {
        padding: .8rem 0;
    }

    .btnMore-orange {
        font-size: 12px;
    }

    .mx-100 {
        width: 80px !important;
        max-width: 100%;
    }

    .mx-300,
    .mx-500 {
        width: 100% !important;
    }

    /* ============================================
    //topPage
    // ==========================================*/

    /*--------------------
    mainVisual
    //------------------*/

    #slide01 > img {
        object-position: right;
    }

    .catchCopy {
        top: 80px;
        left: 30px;
    }

    .catchCopy span {
        font-size: 1.2rem;
    }

    .mvBtn {
        position: static;
        transform: none;
    }

    .mvBtn ul {
        display: flex;
        width: 100vw;
    }

    .mvBtn ul li {
        width: 50%;
    }

    .mvBtn ul li a::before {
        margin-bottom: 0;
        margin-right: 10px;
    }

    .headerRecruit,
    .headerAccess {
        max-height: 24rem;
        color: #fff;
        writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
    }

    .headerRecruit {
        background: #3A84CE;
        top: 70%;
        right: 0;
    }

    .headerAccess {
        margin-top: 0;
    }

    .headerRecruit a,
    .headerAccess a {
        padding: 1.6rem 1.2rem;
        text-align: center;
    }

    .newsbox {
        bottom: 80px;
        left: 10px;
    }

    .newsbox .newsbox-ttl {
        padding-bottom: .8rem;
    }

    .newsbox .newsbox-date {
        display: none;
    }

    .newsbox .newsbox-txt {
        display: table;
    }

    /*--------------------
    concept
    --------------------*/
    #top .mainContentArea::before {
        background-size: auto 15%;
        top: -20px;
    }

    /*--------------------
    features
    --------------------*/
    .sectionFeatures {
        background-image: none;
    }

    .featuresPic01,
    .featuresPic02,
    .featuresPic03,
    .featuresPic04,
    .featuresPic05 {
        display: block;
        position: static;
        width: 100%;
        object-fit: cover;
        font-family: 'object-fit:cover;';
    }

    .featuresPic01 {
        padding-bottom: 10px;
    }

    .itemFeaturesText p {
        width: 100%;
    }

    .itemFeaturesPic::after {
       display: none;
    }

    /*--------------------
    about
    --------------------*/
    .sectionAbout .itemAbout {
        margin: 0 auto 3.2rem auto;
        max-width: 300px;
    }

    /*--------------------
    service
    --------------------*/
    .serviceImg {
        background: url("../../images/service01_sp.jpg") no-repeat center center;
        background-size: cover;
        min-height: 300px;
    }

    .serviceImg02 {
        background: url("../../images/service02_sp.jpg") no-repeat center center;
        background-size: cover;
    }

    .itemService01,
    .itemService02 {
        display: block;
    }

    .itemAboutInner {
        padding: 1.6rem 0;
    }

    .itemService01 {
        background-size: 100%;
        background-position: -35px 0;
    }

    .itemService02 {
        background-position: 10px -60px;
    }


    /* ============================================
    //下層ページ
    // ==========================================*/
    #page h1,
    #archive h1,
    #single h1 {
        font-size: 3rem;
        line-height: 4.2rem;
    }

    #page h1 span,
    #archive h1 span,
    #single h1 span {
        font-size: 1rem;
    }

    #page h2.catchArea-ttl,
    #archive h2.catchArea-ttl,
    #single h2.catchArea-ttl{
        font-size: 2rem;
    }

    #page h3.h3-page,
    #archive h3.h3-page,
    #single h3.h3-page {
        font-size: 1.8rem;
        margin: 0 0 .8rem;
    }

    p.titleArea-lead {
        font-size: 1.4rem;
    }

    #page .titleArea-wrap,
    #archive .titleArea-wrap,
    #single .titleArea-wrap {
        padding: 98px 25px 40px;
    }

    #page .catchArea,
    #archive .catchArea,
    #single .catchArea {
        padding-bottom: 7rem;
    }

    #page .contentArea,
    #archive .contentArea,
    #single .contentArea {
        margin-bottom: 80px;
    }

    .breadcrumbs {
        padding-left: 2.4rem;
        margin: 1.2rem 0 2.4rem;
    }

    .breadcrumbs span {
        font-size: 1rem;
    }

    /*--------------------
    philosophy
    --------------------*/
    .page-philosophy p.contentArea-text-catch {
        font-size: 1.6rem;
    }

    .page-philosophy .contentArea03 p.contentArea-text-catch::before {
        top: 10px;
        left: 0px;
    }

    .page-philosophy .contentArea03 p.contentArea-text-catch::after {
        bottom: 8px;
        right: 10px;
    }

    /*--------------------
    facility
    --------------------*/
    .page-facility .table-company-history th {
        min-width: 60px;
    }

    /*--------------------
    features
    --------------------*/
    .page-features .contentArea01 .contentArea-text {
        width: 90%;
        background: rgba(255,255,255,0.9);
        padding: 1.6rem;
        position: absolute;
        top: 30px;
        left: 0;
        transform: none;
    }

    .page-features .contentArea02 {
        padding: 0;
        padding-bottom: 3.2rem;
    }

    /*--------------------
    stayservice
    --------------------*/
    .page-stayservice .item-program {
        padding: 2.4rem 0 1.6rem;
    }

    .page-stayservice .item-img01 {
        padding: 0;
    }

    /*--------------------
    homeservice
    --------------------*/
    .page-homeservice .item-img {
        padding: 0;
    }

    .page-homeservice .item-program {
        padding: 2.4rem 0 1.6rem;
    }

    /*--------------------
    environment
    --------------------*/
    .page-environment .contentArea02 {
        margin-top: 40px;
    }

    .page-environment .contentArea02 .contentArea-img {
        order: 1;
    }

    .page-environment .contentArea02 .contentArea-text {
        order: 2;
    }

    .page-environment .contentArea03 .contentArea-inner {
        margin: 0;
        padding: 0;
    }

    .page-environment .contentArea03 .h4-page {
        margin-top: 0;
    }

    .page-environment .contentArea03 .contentArea-img {
        padding: 0;
        margin-bottom: 40px;
    }

    .page-environment .contentArea03 .contentArea-img:last-child {
        margin-bottom: 0;
    }

    /*--------------------
    event
    --------------------*/
    .page-event .catch {
        line-height: 28px;
    }

    /*--------------------
    flow
    --------------------*/
    .page-flow .h4-page {
        margin-top: 0;
    }

    .page-flow img.step {
        padding: .8rem 0 2.4rem;
    }

    .page-flow .pdf-wrap {
        margin-top: 30px;
    }

    .page-flow .contentArea-inner {
        position: relative;
    }

    .page-flow .contentArea02 ,
    .page-flow .contentArea03 ,
    .page-flow .contentArea04 {
        margin-top: 10rem;
    }

    .page-flow .step-wrap {
        position: absolute;
        top: -70px;
        left: 245px;
    }

    /*--------------------
    contact
    --------------------*/
    .cform {
        border: 1px solid #dee2e6;
        border-bottom: none;
    }

    .cform th,
    .cform td {
        width: 100%;
        display: block;
    }

    .cform th {
        background: #F0F0F0;
    }

    .cform td {
        padding: 20px 16px;
    }

    .cform .required::after,
    .cform .optional::after {
        display: inline-block;
        margin-left: .8rem;
    }

    /*--------------------
    link
    --------------------*/
    .page-links h3.h3-page {
        margin: 0 0 1.6rem !important;
    }

    .page-links .contentArea03 .link-item {
        margin-bottom: 3.2rem;
    }

    /*--------------------
    recruit
    --------------------*/
    #page.page-recruit .catchArea {
        padding: 3.2rem 0 7rem;
    }

    .page-recruit .contentArea01 .about01-img {
        position: static;
        order: 1;
    }

    .page-recruit .contentArea01 .about01-text {
        order: 2;
    }

    .page-recruit .contentArea01 .about01 .about01-text p {
        width: 100%;
        margin: 2.4rem 0 6.4rem;
    }

    .page-recruit .contentArea02 .merit-wrap {
        padding: 1.6rem 0 12rem;
    }

    .page-recruit .merit-wrap div.merit {
        margin-bottom: 18rem;
        padding-bottom: 0;
    }

    .page-recruit .merit-wrap div.merit03 {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .page-recruit .contentArea02 .merit-text {
        right: 10px;
    }

    .page-recruit .contentArea03::after {
        width: 100%;
    }


    /* ============================================
    //アーカイブ、投稿ページ
    // ==========================================*/
    .dropdown {
        margin-bottom: 1.6rem;
    }

    #archive .postList {
        margin-bottom: 3.2rem;
    }

    .wp-pagenavi-wrap {
        padding-bottom: 8rem;
    }

    .wp-pagenavi .pages {
        margin-right: 3.3rem;
    }

    #side {
        margin-bottom: 5.6rem;
    }

    .archive-kikanshi #side {
        margin-bottom: 80px;
    }

    #single article.post {
        margin-bottom: 80px;
    }
}
.Box {
	position: relative;
	border: 1px solid #dedede;
	display: block;
	overflow: hidden;
	background-color: #fff;
	border-radius: 4px;
	margin-bottom: 16px;
}

.Box a {
	text-decoration: none;
	display: block;
	overflow: hidden;
	}


.Boxes {
	position: relative;
	border: 1px solid #dedede;
	display: block;
	overflow: hidden;
	background-color: #fff;
	border-radius: 4px;
	margin-bottom: 16px;
	padding: 24px;
}



.Boxes h1 {
	font-size: 1.72rem;
	line-height: 1.4;
	margin-bottom: 8px;
	font-weight: 400;
	color: #d56c68;
	}


.more_site a {
	background: #fff url(../img/module/icon/icon_window_v1.svg) no-repeat 98% 50%;
	background-size: 12px auto;
	padding: 12px 64px 12px 12px;
	transition: all .3s;
	color: #d56c68;
}

.more_site a:hover {
	background: #f7e5e5 url(../img/module/icon/icon_window_v1.svg) no-repeat 98% 50%;
	background-size: 12px auto;
	transition: all .3s;
	padding: 12px 64px 12px 12px;
	color: #d56c68;
}

.more_pdf a:hover {
	background: #f7e5e5 url(../img/icon_pdf_v1.svg) no-repeat 98% 50%;
	background-size: 24px auto;
	transition: all .8s;
	color: #d56c68;
}
.more_link a {
    background-size: 24px auto;
    transition: all .8s;
    padding: 12px 64px 12px 12px;
    color: #d56c68;
}
.more_link a:hover {
    background: #f7e5e5;
    transition: all .8s;
    color: #d56c68;
}
.more_pdf a {
    background: #fff url(../img/icon_pdf_v1.svg) no-repeat 98% 50%;
    background-size: 24px auto;
    transition: all .8s;
    padding: 12px 20px 12px 12px;
    color: #d56c68;
	}
.Box a {
    text-decoration: none;
    display: block;
    overflow: hidden;
	}

	/* base*/
	.flowBlock .block {
		position: relative;
		width: 100%;
		align-items: center;
		display: -webkit-flex;
		display: flex;
	}


	.flowBlock {
		position: relative;
		display: block;
	}


	.flowBlock .blockAdd {
		flex-basis: 350px;
		width: 350px;
		min-width: 350px;
		height: auto;
		display: inline;
		padding: 24px 12px 24px 24px;
	}

	.flowBlock .blockText {
		flex-basis: auto;
		width: auto;
		display: inline;
		padding: 24px;
		border-left: 1px solid #dedede;
		border-top: none;
	}

	.flowInfo {
		position: absolute;
		top: 12px;
		left: 54%;
		color: #7c7979;
		border: 1px solid #dedede;
		text-align: center;
		border-radius: 50px;
		display: inline-block;
		padding: 4px 8px;
		font-size: 1.38rem;
	}


.grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
	}
.ph_2column .cell {
    width: 48.6%;
}
.ph_2column .cell {
    margin-bottom: 16px;
	}
.more_detail, .more_site, .more_pdf,.more_link {
    border: 1px solid #dedede;
    border-radius: 4px;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transition-timing-function: cubic-bezier(0, 1.01, 0.47, 1);
    transition-timing-function: cubic-bezier(0, 1.01, 0.47, 1);
    width: 100%;
    overflow: hidden;
    margin-bottom: 8px;
	}
.cp_arrows *, .cp_arrows *:before, .cp_arrows *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_arrows {
	position: relative;
	display: flex;
	height: 200px;
	margin: 2em auto;
  margin-top:-50px;
	justify-content: center;
	align-items: center;
}
.cp_arrows .cp_arrow {
	position: absolute;
	left: 50%;
	width: 60px;
	height: 10px;
	-webkit-transform: scale(0.3);
	        transform: scale(0.3);
	-webkit-animation: arrow-move07 3s ease-out infinite;
	        animation: arrow-move07 3s ease-out infinite;
	opacity: 0;
}
.cp_arrows .cp_arrow:first-child {
	-webkit-animation: arrow-move07 3s ease-out 1s infinite;
	        animation: arrow-move07 3s ease-out 1s infinite;
}
.cp_arrows .cp_arrow:nth-child(2) {
	-webkit-animation: arrow-move07 3s ease-out 2s infinite;
	        animation: arrow-move07 3s ease-out 2s infinite;
}
.cp_arrows .cp_arrow:before,
.cp_arrows .cp_arrow:after {
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	content: '';
	border-radius: 2px;
	background: #2196f3;
}
.cp_arrows .cp_arrow:before {
	left: 1px;
	-webkit-transform: skewY(30deg);
	        transform: skewY(30deg);
}
.cp_arrows .cp_arrow:after {
	right: 1px;
	width: 50%;
	-webkit-transform: skewY(-30deg);
	        transform: skewY(-30deg);
}
@-webkit-keyframes arrow-move07 {
	25% {
		opacity: 0.6;
	}
	43.75% {
		-webkit-transform: translateY(1em);
		        transform: translateY(1em);
		opacity: 0.8;
	}
	62.5% {
		-webkit-transform: translateY(2em);
		        transform: translateY(2em);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(3em) scale(0.5);
		        transform: translateY(3em) scale(0.5);
		opacity: 0;
	}
}
@keyframes arrow-move07 {
	25% {
		opacity: 0.6;
	}
	43.75% {
		-webkit-transform: translateY(1em);
		        transform: translateY(1em);
		opacity: 0.8;
	}
	62.5% {
		-webkit-transform: translateY(2em);
		        transform: translateY(2em);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(3em) scale(0.5);
		        transform: translateY(3em) scale(0.5);
		opacity: 0;
	}
	}
	.box-baigie{
		background:rgba(245, 245, 220,0.5);
		border-radius:20px;
		box-shadow: 5px 5px 5px 10px rgba(0,0,0,0.2,rgba(245, 245, 220,0.5));
		padding:15px 30px;
	}
.table-blue{
  width:100%;
  background:#ffffff;
  margin:30px 0px;
}
.table-blue th,.table-blue td{
  border:1px solid #efefef;
  padding:15px;
  text-align:center;
  background:#ffffff;
}
.table-blue th{
  text-align:center;
  font-size:130%;
  background:#3A84CE;
  color:#ffffff;
}
.btn-blue{
  display:block;
  background:#3A84CE;
  color:#ffffff;
  font-size:18px;
  padding:15px;
}
.btn-blue.act{
  background:#ffffff;
  color:#3A84CE;
  border:1px solid #3A84CE;
}
// CSS
.accordion-menu {
   margin: 0 0 60px 0;
   border: 2px solid #ffffff;
}
.accordion-menu dt {
   border-top: 2px solid #ffffff;
   background: #3A84CE;
   padding: 10px;
   color: #ffffff;
   position:relative;
}
.accordion-menu dt:first-child {
   border-top: none;
}
.accordion-menu dd {
  display: none;
  background: #e0eff5;
  padding: 10px;
  color: #222222;

}
.accordion-menu h4{
  color:#fff;
}

.accordion-menu dt.open::before, .accordion-menu dt.open::before {
    transform: rotate(
180deg);
}
.accordion-menu dt::before, .accordion-menu dt::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    width: 15px;
    height: 2px;
    transform: rotate(
90deg);
    background: #fff;
    transition: all .3s ease-in-out;
}
.accordion-menu dt::after, .accordion-menu dt::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    width: 15px;
    height: 2px;
    background: #fff;
    transition: all .2s ease-in-out;
}
.news a.thumbnail-img{
  display:flex;
  flex-direction:row;
  justify-content: center;
  align-items:center;
  margin-bottom:10px;
}
.thumbnail-img img{
  height:150px;
  width:auto;
}
.copryright{
  padding-bottom:10px;
}
p.title{
  font-size:16px;
  max-height: 60px;
  min-height: 60px;
  overflow: hidden;
}