@charset "utf-8";
/*
Theme Name: WPtemp
Description: original theme
*/
body {font-family: 'Noto Sans','Century Gothic', "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;-webkit-text-size-adjust: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size: .9rem;line-height: 1.8rem;letter-spacing: .1rem;color: black;font-weight: 500;}h1, h2, h3, h4, h5 {font-weight:normal;}#li01,#li02,#li03,#li04,#li05,#li06,#li07 {display: inline-block; padding-top: 80px; margin-top: -80px;}
a {cursor:pointer;color:black;text-decoration: none;}
a:hover,a:focus,a:active {transition: all 0.2s ease;color:#b9c84d;outline: none;}
b{font-weight: normal}section,p {padding: 0;margin: 0;}ol,ul{padding: 0;}ol,ul li{list-style:none;}ol,ul li{list-style:none;}img {border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; width :auto;}

.row {max-width: 1280px;margin: 0 auto;}

/*EnglishFont*/
.en { font-family: "Noto Sans", serif;  font-optical-sizing: auto;  font-weight: 800;  font-style: bold; font-variation-settings: "wdth" 100;}
  
/*fadeAnimation*/
.fadein{animation-name:fadeinAnime;animation-duration:1s;animation-fill-mode:forwards;opacity:0;}
@keyframes fadeinAnime{from {opacity: 0;}to {opacity: 1;}}
.fadeup{animation-name:fadeupAnime;animation-duration:0.5s;animation-fill-mode:forwards;opacity:0;}
@keyframes fadeupAnime{from {opacity: 0;transform: translateY(100px);}to {opacity: 1;transform: translateY(0);}}
.blurT,.zoomOut{opacity: 0;}
.blur{animation-name:blurAnime;animation-duration:1s;animation-fill-mode:forwards;}
@keyframes blurAnime{from {filter: blur(10px);transform: scale(1.02);opacity: 0;}to {filter: blur(0);transform: scale(1);opacity: 1;}}
.zoomout{animation-name:zoomoutAnime;animation-duration:0.5s;animation-fill-mode:forwards;}
@keyframes zoomoutAnime{from {transform: scale(1.2);opacity: 0;}to {transform:scale(1);opacity: 1;}}
.delay05{animation-delay: .5s;}.delay10{animation-delay: 1s;}.delay15{animation-delay: 1.5s;}

/* BTN */
.btnB,.navbtn,.navbtn,.wp-block-button__link,.lineBtn,.squBtn {width: 100%;cursor: pointer;transition: all 0.2s;display: inline-block;}
.btnB{padding: .5rem 1rem;margin: 1rem 0;border-radius: .5rem;}
.btnB,.btnBM,.navbtn,.wp-block-button__link {color: white;}
.btnB:hover,.btnB:focus,.btnB:active,.navbtn:hover,.navbtn:focus,.navbtn:active,.btnBM:hover,.btnBM:focus,.btnBM:active,.wp-block-button__link:hover,.wp-block-button__link:focus,.wp-block-button__link:active{color: white;}
.btnBM {cursor: pointer;transition: all 0.2s;display: inline-block;font-weight: 500;font-size: .8rem;padding: .2rem 2rem;margin: 1rem 0;border-radius: .5rem;}
.wp-block-button__link {font-size:.75rem;padding: 1rem .2rem;letter-spacing: .05rem;border-radius: .3rem;}

.cateBtn { position: relative; text-align: center; padding:2rem 0;}
.cateBtn::before, .cateBtn::after { position: absolute; content: ''; width: 25px; height: 25px;}
.cateBtn::before { left: 0;top: 2.2rem; border-top: #9fa291 solid 2px; border-left: #9fa291 solid 2px; transform:rotate(-45deg);}
.cateBtn::after {right: 0;bottom:2.2rem;border-right: #9fa291 solid 2px;border-bottom: #9fa291 solid 2px;transform:rotate(-45deg);}
.cateBtn a {color:#9fa291;font-size:.9rem;}

.greBtn {color: white;border-radius: .5rem;padding:.8rem 1.5rem;font-size:.7rem;margin:1rem 0;}
.lineBtn{border:#b9c84d 1px solid;color:#b9c84d;}
.squBtn{color:white;}

@media (any-hover: none) {
  .navbar a.navBtn:hover, .navbar a.navBtn:focus,.greBtn:hover,.greBtn:focus,.squBtn:hover,.squBtn:focus{background: black;}
  .cateBtn a:hover, .cateBtn a:focus{color:#b9c84d; }
.lineBtn:hover,.lineBtn:focus,.btnBM:hover,.btnBM:focus{background:#b9c84d;color:white;}
  }
@media (any-hover: hover) {
  .navbar a.navBtn:hover, .navbar a.navBtn:focus,.greBtn:hover,.greBtn:focus,.squBtn:hover,.squBtn:focus{background: black;}
  .cateBtn a:hover, .cateBtn a:focus{color:#b9c84d; }
.lineBtn:hover,.lineBtn:focus,.btnBM:hover,.btnBM:focus{background:#b9c84d;color:white;}
  }
  

/*     Navigation     */
.navbar {background-color: rgba(255, 255, 255,.4);padding: .5rem;line-height: 0.7rem;font-size: .9rem;letter-spacing: .05rem;font-weight: 500;}
.navbar .nav-item,footer li {text-decoration: none;text-align: center;}
.navbar .navT {padding: .3rem 1.5rem;}
.navbar a.navBtn {color: white;border-radius: .5rem;padding:.8rem .5rem;font-size:.7rem;}
.navbtn{font-size:.75rem;padding: 1rem .2rem;background: black;letter-spacing: .05rem;border-radius: .3rem;}
.navbar-brand {margin: 0;}
.navbar-brand img {width: 180px;}
.navbar .container-fluid {padding-left: 0!important;padding-right: 0!important}
.offcanvas-collapse {position: fixed;top: 3rem;bottom: 0;left: 100%;width: 100%;padding: 0 1rem;overflow-y: auto;visibility: hidden;transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;transition: transform .3s ease-in-out, visibility .3s ease-in-out;transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;}
.offcanvas-collapse.open {visibility: visible;-webkit-transform: translateX(-100%);transform: translateX(-100%);background: rgba(236, 237, 232,.7);}
.offcanvas-collapse.open .nav-item {padding-bottom: 1rem;}
/* Dropdown Menu */
.navbar .navbar-toggler {padding: .3rem;border: none;background: black;}
.navbar-toggler-icon {background-image: url(../img/menu.svg)}
.navbar-toggler:focus {box-shadow: none;}
.line-1 {border-top: 1px solid white;margin: .2rem .3rem 0 .3rem;padding-top: .3rem;}
/* Min-width 768px Disktop*/
.navbar-collapse {flex-grow: unset;}
nav .show {background:rgba(255,255,255,.5);padding:.5rem;}

/*  Header  */

header p {font-size: .85rem;font-weight: normal;}
header span {display: block;writing-mode: vertical-rl;-ms-writing-mode: tb-rl;}
header.topMain{ background-color: #ecede8; }
header.topMain div.row {padding: 8rem 1rem 3rem;}
header.topMain div.row div{padding: 2.5rem 1rem 2.5rem 5rem;}
header.topMain h1 {font-size:1.6rem;}
header.topMain span {font-size: 2.6rem;line-height: 3rem;padding:2rem 0;}
header.topMain p {padding:2rem 0;}
header.postMainArea {background:linear-gradient(white 30%,#ecede8 30%, #ecede8 80%);}
header.postMainArea div.row {padding: 5rem 1rem 1rem;}
header.postMainArea .col-md-4 {padding: 3.5rem 1rem .5rem 1rem;}
header.postMainArea h1 {font-size:1.2rem;line-height: 2rem;}
header.postMainArea span{font-size: 1.5rem;line-height: 3rem;padding:2rem 0;}
header.postMainArea a.cat {color:#6c6c73;font-size:.8rem;}
header.postMainArea p {padding: 0;}
/*common*/
.disno {display: none}
.date {font-weight: 500;color:#c8cddc ;font-size: .7rem;padding-right: 0.5rem;}
/* position*/
.newTtl,.catTtl,.postPhoto,.recBnArea,.recPoint div {position:relative;}
.newTtl::before,.catTtl::before,.postPhoto span.cate,.recBnArea:before,.recPoint div:before {position: absolute;}
/* writing*/
.newTtl::before,.catTtl::before { writing-mode: vertical-rl;-ms-writing-mode: tb-rl;}
/* BGcolors*/
.beige,span.cate,.recBnArea h3,.breadcrumb,.catList li a,.postArea h2::after {background:#ecede8;}
.green,.wp-block-button__link,.navbar a.navBtn,.greBtn,.squBtn,.recBnArea:before,.pagetop ,.catList li a:hover,.pagenation .current {background:black;}
.btnB,wp-block-button__link:focus,.wp-block-button__link:active,.btnBM{background:black;}
/* Fontcolors*/
.notFound div a:hover,.notFound div a:active,.notFound div a:focus,.card-text a:hover,.card-text a:active,.card-text a:focus,.postlink a:hover,.postlink a:active,.postlink a:focus,.cat:hover,.cat:focus,.cat:active,.pagenation .page-numbers,.recBnArea h3 strong  {color: black;}
span.cate,h2 a,.catList li a,footer li a,footer small a,.postlink a {color:black;}
/* TTL*/
.newTtl::before,.catTtl::before {content:attr(data-en);font-weight: 900;letter-spacing: 0rem;}
  .newTtl {padding: 0 0 7rem 3rem;font-size:1.1rem;}
  .newTtl::before {font-size:1.4rem;font-weight: 900;letter-spacing: 0rem;left:0;}
  .catTtl {font-size:1.4rem;padding: 5rem 0 5rem 4rem;}
  .catTtl::before{font-size:.85rem;left:2rem;}
/*TOP*/
.newPost {padding:6rem 3rem 1rem;}
.newPost .col-md-4 {padding-top:5rem;}
span.cate{padding:0rem 1rem;font-size:.7rem;font-weight: 500;}
.postPhoto img{object-fit:cover;margin:1rem auto;}

.newPostList > .postPhoto img{object-fit:cover;margin:1rem auto;aspect-ratio: 3/2; overflow: hidden;}

.postPhoto span.cate{z-index:1;left:1rem;}
h2 {font-weight: 700;font-size:1rem;}
aside >.newPostList {padding:0 2rem;}
.diaRightUp > .newPostList,.catePostList .row {padding:0 2rem 3rem;}
.newPostList div {margin:2rem 0;}
.catePostList div.fadein {margin:1rem 0;}
.catePostList img{object-fit:cover;margin:1rem auto;aspect-ratio: 3/2; overflow: hidden;max-height: 250px;height:auto;}
.catePostList h2 {font-size:.9rem;}

.recBnArea {padding:1.5rem 0;}
.recBnArea:before {top:5rem;right:0;content:"";width:95%;height:200px;z-index: -1;} 
.recBnArea .col-sm-10:first-child {padding:3rem 0 0;}
.recBnArea .col-sm-10:last-child {padding:1.5rem 0 0;}
.recBnArea h2 {background:url(../img/recBg.webp) no-repeat right top -2rem/ cover;padding:8rem 3rem;color:white;font-size:1.8rem;line-height: 2.8rem;}

aside > .recBnArea h2 {background:url(../img/recBg.webp) no-repeat right top -2rem/ cover;padding:6rem 3rem;color:white;font-size:1.4rem;line-height: 2rem;}
aside > .recBnArea h2 a {font-size:.7rem;margin:1.2rem 0 0;width: auto;padding:.2rem 1rem;display: inline-block;}

.wm {writing-mode: vertical-rl;-ms-writing-mode: tb-rl;font-weight: 800;letter-spacing: 0rem;font-size:1.2rem;}

.recPoint {margin-top: 1rem;}
.recPoint div {padding-bottom:2rem;}
.recPoint div:before{content:"";z-index:1;width:35%;height:55px;top:-1rem;left:-.5rem;max-height:100px;}
.recPoint div:first-child:before {background:url(../img/point01.svg) no-repeat;}
.recPoint div:nth-child(2):before {background:url(../img/point02.svg)no-repeat;}
.recPoint div:last-child:before {background:url(../img/point03.svg)no-repeat;}

.recBnArea h3,.recBnArea .lead {color:#6c6c73;font-size:.8rem;font-weight: 600;letter-spacing: 0rem}
.recBnArea h3 {padding:2rem 0 1.5rem 2.5rem;}
.recBnArea h3 strong {font-size:1.3rem;display: block;letter-spacing: .1rem;}
.recBnArea .lead {text-align: center;}

.recBtns div {padding:2rem 1rem 2rem .5rem;margin:.5rem 0;}
.recBtns a {box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);padding:1rem;text-align: center;}
/* Footer */
footer {background-color: #ecede8;
  padding: 2rem 1rem .5rem;}
footer li {padding: .5rem;}
footer li a{display: inline-block;font-size:.8rem;}
footer small a {line-height: 1rem;display:block;padding: .5rem 0;font-size: .6rem;font-weight: 500;border-top:1px solid black;}
/* pagetop */
.pagetop { cursor: pointer;position: fixed; right: 10px; bottom: 10px;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px; border-radius: 50%;transition: .3s; font-size: 2rem;opacity: 0;}
.arrowU {height: 10px;width: 10px;border-top: 3px solid white;border-right: 3px solid white;transform: translateY(20%) rotate(-45deg);}
/*breadcrumb*/
.breadcrumb {font-size: .6rem;padding: .5rem;margin: 0!important;font-weight: 500;}
/*CategoryList*/
.catList {background:url(../img/diaLeftDown.svg) #ecede8 no-repeat left top / 15%;margin-bottom:2rem;font-size: .8rem;padding:1rem;}
.catList ul {background:white;padding:1.5rem .5rem;margin:1rem 0;}
.catList li a {padding:.3rem 1rem;display:inline-block;width:100%;border-radius: .3rem;font-size:.7rem;font-weight: 500;margin:.3rem 0;}
.catList li a:hover {color:white;}


/*pagination*/
.pagination {padding: 4rem 0 5rem;font-size:.8rem;}
.nav-links {display: flex;justify-content:center;width: 100%;}
.screen_reader_text {display: none;}
.pagination a.page-numbers,.pagination span {display: inline-block;border-radius: 50%;margin:0 .2rem;width: 40px;height: 40px;line-height: 40px;text-align: center;}
.pagination a.page-numbers {color:#b9c84d;border:1px solid #b9c84d;}
.pagination a:hover,.pagination a:active,.pagination a:focus {background-color: #b9c84d;color: white;}
.pagination span {background-color: #ecede8; color: #9fa291;}
.pagination a.prev,.pagination a.next {color: #9fa291;border:none; width: 80px}
.pagination a.prev:hover,.pagination a.next:hover,.pagination a.prev:active,.pagination a.next:active,.pagination a.prev:focus,.pagination a.next:focus {background:transparent;}

/*postArea*/
.postArea {margin-bottom: 1rem;padding-top:2rem;}
.postArea h2 {margin: 6rem 0 2rem;font-size: 1.4rem;line-height: 3rem;position: relative;}
.postArea h2::after {content: "";position: absolute;width:100%;top:-2.5rem;height:35px;left:0;display:block;}
.postArea h2::before {content: "Title";position: absolute;font-size: 1rem;top: -2.5rem;background: white;writing-mode: vertical-lr;-ms-writing-mode: tb-lr;font-weight: 900;letter-spacing: 0rem;z-index:1;line-height:1.2rem;left:1rem;}
.postArea h2:first-child::before {display: none}
.postArea h2:first-child {margin: 3rem 0 2rem;}
.postArea h3 {margin: 3rem 0 .5rem;font-size: 1.3rem;font-weight:600;}
.postArea h4 {margin: 2.5rem 0 .5rem;font-size: 1rem;font-weight:600;}
.postArea p {padding: 1.5rem .8rem;font-weight: 500;font-size:.95rem;}
.postArea .wp-block-image img {border-radius: .5rem;margin: 1.5rem auto}
.postArea .wp-block-button__link {text-align: center;margin: 1rem 0;font-size: 1rem;padding: 1rem;}
/*Author*/
.authorArea {background:url(../img/authorBg.webp) no-repeat black top -3rem left -3rem / cover;box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);margin:5rem 0 3rem;}
.authorArea .row:first-child {background:rgba(0,0,0,.3);color:white;padding:2rem 1rem;}
.authorArea p {font-size:.7rem;line-height: 1.2rem;}
.authorArea .lineBtn {font-size:.7rem;padding:.5rem;}
/*SameCategoryList*/
.sameCateList {background:url(../img/diaRightUp.svg) #ecede8 no-repeat right bottom / 15%;}
.sameCateList .row-cols-1{background:white;padding:1rem;}
.sameCateList .row-cols-1 div:first-child{margin:.5rem 0;}
.sameCateList h2 {font-size: .8rem;}
/*recruitBanenr*/
.recBnArea-post {padding: 1rem 3rem 2rem;margin: 3rem 0 2rem;border-radius: .5rem;background: #e02121;}
.recBnArea-post h2 {text-align: center;margin: .8rem 0!important;line-height: 1.4rem!important;font-size: .9rem!important;color: white;}
/*SNS*/
.shareBtn {margin: 2rem 0 3rem;padding: 1rem;font-size: 1rem;}
.shareBtn img {width: 21px;}
.shareBtn a {margin: 0 .6rem;}
.shareBtn a:hover img,.shareBtn a:active img,.shareBtn a:focus img{opacity: .5}
/*prevnext*/
.postlink {padding: 1rem 0;}
.postlink li {font-size: .7rem;position: relative;font-weight: 500;line-height:1.4rem;margin:.8rem 0;}
.postlink li span{display: block;color: #c8cddc;text-align: center;padding-bottom: .5rem;}
.postlink li:first-child{border-right: 1px solid #c8cddc;}
.postlink li:first-child,.postlink li:last-child {padding: 0 3rem;}
.postlink li:first-child a::before,.postlink li:last-child a::after {font-family: "WindSong", cursive;position: absolute;font-size: 1.5rem;font-weight: 400;top: 10%;color: #c8cddc;}
.postlink li:first-child a::before {content: "←";left: 1rem;}
.postlink li:last-child a::after {content: "→";right: 1rem;}
.postlink a {margin: 0 .5rem;}
.notFound div {margin: 4rem 0;}
.notFound div a {margin: .5rem 0;display: inline-block;}
/*media*/
@media (width < 576px) {
  header.topMain{background-size:30rem auto,15%;background-position: bottom right -18rem,left bottom;}
  header.topMain div.row  {padding: 3rem 1rem 0;}
  .postArea h2 {font-size: 1.2rem;line-height: 2rem;padding-top:.5rem;}
  .postArea h3 {font-size: 1.1rem;line-height: 1.9rem;}
  .authorArea {background:url(../img/authorBg.webp) no-repeat black top left  / cover;}
  .authorArea .row:first-child {background:rgba(0,0,0,.5);color:white;padding:2rem 1rem;}
  .authorArea p {text-shadow: black 1px 1px 15px}
}
@media (width < 768px) {
  .disno {display:block}
  header.topMain h1 {font-size:1.5rem;line-height:2.5rem;}
  header h1,header p {text-shadow: white 1px 1px 5px,white -1px -1px 5px;}
  header.topMain div.row div{padding: 2rem 1rem 1.5rem 2rem;}
  footer {background-size: 18%;}
  .recPoint div {padding-bottom:1rem;}
  .recBtns div {padding:.5rem;}
  header.postMainArea .col-md-4 {padding: 1rem 1rem 0 1rem;}
  .lineBtn{background:rgba(255,255,255,.3);}
  }
  @media (width < 992px) {
    .recBnArea h2 {background:url(../img/recBg.webp) no-repeat right top -2rem/ cover;padding:8rem 2rem;color:white;font-size:1.2rem;line-height: 2.2rem;}
    }
@media (576px <= width < 768px) {
  header.topMain{background-size:28rem auto,15%;background-position: bottom right -3rem,left bottom;}
  header.topMain div.row  {padding: 6rem 1rem 1rem;}
}
@media (768px <= width < 992px) {
  header.topMain{background-position: bottom right,left bottom;}
}