@charset "utf-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:3.2rem;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* ==========================================================================
   Main Styles
   ========================================================================== */

/* Base
   ========================================================================== */
html {
  font-size: 62.5%;
}
body {
  color: #000;
  font-family: "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Mayryo","ＭＳ Ｐゴシック","MS PGothic","clean",sans-serif;
  font-size: 1.6em;
  letter-spacing: 0;
  line-height: 1.2;
}
a {
  color: #2283c3;
  outline: none;
  text-decoration: underline;
}
a:hover,
a:active {
  color: #2285C5;
  text-decoration: none;
}
img {
  vertical-align: top;
  max-width: 100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}
div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,form,input,textarea,button,table,tr,th,td,article,aside,footer,header,hgroup,nav,section {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
li {
  list-style: none;
}
h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
}
a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

/* Layout
   ========================================================================== */

.container {
  width: 100%;
}
.wrapper {
  width: 100%;
}
.wrapper:before,
.wrapper:after {
  content: " ";
  display: table;
}
.wrapper:after {
  clear: both;
}
.wrapper {
  *zoom: 1;
}
.main {
  width: 100%;
}
/*.sub {
  float: right;
  width: 240px;
}*/

/* Header
   ========================================================================== */

.header {
  border-bottom: 1px solid #ebebeb;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 170px;
  padding: 0 50px;
  position: relative;
}
.header-logo {
  position: absolute;
  left: calc(50% - 121px);
  top: 43px;
}
.header-menu ul {
  display: flex;
  flex-wrap: wrap;
  width: calc(50% - 121px);
}
.header-menu li {
  margin-right: 28px;
  padding: 10px 0;
}
.sp-menu {
  display: none;
}

/* header-hum */

.header-hum {
  position: absolute;
  right: 50px;
  top: 73px;
}
.header-hum-menu .close {
  cursor: pointer;
  position: absolute;
  right: 55px;
  top: 73px;
}
.header-hum-menu {
  background-color: rgba(255,255,255,.9);
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.header-hum-menu.active {
  display: block;
}
.header-hum-menu .block {
  display: flex;
  margin: 0 auto;
  padding-top: 170px;
  width: 754px;
}
.header-hum-menu .box {
  line-height: 2;
  margin-right: 50px;
}
.header-hum-menu .box02 ul {
  margin-top: 32px;
}
.header-hum-menu .box:last-child {
  margin-right: 0;
}
.header-hum-menu .box:last-child ul {
  margin-bottom: 20px;
}
.header-hum-menu a {
  color: #231815;
  text-decoration: none;
}
.header-hum-menu p {
  font-weight: bold;
  margin-bottom: 15px;
}
.header-hum-menu li p {
  margin-bottom: 0;
}


/* Main
   ========================================================================== */

/* common */

.main-header {
  height: 205px;
  overflow: hidden;
  padding: 73px 50px 0;
}
.main-header h2 {
  margin-bottom: 24px;
}
.main-header p {
  font-size: 1.3rem;
}
.main-section {
  padding-bottom: 100px;
}
.main-section .inner {
  margin: 0 auto;
  width: 750px;
}
.title-circle {
  background-color: #2283c3;
  border-radius: 50px;
  color: #fff;
  display: table;
  float: left;
  font-size: 1.6rem;
  font-weight: bold;
  height: 100px;
  letter-spacing: 0.02em;
  margin-right: 17px;
  text-align: center;
  width: 100px;
}
.title-circle span {
  display: table-cell;
  vertical-align: middle;
}
.main-section-head {
  overflow: hidden;
}
.main-section-head .text {
  float: left;
  padding-top: 20px;
  width: 630px;
}
.main-section-head p {
  font-size: 1.4rem;
  line-height: 2;
}
.photo-slider {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 100%;
  left: auto;
  overflow: hidden;
  position: relative;
}
.photo-slider ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin: 0;
  padding: 0;
}
.photo-slider li {
  display: inline-block;
  margin: 0 10px 0 0;
  text-align: center;
  width: 465px;
}
.photo-slider li img {
  display: block;
  width: 100%;
  height: auto;
}
.photo-slider ul:first-child {
  -webkit-animation: slider 240s -120s linear infinite;
  animation: slider 240s -120s linear infinite;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.photo-slider ul + ul {
  -webkit-animation: slider02 240s linear infinite;
  animation: slider02 240s linear infinite;
}
@-webkit-keyframes slider {
  0% {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes slider {
  0% {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes slider02 {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}
@keyframes slider02 {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}


/* beppu2024 Home */
.beppuhome-bnr {
  background-color: #ebeced;
  padding: 72px 0 128px;

}
.beppuhome-bnr ul {
  display: flex;
  margin: 0 auto;
  width: 700px;
}















/* home */

.home {
  animation: fadeIn 2s ease 0s 1 normal;
}
#fade {
  width: 100%;
  height: 100%;
  display:block;
  background-color: #fff;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 50;
  opacity:1;
  transition: all 1.1s cubic-bezier(.86,0,.07,1);
}
#fade.open {
  height: 0;
}
#fade img {
  position: absolute;
  left: calc(50% - 32px);
  top: calc(50% - 32px);
  transition: all .5s;
}
#fade.open img {
  opacity: 0;
}
.home .header {
  background: #fff;
  border: 0;
  position: absolute;
  top: -171px;
  transition: all .5s ease;
  width: 100%;
  z-index: 2;
}
.home .header.slideIn {
  top: 0px;
}
.home .header-logo {
  opacity: 0;
  top: 53px;
}
.home .header-logo.slideIn {
  top: 43px;
  opacity: 1;
  transition: all .5s ease;
}
.home .header-hum {
  opacity: 0;
  top: 83px;
}
.home .header-hum.slideIn {
  top: 73px;
  opacity: 1;
  transition: all .5s ease;
}
.home .header-menu {
  margin-top: 10px;
  opacity: 0;
  top: 53px;
}
.home .header-menu.slideIn {
  margin-top: 0;
  top: 43px;
  opacity: 1;
  transition: all .5s ease;
}
.mv-slider .slide-img {
  transform: scale(1.3);
  transition: all ease 3s;
}
.mv-slider .slide-img {
  background-position: center center;
  background-size: cover;
  height: 800px;
}
.mv-slider .slide01 .slide-img {
  background-image: url(../images/home_mv_01.jpg);
}
.mv-slider .slide02 .slide-img {
  background-image: url(../images/home_mv_02.jpg);
}
.mv-slider .slide03 .slide-img {
  background-image: url(../images/home_mv_03.jpg);
}
.mv-slider .slide04 .slide-img {
  background-image: url(../images/home_mv_04.jpg);
}
.mv-slider .slide05 .slide-img {
  background-image: url(../images/home_mv_05.jpg);
}
.mv-slider .slide06 .slide-img {
  background-image: url(../images/home_mv_06.jpg);
}
.mv-slider .slide07 .slide-img {
  background-image: url(../images/home_mv_07.jpg);
}
.mv-slider .slide08 .slide-img {
  background-image: url(../images/home_mv_08.jpg);
}
.mv-slider .slide09 .slide-img {
  background-image: url(../images/home_mv_09.jpg);
}
.mv-slider .slide-img.scale {
  transform: scale(1);
  transition: all ease 3s;
}
.mv-slider {
  padding: 0 15px;
  position: relative;
}
.mv-slider p {
  bottom: 22px;
  position: absolute;
  right: 22px;
}
.mv-slider-block {
  position: relative;
}

.mv-slider-block .title {
  opacity: 0;
  position: absolute;
  top: 240px;
  left: 90px;
  z-index: 1;
	
    font-size: 1.57rem;
    color: #fff;
    line-height: 1.6;
	text-shadow: 1px 1px 3px #000;
}

.mv-slider-block .title.fadeInUp {
  top: 230px;
  transition:all .6s ease;
  opacity: 1;
}

.mv-slider .slick-dots {
  bottom: 22px;
  left: 90px;
  width: auto;
}
.slick-dots li {
  height: 2px;
  width: 50px;
}
.slick-dots li button {
  background-color: #fff;
  content: none;
  height: 2px;
  opacity: .5;
  padding: 0;
  width: 50px;
}
.slick-dots li.slick-active button {
  opacity: 1;
}
.slick-dots li button:before {
  content: none;
}

.home .main {
  padding: 20px 0 0;
}
.home h2 {
  padding: 88px 0 50px;
}
.home h2 span {
  display: block;
  font-size: 1.3rem;
  margin-top: 30px;
}
.home-news {
  padding: 0 50px 73px;
}
.home-news .box {
  float: left;
  position: relative;
  width: 14.2857%;
}
.home-news-list .box:first-child {
  width: 28.5714%;
}
.home-news .box img {
  height: 355px;
  width: 100%;
  object-fit: cover;
}
.home-news .text {
  background-color: rgba(57,53,54,.8);
  bottom: 0;
  font-size: 1.4rem;
  line-height: 1.57;
  min-height: 100px;
  padding: 10px 10px;
  position: absolute;
  width: 100%;
}
.home-news-list .cat {
  color: #000 !important;
  display: inline-block;
  height: 16px;
  font-size: 1.1rem;
  line-height: 16px;
  margin: 0 0 10px 10px;
  text-align: center;
  vertical-align: top;
  width: 50px;
}
.cat-kyusyu,
.cat.kyusyu {
  background-color: #2280bb;
}
.cat-kitafukuoka,
.cat.kitafukuoka {
  background-color: #b8d8d2;
}
.cat-fukuoka,
.cat.fukuoka {
  background-color: #e1e59b;
}
.cat-saga,
.cat.saga{
  background-color: #f2bfbb;
}
.cat-nagasaki,
.cat.nagasaki {
  background-color: #bde38e;
}
.cat-kumamoto,
.cat.kumamoto {
  background-color: #d9c5e4;
}
.cat-oita,
.cat.oita {
  background-color: #ecdc1b;
}
.cat-miyazaki,
.cat.miyazaki {
  background-color: #8bc4cd;
}
.cat-kagoshima,
.cat.kagoshima {
  background-color: #fa909a;
}
.home-news .box a {
  color: #fff;
}
.home-info {
  display: flex;
  width: 100%;
}
.home-about {
  background: url(../images/home_img_01.png) 93% 85% no-repeat #bbd2e4;
  background-size: auto 76%;
  padding: 0 30px 30px 50px;
  width: 50%;
}
.home-about p {
  color: #393536;
  font-size: 1.4rem;
  line-height: 2;
}
.home-about a {
  color: #393536;
  text-decoration: none;
}
.home-about .more {
  margin-top: 2em;
}
.home-search {
  background-color: #ebebeb;
  padding: 0 50px 122px 50px;
  width: 50%;
}
.home-search ul {
  display: flex;
}
.home-search li {
  margin-right: 3.5%;
  width: 31%;
}
.home-search li:last-child {
  margin-right: 0;
}
.home-search li img {
  width: 100%;
}
.home-project {
  background-color: #d6d5d1;
  padding: 0 50px 113px;
}
.home-project h2 {
  color: #fff;
}
.home-project h3 {
  color: #2280bb;
  font-size: 1.3rem;
  height: 50px;
  text-align: center;
}
.home-project .block {
  display: flex;
  margin-top: 30px;
}
.home-project .box {
  width: 16.6667%;
}
.home-project .cont {
  position: relative;
  overflow: hidden;
}
.home-project .img {
  padding-top: 131%;
  position: relative;
  width: 100%;
}
.home-project .box01 .img {
  background: url(../images/home_project_01.jpg) center center no-repeat;
  background-size: cover;;
}
.home-project .box02 .img {
  background: url(../images/home_project_02.jpg) center center no-repeat;
  background-size: cover;;
}
.home-project .box03 .img {
  background: url(../images/home_project_03.jpg) center center no-repeat;
  background-size: cover;;
}
.home-project .box04 .img {
  background: url(../images/home_project_04.jpg) center center no-repeat;
  background-size: cover;;
}
.home-project .box05 .img {
  background: url(../images/home_project_05.jpg) center center no-repeat;
  background-size: cover;;
}
.home-project .box06 .img {
  background: url(../images/home_project_06.jpg) center center no-repeat;
  background-size: cover;;
}
.home-project h4 {
  position: absolute;
  top: 0;
  padding-top: 55%;
  width: 100%;
}
.home-project .text {
  color: #fff;
  font-size: 1.3rem;
  width: 100%;
  height: 100%;
  line-height: 1.7;
  position: absolute;
  top: -100%;
  left: 0;
  opacity:0;
  padding: 10px;
  background-color: rgba(57,53,54,.8);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.home-project .box:hover .text {
  opacity: 1;
  top: 0;
}

.home-movie {
  background-color: #d6d5d1;
  padding: 0 50px 80px;
}
.home-movie h2 {
  color: #fff;
}
.home-movie .block {
  display: flex;
  margin-top: 0px;
}
.home-movie .box {
   width: 50%; 
   margin: auto;
}
.home-movie .box2 {
   width: 50%; 
   margin: auto .5rem;
   text-align: center;
}
.home-movie .cont {
  position: relative;
  overflow: hidden;
}
.home-movie .text {
  font-size: 1.3rem;
  width: 100%;
  height: 100%;
  line-height: 1.5;
  padding: 0px 15px 5px 0px;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
    text-align: center;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 90%;
}
.youtube img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/*.home-picup {
  position: relative;
    text-align: center;
    padding: 0 auto;
  width: 50%;
}
.home-picup iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}*/





.home .about-map .search-map-block {
  width: 1200px;
}
.home-org-head {
  padding: 0 50px;
}
.home-org-head h2 {
  padding-bottom: 30px;
}
.home .home-org .lead {
  margin-bottom: 50px;
  text-align: left;
}
.home .about-map {
  padding-top: 0;
}
.home-sns {
  padding: 88px 50px 94px;
}
.home-sns h2 {
  padding-top: 0;
  width: 355px;
}
.home-sns .block {
  display: flex;
}
.home-sns .fb-link,
.home-sns .fb-box {
  width: 500px;
}
.home-sns .fb-link {
  background: url(../images/home_fb.png) center center no-repeat;
  background-size: cover;
}
.home-sns .fb-link a {
  display: block;
  height: 500px;
  width: 100%;
}
.home-sns .fb-box {
  width: 500px;
}
.home-sns .sp-show {
  display: none;
}
.home-photo {
  background-color: #f6f6f6;
  padding: 60px 0;
}
.home-photo .photo-slider img {
  height: 100%;
  object-fit: cover;
}
.home-bnr {
  background-color: #ebeced;
  padding: 72px 0 128px;
}
.home-bnr ul {
  display: flex;
  margin: 0 auto;
  width: 1425px;
}

/* search */

.search-map {
  background-color: #bad1e3;
}
.search-map .inner {
  margin: 0 auto;
  padding: 23px 0 45px;
  width: 980px;
}
.search-map h3 {
  margin-bottom: 3px;
  text-align: center;
}
.search-map h3 span {
  font-size: 1.3rem;
  margin: 5px 0 0;
}
.search-map-block {
  display: flex;
}
.search-map-btn {
  background-color: #eaeaea;
  display: flex;
  height: 490px;
  padding: 7px 0 0 68px;
  width: 580px;
}
.search-map-btn .text {
  color: #231815;
  font-size: 1rem;
  padding-top: 50px;
}
.search-map-btn .text p {
  margin-bottom: 30px;
}
.search-map-btn .text a {
  color: #231815;
  text-decoration: none;
}
.search-map-btn .text .strong {
  font-size: 2.2rem;
  font-weight: bold;
}
.search-map-btn .text .note {
  display: inline-block;
  padding: 3px 0 0 12px;
}
.search-map-btn .text img {
  padding: 5px 0 0 12px;
}
.svg-map {
  -webkit-tap-highlight-color:rgba(0,0,0,0) !important;
}
.search-map-slider .btn-note,
.mat-search-map-slider .btn-note {
  color: #383535;
  font-size: 1.1rem;
  left: 56px;
  position: absolute;
  bottom: 83px;
}
.search .search-map-slider .btn-note,
.search .mat-search-map-slider .btn-note {
  bottom: 114px;
}
.map-slider {
  background-color: #fff;
  height: 490px;
  padding: 56px 56px 51px;
  width: 400px;
}
.map-slider h4 {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 25px;
}
.map-slider .all {
  border: 1px solid #757271;
  border-radius: 22px;
  box-shadow : 1px 1px 3px rgba(0, 0, 0, 0.3);
  display: inline-block;
  font-size: 1.6rem;
  margin-bottom: 17px;
}
.map-slider .all a {
  color: #393536;
  display: block;
  padding: 12px 20px;
  text-decoration: none;
}
.map-slider ul {
  display: flex;
  margin-bottom: 13px;
}
.map-slider li {
  border: 1px solid #757271;
  border-radius: 22px;
  box-shadow : 1px 1px 3px rgba(0, 0, 0, 0.3);
  font-size: 1.6rem;
  margin-right: 8px;
}
.map-slider li a {
  color: #393536;
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
  text-decoration: none;
}
.slick-prev,
.slick-next {
  height: 58px;
  width: 58px;
}
.slick-prev:before {
  content: url(../images/search/slider_prev.png);
}
.slick-next:before {
  content: url(../images/search/slider_next.png);
}
.slick-prev:before,
.slick-next:before {
  opacity: 1;
}
.slick-prev,
.slick-next {
  bottom: 51px;
  left: 0;
  top: auto;
  transform: none;
  z-index: 1;
}
.slick-prev {
  left: 56px;
}
.slick-next {
  left: 125px;
}
.slick-initialized .slick-slide {
  outline: none;
}
.search-mat-map {
  background-color: #d5d4d0;
}
.search-mat-map .map {
  margin-left: 62px;
}
.search-mat-map .map-slider {
  padding-right: 5px;
}
.search-mat-map .map-slider ul {
  display: block;
}
.search-mat-map .map-slider li {
  display: inline-block;
  margin-bottom: 17px;
}
.search-mat-map .map-slider li a {
  padding: 0 20px;
  width: auto;
}
.mat-saga:hover,
.mat-kumamoto:hover {
  cursor: auto;
}
.search .main-header {
  padding-bottom: 17px;
}
.search .main-header-left {
  float: left;
  width: 352px;
}
.search .main-header-right {
  float: left;
  padding-top: 1px;
}
.search .main-header-right h3 {
  margin-bottom: 15px;
}
.search-area-list {
  overflow: hidden;
}
.search-area-list li {
  float: left;
  margin-right: 9px;
}
.search-area-list li.officer {
  float: none;
  margin-bottom: 5px;
  width: 244px;
}
.search-area-list li a {
  border-radius: 2px;
  color: #000;
  display: block;
  font-size: 1.77rem;
  line-height: 1;
  padding: 11px 10px;
  text-decoration: none;
}
.search-area-list li a:hover {
  opacity: .7;
}
.search-area-list li.officer a {
  background-color: #2280bb;
  padding: 9px 0;
  text-align: center;
}
.search-area-list li.kitafukuoka a {
  background-color: #b8d8d2;
}
.search-area-list li.fukuoka a {
  background-color: #e1e59b;
}
.search-area-list li.saga a {
  background-color: #f2bfbb;
}
.search-area-list li.nagasaki a {
  background-color: #bde38e;
}
.search-area-list li.oita a {
  background-color: #ecdc1b;
}
.search-area-list li.kumamoto a {
  background-color: #d9c5e4;
}
.search-area-list li.miyazaki a {
  background-color: #8bc4cd;
}
.search-area-list li.kagoshima a {
  background-color: #fa909a;
}
.search-section {
  background-color: #d5d4d0;
  padding-bottom: 100px;
}
.search-section .inner {
  margin-left: 392px;
  padding-top: 15px;
  width: 980px;
}
.search-menu {
  margin-bottom: 24px;
  overflow: hidden;
  padding-left: 10px;
}
.search-menu p {
  float: left;
}
.search-menu span {
  border-radius: 2px;
  color: #000;
  display: block;
  font-size: 1.4rem;
  line-height: 1;
  padding: 7px 19px;
  text-decoration: none;
}
.search-menu .officer span {
  background-color: #2280bb;
}
.search-menu .kitafukuoka span {
  background-color: #b8d8d2;
}
.search-menu .fukuoka span {
  background-color: #e1e59b;
}
.search-menu .saga span {
  background-color: #f2bfbb;
}
.search-menu .nagasaki span {
  background-color: #bde38e;
}
.search-menu .oita span {
  background-color: #ecdc1b;
}
.search-menu .kumamoto span {
  background-color: #d9c5e4;
}
.search-menu .miyazaki span {
  background-color: #8bc4cd;
}
.search-menu .kagoshima span {
  background-color: #fa909a;
}
.search-menu ul {
  float: left;
  margin-left: 10px;
  padding-top: 6px;
}
.search-menu li {
  float: left;
  font-size: 1.2rem;
  margin-right: 1em;
}
.search-menu li:first-child {
  font-size: 1rem;
  margin-right: 10px;
}
.search-menu li:last-child {
  margin-right: 0;
}
.search-list {
  border-bottom: 1px solid #393536;
}
.search-list .block {
  border: 1px solid #393536;
  border-bottom: 0;
  overflow: hidden;
  padding: 10px 10px 10px 20px;
  background: #FFFFFF;
}
.search-list .prof {
  float: left;
  height: 170px;
  margin-right: 19px;
  width: 170px;
}
.search-list .info {
  float: left;
  font-size: 1.2rem;
  line-height: 2.23;
  margin-right: 19px;
  padding-top: 5px;
  width: calc(100% - 561px);
}
.search-list .info a {
  color: #000;
  text-decoration: none;
}
.search-list .intern {
  background-color: #99ccff;
	color: #fff;
	font-size: 0.8em;
}
.search-list .work {
  float: right;
}
.search-list .mail {
  display: inline-block;
  line-height: 1;
  margin-left: 30px;
}
.search-list .mail a {
  display: block;
}
.search.mat .section-h3 {
  margin-bottom: 45px;
}
.search.mat .search-menu li {
  margin-right: 2em;
}
.search.mat .search-menu li:first-child {
  margin-right: 0.5em;
}

/* search-list option  */

.search-list .officer {
  display: none;
}

.search-officer .search-list .officer {
  display: block;
}

/* about */

.about-jia {
  background-color: #bbd2e4;
  padding: 35px 0;
}
.about-jia .inner {
  margin: 0 auto;
  width: 940px;
}
.about .project-block p {
  height: 590px;
}
.about span.strong {
  color: #2280bf;
}
.about_img_01 {
  display: block;
  margin: 20px auto 0;
}
.about-map {
  background-color: #ebebeb;
  padding: 43px 0 40px;
}
.about-map .inner {
  background:linear-gradient(90deg,#ebebeb 0%,#ebebeb 50%,#fff 50%,#fff 100%);
}
.about-map .search-map-block {
  margin: 0 auto;
  width: 980px;
}
.about-map .lead {
  font-size: 1.3rem;
  line-height: 1.77;
  margin-bottom: 28px;
  text-align: center;
}
.about-map .search-map-btn {
  padding: 25px 0 0 0;
}
.about-map area:hover{
  cursor: pointer;
}
.about-map a {
  outline: none;
}
.about-map-slider {
  background-color: #fff;
  color: #393536;
  height: 650px;
    /*height: 600px;*/
  position: relative;
  width: 635px;
}
.about-map-slider .slick-slide {
  height: 650px;
  padding: 55px 0 0 50px;
  position: relative;
}
.about-map-slider .slick-prev,
.about-map-slider .slick-next {
  bottom: 27px;
}
.about-map-slider a {
  color: #393536;
}
.about-map-slider h4 {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 25px;
}
.about-map-slider h4 span {
  font-size: 1.2rem;
  padding-left: 15px;
}
.about-map-slider h5 {
  font-size: 1.1rem;
  font-weight: bold;
  padding: 7px 0 0 0;
}
.about-map-slider p {
  font-size: 1.4rem;
  line-height: 2;
}
.about-map-slider .address {
  display: flex;
  margin-bottom: 20px;
}
.about-map-slider .address p {
  line-height: 1.7;
}
.about-map-slider .address h5 {
  padding-top: 5px;
  width: 60px;
}
.about-map-slider .officer {
  margin-bottom: 20px;
}
.about-map-slider .officer h5 {
  margin-bottom: 5px;
}
.about-map-slider .officer p {
  margin-left: 60px;
}
.about-map-slider .relate {
  display: flex;
}
.about-map-slider .relate h5 {
  width: 60px;
}
.about-map-slider .relate ul {
  width: 525px;
}
.about-map-slider .relate li {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 2;
  margin-right: 8px;
}
.about-map-slider .bnr {
  bottom: 40px;
    /*bottom: 40px;*/
  left: 200px;
  position: absolute;
}
.about-map-slider .bnr .btn a {
  background-color: #2280bf;
  border-radius: 2px;
  color: #fff;
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  text-decoration: none;
   font-size: 1.5rem;
}
.about-map-slider .kitafukuoka .bnr {
  bottom: 35px;
}
.about-map-slider .kitafukuoka .bnr p {
  display: inline-block;
  vertical-align: middle;
}
.about-map-slider .kitafukuoka .fb {
  margin-left: 20px;
}
.about-map-slider .msg {
  background-color: #eaeaea;
  border-radius: 2px;
  color: #000;
  display: inline-block;

  height: 30px;
  line-height: 30px;
  margin-bottom: 25px;
  padding: 0 20px;
}

.about-activity {
  background-color: #dfdeda;
  padding: 48px 0 80px;
}
.about-activity .inner{
  margin: 0 auto;
  width: 980px;
}
.about-activity h3 {
  font-size: 2.1rem;
  font-weight: bold;
  margin-bottom: 5px;
}
.about-activity-block {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  padding: 33px 0 0 0;
}
.about-activity-block .box {
  margin-bottom: 30px;
  overflow: hidden;
  padding: 0 30px 0 15px;
  width: 490px;
}
.about-activity-block .text {
  overflow: hidden;
  padding-top: 10px;
}
.about-activity-block .box p {
  font-size: 1.4rem;
  line-height: 2;
  overflow: hidden;
}
.about-activity-block .list {
  font-size: 1.4rem;
  line-height: 1.2;
  margin-top: 10px;
  padding-left: 1em;
}
.about-activity-block .list li {
  margin-bottom: 1em;
  margin-left: 1em;
  text-indent: -1em;
}
.about-cpd {
  padding: 65px 0;
}
.about-cpd .inner {
  margin: 0 auto;
  width: 750px;
}
.about-cpd h3 {
  margin: 0 0 35px -115px;
  font-size: 2.2rem;
  font-weight: bold;
}
.about-cpd ul {
  font-size: 1.4rem;
  margin-top: 30px;
}
.about-cpd li {
  line-height: 3.2rem;
}
.about-cpd a {
  text-decoration: none;
}
.about-cpd ol {
    font-size: 1.4rem;
    line-height: 2;
}


/* project common */

.project-block {
  display: flex;
}
.project-block .box {
  background : #EEEEEF;
  box-shadow : 4px 4px 4px rgba(0, 0, 0, 0.3);
  padding: 70px 20px 35px 45px;
  width: 460px;
}
.project-block .box:first-child {
  margin-right: 20px;
}
.project-block h4 {
  margin-bottom: 44px;
}
.project-block p {
  min-height: 35px;
  padding-bottom: 0;
}
.project-block p {
  border-left: 1px solid #393536;
  font-size: 1.4rem;
  line-height: 2;
  min-height: 0px;
  padding: 0 0 30px 20px;
}
.project-list {
  padding: 60px 0 50px;
  text-align: center;
}
.project-list h3 {
  color: #2280ba;
  font-size: 1.3rem;
  margin-bottom: 20px;
}
.project-list li {
  font-size: 1.2rem;
  line-height: 2.25;
}
.project-list li a {
  color: #000;
  text-decoration: none;
}

/* support */

.support .main-section {
  padding-bottom: 0;
}
.support .inner {
  margin: 0 auto;
  padding: 50px 0 60px;
  width: 940px;
}
.support h3 {
  margin-bottom: 15px;
  text-align: center;
}
.support .lead {
  color: #2280ba;
  font-size: 1.3rem;
  line-height: 1.77;
  margin-bottom: 20px;
  text-align: center;
}
.support-info .name {
  display: block;
  font-size: 1.2rem;
  text-align: right;
}
.support-info .img_01 {
  display: block;
  margin: 20px 0 0 20px;
}
.support-info h5 {
  font-size: 2.1rem;
  font-weight: bold;
  margin-bottom: 15px;
  line-height: 1.4em;
}
.support-info .pdf {
  font-size: 1.4rem;
  padding-bottom: 10px;
  line-height: 1.8em;
}


.support .project-block p {
  min-height: 30px;
  padding-bottom: 0;
}
.support-case {
  background-color: #eaeaea;
}
.support-case .inner {
  padding: 35px 95px 50px;
  width: 940px;
}
.support-case h4 {
  text-align: center;
}
.support-case h4 span {
  color: #2280ba;
  display: block;
  font-size: 1.3rem;
  margin: 15px 0 20px;
}
.support-case p {
  font-size: 1.4rem;
  line-height: 2;
  margin-bottom: 10px;
}
.support-case .photo {
  margin: 0 0 40px;
}
.support-case .photonewface {
  margin: 0 0 10px;
}
.support-case .photonewface p {
  font-size: 1.4rem;
  line-height: 2;
  margin-bottom: 10px;

}

.support-case h5 {
  font-size: 2.1rem;
  font-weight: bold;
  margin-bottom: 15px;
}
.support-case h5 span {
  font-weight:normal;
  font-size: 1.9rem;

}
.small {
  font-weight:normal;
  font-size: 0.8rem;

}
.support-case .list {
  margin: 0 0 40px 40px;
}
.support-case .list02 {
  margin: 0 0 60px 40px;
}
.support-case .list span {
  color: #005182;
}
.support-case .project-block {
  margin: 0 -95px;
}
.support-case .project-block .box {
  background-color: #fff;
  padding-top: 30px;
}
.support-case .project-block h4 {
  text-align: left;
}
.support-case .project-block p {
  font-size: 1.2rem;
  margin-bottom: 0;
  min-height: 0;
}
.support-case .project-block .box01 {
  padding-right: 24px;
}
.support-case .project-block .box01 p {
  min-height: 561px;
}
.support-case .project-block .box02 p {
  font-size: 1.4rem;
}
.support-case .project-block .name {
  display: block;
  font-size: 1.2rem;
  text-align: right;
}
.support-case .project-block .box02 h4 {
  margin: 30px 0 44px;
}
.support-case .judgebox {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-bottom: 30px;
}
.support-case .judgebox .item {
	margin-left: 20px;
	margin-bottom: 30px;
	text-align: center;
}
.support-case .judgebox .item span {
	font-size: 2.0rem;
	font-weight: bold;
}

.support-footer .membership-entry {
  margin: 0 auto;
  padding: 75px 0 50px;
  width: 450px;
}
.support-footer .membership-entry .email {
  line-height: 2;
}
.support-footer .membership-entry .area {
  border-bottom: 0;
}

.support-case ol {
  margin-bottom: 30px;
  list-style-type:none;
  padding-left: 0;

}

.support-case ol li {
  padding-left: 2em;
  text-indent: -1.1em;
  font-size: 1.4rem;
  line-height: 2;
}









/* dr */

.dr .main-section {
  padding-bottom: 0;
}
.dr .inner {
  margin: 0 auto;
  padding: 50px 0 60px;
  width: 940px;
}
.dr h3 {
  margin-bottom: 15px;
  text-align: center;
}
.dr .lead {
  color: #2280ba;
  font-size: 1.3rem;
  line-height: 1.77;
  margin-bottom: 20px;
  text-align: center;
}
.dr-event {
  background-color: #eaeaea;
}
.dr-event h4 {
  text-align: center;
}
.dr-event h4 span {
  color: #2280ba;
  display: block;
  font-size: 1.3rem;
  margin: 5px 0 20px;
}
.dr-event .inner {
  padding: 35px 95px 50px;
  width: 940px;
}

/* juku */

.juku .main-section {
  padding-bottom: 0;
}
.juku .inner {
  margin: 0 auto;
  padding: 50px 0 60px;
  width: 940px;
}
.juku h3 {
  margin-bottom: 15px;
  text-align: center;
}
.juku .lead {
  color: #2280ba;
  font-size: 1.3rem;
  line-height: 1.77;
  margin-bottom: 20px;
  text-align: center;
}
.juku-event {
  background-color: #eaeaea;
}
.juku-event .inner {
  padding: 35px 95px 83px;
  width: 940px;
}
.juku-event h4 {
  text-align: center;
}
.juku-event h4 span {
  color: #2280ba;
  display: block;
  font-size: 1.3rem;
  margin: 15px 0 20px;
}
.juku-event p {
  font-size: 1.4rem;
  line-height: 2;
  margin-bottom: 20px;
}
.juku-event .photo {
  margin: 55px 0 60px;
}
.juku-event .msg {
  background : #fff;
  box-shadow : 4px 4px 4px rgba(0, 0, 0, 0.3);
  margin: 0 -95px;
  padding: 33px 42px 42px 42px;
}
.juku-event .msg h4 {
  margin-bottom: 40px;
  text-align: left;
}
.juku-event .msg p {
  border-left: 1px solid #393536;
  columns: 2;
  column-gap: 2em;
  margin-bottom: 0;
  padding-left: 30px;
}
.juku-event .msg .name {
  display: block;
  text-align: right;
}

/* archive */

.archive .main-section {
  padding-bottom: 0;
}
.archive .inner {
  margin: 0 auto;
  padding: 50px 0 60px;
  width: 750px;
}
.archive h3 {
  margin-bottom: 15px;
  text-align: center;
}
.archive .lead {
  color: #2280ba;
  font-size: 1.3rem;
  line-height: 1.77;
  margin-bottom: 35px;
  text-align: center;
}
.archive-block {
  border: 1px solid #2280bb;
  margin: -17px 0 40px;
  padding: 30px 70px 30px 100px;
}
.archive h4 {
  border-radius: 3px;
  font-size: 1.2rem;
  height: 35px;
  line-height: 35px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 120px;
  z-index: 1;
}
.archive-block-half,
.archive-block-full {
  display: flex;
}
.archive-block-half ul {
  width: 50%;
}
.archive-block li {
  color: #231815;
  font-size: 1.2rem;
  line-height: 3;
}
.archive-block li a {
  color: #231815;
  text-decoration: none;
}
.archive-block li:before {
  content: "›";
  display: inline-block;
  line-height: 1;
  padding: 0 5px 4px 0;
  vertical-align: middle;
}
.archive-block.full {
  padding: 30px 0;
  text-align: center;
}
.archive-block.full ul {
  display: inline-block;
}
.archive-block.full li {
  text-align: left;
}
.kyusyu ul:first-child {
  width: 70%;
}
.kyusyu-h4 {
  background-color: #2280bb;
}
.kitafukuoka-h4 {
  background-color: #b8d8d2;
}
.fukuoka-h4 {
  background-color: #e1e59b;
}
.oita-h4 {
  background-color: #ecdc1b;
}
.kumamoto-h4 {
  background-color: #d9c5e4;
}
.kagoshima-h4 {
  background-color: #fa909a;
}
.fukuoka ul li:first-child:before {
  content: none;
}

/* archive machiken */

.machiken .main-section {
  padding-bottom: 0;
}
.machiken .inner {
  margin: 0 auto;
  padding: 50px 0 60px;
  width: 940px;
}
.machiken h3 {
  margin-bottom: 15px;
  text-align: center;
}
.machiken .lead {
  color: #2280ba;
  font-size: 1.3rem;
  line-height: 1.77;
  margin-bottom: 20px;
  text-align: center;
}
.machiken-event {
  background-color: #eaeaea;
}
.machiken-event .inner {
  padding: 35px 95px 83px;
  width: 940px;
}
.machiken-event h4 {
  text-align: center;
}
.machiken-event h4 span {
  color: #2280ba;
  display: block;
  font-size: 1.3rem;
  margin: 15px 0 20px;
}
.machiken-event p {
  font-size: 1.4rem;
  line-height: 2;
  margin-bottom: 20px;
}
.machiken-event .photo {
  margin: 55px 0 60px;
}
.machiken-event .spt {
  background : #edf5fa;
  box-shadow : 4px 4px 4px rgba(0, 0, 0, 0.3);
  margin: 50px -95px 5px -95px;
  padding: 33px 120px 42px 120px;
}
.machiken-event .spt p {
  border-left: 1px solid #393536;
  margin-bottom: 0;
  padding-left: 40px;
}
.machiken-event .spt span img {
  margin-bottom: 20px;
  margin-right: 5px;
}
.machiken-event .msg {
  background : #fff;
  box-shadow : 4px 4px 4px rgba(0, 0, 0, 0.3);
  margin: 0 -95px 50px -95px;
  padding: 33px 120px 42px 120px;
}
.machiken-event .msg h4 {
  margin-bottom: 30px;
  text-align: center;
}
.machiken-event .msg p {
  border-left: 1px solid #393536;
  margin-bottom: 0;
  padding-left: 40px;
}
.machiken-event .arc {
  background : #fff;
  box-shadow : 4px 4px 4px rgba(0, 0, 0, 0.3);
  margin: 0 -95px 50px -95px;
  padding: 33px 80px 42px 80px;
}

.machiken-event .name {
  text-align: right;
}


.machiken-event .machiken-arc-blockl{
  width: 260px;
  float: left;
  display: block;
}
.machiken-event .machiken-arc-blockc{
  width: 260px;
  float: left;
    display: block;
}
.machiken-event .machiken-arc-blockr{
  width: 260px;
  float: left;
    display: block;
}
.machiken-arc-name{
 display: block;
 padding-bottom: 43px;
}
.machiken-arc-21{
 font-size: 19px;
 line-height: 1;
 letter-spacing: 0.1em
 transform: scale(0.8, 1);
}
.machiken-arc-19{
 font-size: 16px;
 line-height: 1;
 letter-spacing: 0.1em
 transform: scale(0.8, 1);
}
.machiken-arc-16{
 font-size: 14px;
 line-height: 1.9;
}
.machiken-arc-15{
 font-size: 15px;
 line-height: 2;
}
.machiken-arc-19{
 font-size: 19px;
 transform: scale(0.7, 1);
}
.machiken-arc-11{
 font-size: 9px;
 line-height: 0;
 transform: scale(0.7, 1);
}
.machiken-arc-12{
 font-size: 10px;
 line-height: 0;
 transform: scale(0.7, 1);
}
.machiken-arc-16-2{
 font-size: 17px;
 line-height: 0;
 transform: scale(0.7, 1);
}
.machiken-arc-21-2{
 font-size: 19px;
 line-height: 0em;
 transform: scale(0.7, 1);
}
.machiken-arc-15-2{
 font-size: 15px;
 transform: scale(0.7, 1);
}
.machiken-arc-15-B{
 font-size: 1.5rem;
 transform: scale(0.7, 1);
 font-weight: bold;
}

.machiken-panel {
  background-color: #eaeaea;
  padding: 0;

}
.machiken-panel .inner {
  padding: 20px;
  width: 750px;
}
.machiken-panel-prof-photo {
  text-align: center;
  
}
.machiken-panel-prof-photo img {
  pointer-events: none;
}
.machiken-panel-prof-box {
  background-color: #fff;
  padding: 30px 10px 60px 20px;
  margin-top: 20px;
}

.machiken-panel-prof-face, .machiken-panel-prof-text{
  display: inline-block;
  vertical-align: top;
  
}
.machiken-panel-prof-text{
  margin-bottom: 20px;
  
}

.machiken-panel-prof-text p {
  font-size: 1.9rem;
  line-height: 2.5rem;
  padding-right: 10px;
  padding-bottom: 0px;
}
.machiken-panel-prof-text p span {
  font-size: 1.4rem;
}
.machiken-panel-prof-li {
  padding-top: 40px;
  font-size: 1.45rem;
  line-height: 1.2em
}
.machiken-panel-btn-box {
  text-align: center;
  padding: 20px;
}
.machiken-panel-btn-prevnext {
  padding: 10px 20px;
  border-bottom: 1px solid black;
  margin-bottom: 30px;
}
.parent-prof {
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-template-rows: repeat(7, 1fr);
grid-column-gap: 10px;
grid-row-gap: 12px;
}

.div1-prof { grid-area: 1 / 1 / 2 / 2; }
.div2-prof { grid-area: 1 / 2 / 2 / 9; }
.div3-prof { grid-area: 2 / 1 / 3 / 2; }
.div4-prof { grid-area: 2 / 2 / 3 / 9; }
.div5-prof { grid-area: 3 / 1 / 4 / 2; }
.div6-prof { grid-area: 3 / 2 / 4 / 9; }
.div7-prof { grid-area: 4 / 1 / 5 / 2; }
.div8-prof { grid-area: 4 / 2 / 5 / 9; }
.div9-prof { grid-area: 5 / 1 / 6 / 2; }
.div10-prof { grid-area: 5 / 2 / 6 / 9; }
.div11-prof { grid-area: 6 / 1 / 7 / 2; }
.div12-prof { grid-area: 6 / 2 / 7 / 9; }
.div13-prof { grid-area: 7 / 1 / 8 / 2; }
.div14-prof { grid-area: 7 / 2 / 8 / 9; }
.div15-prof { grid-area: 8 / 1 / 9 / 2; }
.div16-prof { grid-area: 8 / 2 / 9 / 9; }

.parent {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(13, 1fr);
grid-column-gap: 15px;
grid-row-gap: 24px;
padding: 0 auto;
font-size: 1.35rem;
}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 2 / 1 / 3 / 2; }
.div4 { grid-area: 2 / 2 / 3 / 3; }
.div5 { grid-area: 3 / 1 / 4 / 2; }
.div6 { grid-area: 3 / 2 / 4 / 3; }
.div7 { grid-area: 4 / 1 / 5 / 2; }
.div8 { grid-area: 4 / 2 / 5 / 3; }
.div9 { grid-area: 5 / 1 / 6 / 2; }
.div10 { grid-area: 5 / 2 / 6 / 3; }
.div11 { grid-area: 6 / 1 / 7 / 2; }
.div12 { grid-area: 6 / 2 / 7 / 3; }
.div13 { grid-area: 7 / 1 / 8 / 2; }
.div14 { grid-area: 7 / 2 / 8 / 3; }
.div15 { grid-area: 8 / 1 / 9 / 2; }
.div16 { grid-area: 8 / 2 / 9 / 3; }
.div17 { grid-area: 9 / 1 / 10 / 2; }
.div18 { grid-area: 9 / 2 / 10 / 3; }
.div19 { grid-area: 10 / 1 / 11 / 2; }
.div20 { grid-area: 10 / 2 / 11 / 3; }
.div21 { grid-area: 11 / 1 / 12 / 2; }
.div22 { grid-area: 11 / 2 / 12 / 3; }
.div23 { grid-area: 12 / 1 / 13 / 2; }
.div24 { grid-area: 12 / 2 / 13 / 3; }
.div25 { grid-area: 13 / 1 / 14 / 2; }
.div26 { grid-area: 13 / 2 / 14 / 3; }

.machiken-panel-btn-bnr {
margin: 60px 0;
}
.machiken-panel-btn-copy {
margin: 60px 0;
font-size: 0.8rem;
}




/* membership */

.membership-section01 {
  background-color: #f4f4f4;
  letter-spacing: -0.02em;
  padding: 40px 0 30px;
}
.membership-section01 h3 {
  margin: 0 0 15px -115px;
  font-size: 2.2rem;
  font-weight: bold;
}
.membership-section01 .lead {
  margin-bottom: 15px;
}
.membership-entry {
  background-color: #fff;
  margin-left: 30px;
  padding: 30px 50px 20px 50px;
  width: 530px;
}
.membership-entry h5 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}
.membership-entry p {
  font-size: 1rem;
}
.membership-entry .title {
display: flex;
align-items: center;
}
.membership-entry .title:after {
border-top: 1px solid #231815;
content: "";
flex-grow: 1;
}
.membership-entry .title:after {
margin-left: 1rem;
}
.membership-entry .tel {
  color: #2285c5;
  font-size: 2.2rem;
  line-height: 1;
  margin: 10px 0 3px;
}
.membership-entry a {
  text-decoration: none;
}
.membership-entry .email {
  font-size: 1.3rem;
}
.membership-entry .address,
.membership-entry .area {
  line-height: 1.2;
  margin-bottom: 10px;
}
.membership-entry .area {
  border-bottom: 1px solid #231815;
  padding-bottom: 10px;
}
.membership-entry .note {
  line-height: 1.7;
}
.membership-section02 {
  font-size: 1.4rem;
  padding: 40px 0 55px;
}
.membership-section02 h3 {
  font-size: 2.1rem;
  font-weight: bold;
  margin-bottom: 30px;
}
.membership-section02 h4 {
  color: #2283c3;
  margin-bottom: 1em;
}
.membership-section02 p {
  line-height: 2;
  margin-bottom: 50px;
}
.membership-section02 span {
  color: #2283c3;
}
.membership-section02-table {
  margin-top: 70px;
}
.membership-section02-table h3 {
  margin-bottom: 10px;
}
.membership-section02-table table {
  border-top: 1px solid #757271;
}
.membership-section02-table tr {
  border-bottom: 1px solid #757271;
}
.membership-section02-table th {
  color: #2285C5;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  width: 270px;
}
.membership-section02-table .th01 {
  width: 130px;
}
.membership-section02-table .th02 {
  width: 130px;
}
.membership-section02-table td {
  font-size: 1.1rem;
  line-height: 1.78;
  height: 75px;
  padding: 5px 20px 5px 30px;
  vertical-align: middle;
}
.membership-section02-table td.head {
  color: #2285C5;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 0 0 0 20px;
  width: 140px;
}

/* project */

.project .main-header {
  margin-bottom: 80px;
}
.project-section {
  padding-left: 112px;
}
.project .search-list h3 {
  color: #2285C5;
  font-size: 2.2rem;
  font-weight: bold;
  padding-top: 20px;
}
.project .search-list .prof {
  margin-right: 5px;
  width: 183px;
}

/* advice */

.advice .main-section {
  background: url(../images/advice/advice_bg_02.png) 130% 22px no-repeat #f4f4f4;
  letter-spacing: -0.02em;
  padding: 22px 0 140px;
}
.main-section#welcome {
  background: url(../images/advice/advice_bg_01.png) 95% 0 no-repeat #f4f4f4;
  overflow: hidden;
}
.advice .main-section {
}
.advice .main-section h4,
.welcome-section h4 {
  color: #231815;
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 38px;
}
.advice .main-section h4 span,
.welcome-section h4 span {
  display: block;
  font-size: 1.4rem;
  font-weight: normal;
  margin-bottom: 10px;
}
.advice .main-section p,
.welcome-section p {
  font-size: 1.4rem;
  line-height: 1.79;
}
.advice-lead {
  margin-bottom: 30px;
}
.advice-note {
  margin-bottom: 20px;;
}
.advice-tel {
  background-color: #fff;
  border: 3px solid #2680B7;
  margin-bottom: 22px;
  padding: 23px 0 20px;
  text-align: center;
}
.advice-tel p.msg {
  font-size: 1.5rem;
  margin-bottom: 7px;
}
.advice-tel p.name {
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.28em;
}
.advice-tel .name span {
  font-size: 1.2rem;
  font-weight: normal;
  letter-spacing: 0;
  margin-left: 10px;
}
.advice-tel p.num {
  color: #2285C5;
  font-size: 2.2rem;
}
.advice-info {
  line-height: 1.78;
}
.advice-info dt {
  clear: both;
  float: left;
  float: left;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.28em;
  margin-bottom: 10px;
  padding-left: 22px;
  width: 130px;
}
.advice-info dd {
  font-size: 1.4rem;
  margin-bottom: 10px;
}
.welcome-section h3 {
  padding-top: 27px;
}
.welcome-section .inner {
  padding-top: 47px;
}

/* news */

.news .main-header {
  position: relative;
}
.news-bread {
  font-size: 1.3rem;
  position: absolute;
  right: 0;
  top: -75px;
}
.news-bread a {
  color: #000;
  text-decoration: none;
}
.news .inner {
  margin: 0 auto;
  width: 980px;
}
.cat-officer,
.cat.officer {
  background-color: #2280bb;
}
.cat-all {
  background-color: #bbbcbc;
}
.news-head {
  margin-bottom: 30px;
  position: relative;
  text-align: center;
}
.news-head .lead {
  font-size: 1.3rem;
  margin-bottom: 20px;
}
.news-cat-list {
  display: flex;
  margin: 0 auto;
  flex-wrap: wrap;
  width: 640px;
}
.news-cat-list li {
  border-radius: 2px;
  margin: 0 10px 20px 0;
  width: 120px;
}
.news-cat-list li:nth-child(5n) {
  margin-right: 0;
}
.news-cat-list li a {
  color: #000;
  display: block;
  font-size: 1.77rem;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  width: 120px;
}
.news-list .block {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.news-list .box {
  margin: 0 10px 60px;
  padding-bottom: 50px;
  position: relative;
  width: calc(25% - 20px);
}
.news-list h3 {
  font-size: 1.3rem;
  margin-bottom: 55px;
}
.news-list .top {
  color: #757271;
  font-size: 1.2rem;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
}
.news-list .cat {
  color: #000;
  display: inline-block;
  font-size: 1.1rem;
  line-height: 1;
  margin-left: 15px;
  padding: 2px 5px;
  text-align: center;
}
.news-list .top.kyusyu {
  border-left: 1px solid #2280bb;
}
.news-list .top.kitafukuoka {
  border-left: 1px solid #b8d8d2;
}
.news-list .top.fukuoka {
  border-left: 1px solid #e1e59b;
}
.news-list .top.saga{
  border-left: 1px solid #f2bfbb;
}
.news-list .top.nagasaki {
  border-left: 1px solid #bde38e;
}
.news-list .top.kumamoto {
  border-left: 1px solid #d9c5e4;
}
.news-list .top.oita {
  border-left: 1px solid #ecdc1b;
}
.news-list .top.miyazaki {
  border-left: 1px solid #8bc4cd;
}
.news-list .top.kagoshima {
  border-left: 1px solid #fa909a;
}
.news-list .center {
  margin-bottom: 10px;
}
.news-list .title {
  color: #d02c1c;
  font-size: 1.4rem;
}
.news-list .entry-image {
  height: 150px;
  width: 100%;
}
.news-list .more {
  position: absolute;
  right: 0;
  bottom: 0;
}
.news-list .more a {
  background-color: #82806b;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  height: 33px;
  line-height: 33px;
  text-align: center;
  text-decoration: none;
  width: 82px;
}
.inner.single {
  display: flex;
  position: relative;
}
.news-detail {
  padding-right: 60px;
  width: 690px;
}
.news-side {
  width: 290px;
}
.news-detail .date {
  color: #757271;
  font-size: 1.2rem;
  margin-bottom: 15px;
}
.news-detail .cat {
  color: #000;
  display: inline-block;
  font-size: 1.1rem;
  height: 16px;
  line-height: 16px;
  margin-left: 15px;
  text-align: center;
  width: 50px;
}
.news-cont {
  margin-bottom: 60px;
}
.news-cont h3 {
  color: #d02c1c;
  font-size: 2rem;
  margin-bottom: 33px;
}
.news-cont {
  font-size: 1.4rem;
  line-height: 1.7;
}
.news-cont p {
  margin-bottom: 2em;
}
.news-footer li {
  display: inline-block;
  margin-right: 10px;
}
.news-footer a {
  color: #231815;
}
.news-footer .cat {
  margin-left: 0;
}
.news-side h2 {
  border-bottom: 1px solid #ececec;
  font-size: 2rem;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.news-side .widget {
  margin-bottom: 50px;
}
.news-side li:before {
  content: "›";
  display: inline-block;
  padding-right: 5px;
  padding-top: 5px;
  vertical-align: top;
}
.news-side li a {
  color: #231815;
  line-height: 2;
  text-decoration: none;
}
.noresult {
  margin: 0 auto;
}
.news-list .wp-pagenavi {
  margin: 0 auto;
  text-align: center;
}
.news-list .wp-pagenavi .pages {
  display: none;
}
.news-list .wp-pagenavi a,
.news-list .wp-pagenavi span {
  border: 0;
  font-size: 2rem;
  margin: 0 5px;
  vertical-align: middle;
}
.news-list .wp-pagenavi a {
  color: #d02c1c;
}
.news-list .wp-pagenavi span.current {
  font-weight: normal;
}
.news-list .wp-pagenavi .previouspostslink {
  background: url(../images/news/news_arrow_prev.png) 0 0 no-repeat;
}
.news-list .wp-pagenavi .nextpostslink {
  background: url(../images/news/news_arrow_next.png) 0 0 no-repeat;
}
.news-list .wp-pagenavi .previouspostslink,
.news-list .wp-pagenavi .nextpostslink {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  color: #82806b;
  display: inline-block;
  line-height: 34px;
  margin: 0 10px;
  padding: 0;
  text-align: center;
  width: 34px;
  height: 34px;
}
/* beppu */
.googleCalendar iframe {
  width: 100%;
  height: 400px;
}
@media all and (min-width: 768px) {
  .googleCalendar iframe {
	height: 600px;
  }
}
/* contact */

.contact .main-section p {
  font-size: 1.4rem;
  line-height: 2;
}
.contact .main-section .name {
  margin-bottom: 5px;
}
.contact-map {
  margin: 15px 0;
}
.contact-map iframe {
  width: 100%;
}
p.contact-access {
  line-height: 2;
}
.contact-form {
  border-top: 1px solid #757271;
  margin-top: 66px;
  padding-top: 55px;
  width: 100%;
}
.contact-form h3 {
  color: #393536;
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 15px;
}
.contact-form p.note {
  font-size: 1.1rem;
  line-height: 1.7;
  margin-bottom: 30px;
}
.contact-form table {
  width: 100%;
}
.contact-form tr {
  background-color: #EDE8E2;
  border-bottom: 5px solid #ffffff;
}
.contact-form th {
  font-size: 1.3rem;
  padding: 15px 0 0 13px;
  text-align: left;
  vertical-align: top;
}
.contact-form td {
  padding: 10px 0;
}
.contact-form td input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #393536;
  height: 22px;
}
.contact-form td textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #393536;
  padding-right: 52px;
  width: 415px;
}
.contact-form td .notice {
  font-size: 1.1rem;
  line-height: 1.7;
  margin-top: 15px;
}
.contact-form tr.cont .notice {
  margin-bottom: 30px;
  margin-top: 5px;
}
.contact-form .form-submit {
  text-align: right;
  margin-top: 2px;
}
.contact-form .form-submit button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #393536;
  background-color: #fff;
  border: 1px solid #393536;
  font-size: 1.3rem;
  height: 23px;
  line-height: 21px;
  margin-left: 5px;
  width: 63px;
}
.thanks .contact-form {
  border-top: 0;
  margin: 0;
  padding: 0;
}


/* Footer
   ========================================================================== */

.footer {
  background-color: #393536;
  color: #fff;
  padding: 37px 0 30px;
}
.footer-inner {
  padding: 0 50px;
}
.footer a {
  text-decoration: none;
  color: #fff;
}
.footer-head {
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 23px;
}
.footer-menu {
  display: flex;
  margin-bottom: 50px;
}
.footer-menu .block {
  width: 12.5%;
}
.footer-menu .block06 {
  width: 25%;
}
.footer-menu ul {
  margin-bottom: 25px;
}
.footer-menu li {
  font-size: 1.2rem;
  line-height: 2.17;
}
.footer-menu li.head {
  font-size: 1.3rem;
  font-weight: bold;
}
.footer-menu p {
  font-size: 1.1rem;
  line-height: 1.7;
}
.footer-copy {
  overflow: hidden;
}
.footer-copy .logo {
  float: left;
}
.footer-copy p {
  float: right;
  font-size: 1rem;
  padding-top: 20px;
}
.footer-link {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}
.footer-link > p{
  margin-left: 45px;
}
.footer-menu .block:last-child p {
  margin-bottom: 1em;
}


/* ==========================================================================
   Common Style
   ========================================================================== */

/* Common Base
   ========================================================================== */

.sp-fix {
  display: none !important;
}
.tb-fix {
  display: none !important;
}
.pc-fix {
  display: block !important;
}

/* Common Header
   ========================================================================== */

/* Common Main
   ========================================================================== */

/* Common Footer
   ========================================================================== */

/* Common end */


@media screen and (max-width: 1600px) {
  .home-project .text {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 1500px) {
  .home-bnr ul {
    padding: 0 4%;
    width: 100%;
  }
  .beppuhome-bnr ul {
    padding: 0 auto;
    width: 100%;
  }
}

@media screen and (max-width: 1430px) {
  .home-project .text {
    font-size: 1.0rem;
  }
  .search .main-header-right {
    width: calc(100% - 352px);
  }
  .search .main-header {
    height: auto;
  }
  .search-area-list li {
    margin-bottom: 6px;
  }
  .search-section .inner {
    margin: 0 auto;
  }
}

@media screen and (max-width: 1279px) {
  .home-sns .block {
    display: block;
    overflow: hidden;
  }
  .home-sns .fb-link,
  .home-sns .fb-box {
    float: left;
    width: 50%;
  }
  .home-bnr ul,.beppuhome-bnr ul {
    width: 100%;
  }
  .home-bnr li,.beppuhome-bnr li {
    width: 20%;
  }
  .home-project .text {
    font-size: 1.4rem;
  }
  .home-project .box {
    margin-bottom: 30px;
    width: 33.3333%;
  }
  .home-project .block {
    flex-wrap: wrap;
  }
  .home-project .cont img {
    width: 100%;
  }
  .home .about-map .search-map-block {
    width: 100%;
  }
  .home .about-map-slider {
    height: auto;
    width: calc(100% - 490px);
  }
  .home .about-map-slider .slick-slide {
    height: auto;
  }
  .home .about-map-slider .slick-slide {
    padding-bottom: 120px;
  }
  .home .about-map-slider .bnr {
      display: inline-block;
      margin-top: 20px;
      position: static;
  }
  .footer-menu .block {
    width: 14.2857%;
  }
}

@media screen and (max-width: 1100px) {
  .home-news-list .box:first-child,
  .home-news-list .box {
    width: 16.6667%;
  }
  .membership-section01 h3 {
    margin-left: 0;
  }
  .about-cpd h3 {
    margin-left: 0;
  }
  .about-map-slider .slick-slide {
    padding: 55px 50px 0 50px;
  }
  .search-section .inner {
    padding: 15px 4% 0;
    width: 100%;
  }
  .news .inner {
    padding: 0 4%;
    width: 100%;
  }
  .news-bread {
    right: 4%;
  }
  .footer-menu {
    flex-wrap: wrap;
  }
  .footer-menu .block {
    width: 25%;
  }
}

/* ==========================================================================
   Tablet Style (iPad Pro)
   ========================================================================== */

@media screen and (max-width: 960px) {
  
  /* header */
  
  .header-logo {
    left: calc(50% - 90px);
    top: 50px;
    width: 180px;
  }
  .header-hum-menu .block {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px 80px 30px 30px;
    width: 100%;
  }
  .header-hum-menu .box {
    margin-right: 30px;
  }
  
  /* main */

  .home .search-map-block {
    display: block;
  }
  .home .about-map .search-map-btn {
    margin-bottom: 30px;
    width: 100%;
  }
  .home .about-map .search-map-btn .map {
    margin: 0 auto;
  }
  .home .about-map-slider {
    width: 100%;
  }
  .home-news {
    padding: 0 4% 73px;
  }
  .home-news .box {
    margin-bottom: 10px;
  }
  .home-news .box,
  .home-news-list .box:first-child {
    margin-right: 3%;
    width: 31.3333%;
  }
  .home-news .box:nth-child(3n) {
    margin-right: 0;
  }
  .home-news .box .img {
    height: 0;
    padding-top: 125%;
    position: relative;
    overflow: hidden;
  }
  .home-news .box .img img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
  .home-movie .block {  
  　display: flex;
  }
  .home-movie .box {
    width: 100%;
	margin: 0 auto;
  }
  .home-movie .box2 {
    width: 100%;
	 margin: 0 auto;
  }  
  .home-info {
    display: block;
  }
  .home-about,
  .home-search {
    width: 100%;
  }
  .home-sns {
    padding: 88px 4% 94px;
  }
  .home-bnr,.beppuhome-bnr {
    margin-bottom: 0;
    padding: 30px 4%;
  }
  .home-bnr,.beppuhome-bnr ul {
    flex-wrap: wrap;
  }
  .home-bnr,.beppuhome-bnr li {
    margin-bottom: 20px;
    text-align: center;
    width: 50%;
  }
  .photo-slider li {
    width: 300px;
  }
  .about-jia {
    padding: 35px 4%;
  }
  .about-jia .inner {
    width: 100%;
  }
  .about .project-block p {
    height: auto;
  }
  .about-map .search-map-block {
    width: 100%;
  }
  .about-map .search-map-btn {
    padding-left: 4%;
  }
  .about-map-slider {
    height: auto;
    width: calc(100% - 400px);
  }
  .about-map-slider .slick-slide {
    height: auto;
    padding: 30px 30px 120px;
  }
  .about-map .inner {
    background: none;
  }
  .about-activity {
    padding: 48px 4% 80px;
  }
  .about-activity .inner {
    width: 100%;
  }
  .about-activity-block .box {
    width: 50%;
  }
  .about-map-slider .bnr {
    display: inline-block;
    margin-top: 20px;
    position: static;
  }
  .about-cpd .inner {
    padding: 0 4%;
    width: 100%;
  }
  .main-header {
    padding: 73px 4% 0;
  }
  .main-section .inner {
    width: 100%;
    padding: 0 4%;
  }
  .main-section-head .text {
    width: calc(100% - 117px);
  }
  .juku .main,
  .dr .main,
  .support .main {
    padding: 0;
  }
  .juku .main-section .inner,
  .dr .main-section .inner,
  .support .main-section .inner {
    padding: 50px 4% 60px;
  }
  .project-block {
    flex-wrap: wrap;
  }
  .project-block .box {
    height: auto;
    margin-bottom: 0px;
    width: 100%;
  }
  .project-block p {
    min-height: 0;
  }
  .project-block .box:first-child {
    margin-right: 0;
  }
  .juku-event .inner {
    padding: 35px 4% 83px;
    width: 100%;
  }
  .juku-event .msg {
    margin: 0;
  }
  .juku-event .msg p {
    columns: 1;
  }
  .dr-event .inner {
    padding: 35px 4% 50px;
    text-align: center;
    width: 100%;
  }
  .archive-block,
  .archive-block.full {
    padding: 30px 4% 30px;
  }
  .support-case .project-block .box01 p {
    min-height: 0;
  }
  .support-case .inner {
    padding: 35px 4% 50px;
    width: 100%;
  }
  .support-case .project-block {
    margin: 0;
  }
  .support-case .list,
  .support-case .list02 {
    margin-left: 0;
  }
  .support-footer .membership-entry {
    padding: 30px 4%;
    width: 100%;
  }
.machiken-event .inner {
    padding: 35px 4% 83px;
    width: 100%;
  }
 .machiken-event .spt {
    margin: 0 0 20px 0;
	padding: 20px 0px 20px 0px;
	text-align: center;
  }
 .machiken-event .spt span {
	width: 50%;
  }
.machiken-event .msg {
    margin: 0 0 20px 0;
	padding: 20px 10px 20px 30px;
  }
.machiken-event .msg p {
 padding: 0px 20px 20px 20px;
 font-size: 1em;
 line-height: 1.7em;
  }
.machiken-event .arc {
    margin: 0 0 20px 0;
	padding:0 10px;
	
  }
.machiken-arc-name{
padding-bottom: 40px;
}
.machiken-arc-21{
 font-size: 1.6em;
 line-height: 1;
}
.machiken-arc-19{
 font-size: 1.5em;
}
.machiken-arc-16{
 font-size: 1em;
 line-height: 1.8;
}
.machiken-arc-15{
 font-size: 1em;
 line-height: 2;
}

.machiken-event .machiken-arc-blockl{
  width: 260px;
  float: left;
  display: block;
}
.machiken-panel .inner {
    padding: 4%;
    width: 100%;
  }

  
  /* search */
  
  .search-section .inner {
    margin-left: 0;
    padding: 15px 4% 0;
    width: 100%;
  }
  .search-map .inner {
    width: 100%;
  }
  .map-slider {
    padding: 30px;
    width: calc(100% - 440px);
  }
  .search-map-btn {
    padding-left: 4%;
  }
  
  /* membership */
  
  .membership-entry {
    width: 100%;
  }
  
  /* news */
  
  .news-detail {
    margin-bottom: 50px;
    padding-right: 0;
    width: 100%;
  }
  .news-bread {
    margin-bottom: 30px;
    position: static;
    right: 4%;
    text-align: right;
  }
  .inner.single {
    display: block;
  }
}

/* ==========================================================================
   Tablet Option Style
   ========================================================================== */

@media screen and (max-width: 896px) {
  /* search */
  .search .main-header-left {
    margin-bottom: 50px;
  }
  .search .main-header-left,
  .search .main-header-right {
    float: none;
    width: 100%;
  }
  .search-list .work {
    clear: both;
    float: none;
    padding-top: 30px;
  }
  .search-list .info {
    margin-right: 0;
    width: calc(100% - 189px);
  }
}

/* ==========================================================================
   iPad Mini Air Style
   ========================================================================== */

@media screen and (max-width: 768px) {
  
  /* header */
  
  .header-menu {
    display: none;
  }
  
  /* main */
  
  .mv-slider p {
    display: none;
  }
  .home-project {
    padding: 0 4% 113px;
  }
  .home-project .box {
    margin: 0;
    position: relative;
    width: 100%;
  }
  .home-project h3 {
    left: 0;
    position: absolute;
    top: 30px;
    z-index: 1;
    width: 50%;
    text-align: center;
  }
  .home-project .cont {
    padding-top: 0;
  }
  .home-project .cont a {
    display: flex;
  }
  .home-project .img {
    display: flex;
    align-items: center;
    padding-top: 0;
    width: 50%;
  }
  .home-project h4 {
    padding-top: 0;
    position: static;
    width: 100%;
  }
  .home-project .text {
    font-size: 1.4rem;
    opacity: 1;
    position: static;
    width: 50%;
    vertical-align: top;
  }
  .home-org-head {
    padding: 0;
  }
  .home-search {
    padding: 0 4% 50px;
  }
  .home-sns h2 {
    width: auto;
  }
  .home-sns .fb-link.pc-show {
    display: none;
  }
  .home-sns .fb-link.sp-show {
    background: none;
    display: block;
    float: none;
    height: auto;
    margin-bottom: 20px;
    text-align: center;
  }
  .home-sns .fb-link.sp-show a {
    height: auto;
  }
  .home-sns .fb-link, .home-sns .fb-box {
    width: 100%;
  }
  .home-sns .fb-box {
    display: none;
  }
  .home-picup .img {

  }

  
  .advice .main-section {
    background-position: 0 0;
    background-size: cover !important;
    margin-bottom: 30px;
  }
  .search-map-block {
    display: block;
  }
  .map-slider {
    width: 100%;
  }
  .about-map-slider {
    width: 100%;
  }
  .search-map-btn {
    height: auto;
    margin-bottom: 30px;
    width: auto;
  }
  .search-map-btn .map {
    margin: 0 auto;
  }
  .news-cat-list {
    justify-content: center;
    width: 100%;
  }
  .news-list .block {
    margin: 0;
  }
  .news-list .box {
    width: calc(50% - 20px);
  }
  .news-cat-list li:nth-child(5n) {
    margin-right: 10px;
  }
  /* footer */
  
  .footer-menu .block {
    width: 50%;
  }
}


/* ==========================================================================
   Mobile Style
   ========================================================================== */

@media screen and (max-width: 559px) {

/* Mobile Base
   ========================================================================== */

html {
  font-size: 50%;
}
.pc-fix {
  display: none !important;
}
.tb-fix {
  display: none !important;
}
.sp-fix {
  display: block !important;
}
.wrapper a:hover img {
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
}
img {
  max-width: 100%;
}
h2 img,
h3 img,
h4 img {
  zoom: 70%;
}


/* Mobile Layout
   ========================================================================== */

/* Mobile Header
   ========================================================================== */
  
  .header {
    height: 50px;
  }
  .header-logo {
    margin: 11px auto 0;
    position: static;
    width: 80px;
  }
  .header-menu {
    display: none;
  }
  .header-hum {
    right: 4%;
    top: 16px;
  }
  .header-hum-menu {
    height: auto;
    background-color: #fff;
  }
  .header-hum-menu .box {
    width: 100%;
  }
  .header-hum-menu .close {
    right: 28px;
    top: 16px;
  }
  .header-hum-menu .box03 ul {
    margin-top: 32px;
  }
  
/* Mobile Main
   ========================================================================== */
  
  .main {
    padding: 0 4%;
  }

  .main-section .inner {
    padding: 0;
  }
  .main-header {
    margin-bottom: 30px;
    padding: 73px 0 0;
  }
  .main-header h2 {
    float: none;
    line-height: 1;
    margin-right: 0;
  }
  .main-header h2 img {
    line-height: 1;
  }
  .main-header-right {
    float: none;
    padding-top: 20px;
  }
  .main-header-right img {
    height: 20px;
  }
  .main-header-right li {
    margin-right: 20px;
  }
  .main-section h3,
  .main-section h4 {
    float: none;
  }
  .main-section-head .text {
    float: none;
    width: 100%;
  }
  
  /* home */
  
  .home .wrapper {
    width: 100%;
  }
  .home .header {
    height: 59px;
  }
  .home .header-hum {
    top: 32px;
  }
  .home .header-hum.slideIn {
    top: 22px;
  }
  .home .main {
    padding-top: 30px;
  }
  .mv {
    width: 100%;
  }
  .mv-text {
    margin-left: 0;
    padding-top: 20%;
    top: 0;
    width: 100%;
  }
  .mv-msg {
    padding: 10px;
    position: static;
  }
  .mv-slider-block .title img {
    width: 200px;
  }
  .mv-slider-block .title {
    left: 20px;
    top: 80px;
	  font-size: 1.18rem;
  }
  .mv-slider-block .title.fadeInUp {
    top: 70px;
  }
  .mv-slider .slide-img {
    height: 400px;
  }
  .mv-slider .slick-dots {
    left: 20px;
  }
  .mv-slider .slick-dots li,
  .mv-slider .slick-dots li button {
    width: 20px;
  }
  .home h2 {
    padding-top: 50px;
  }
  .home-bnr,.beppuhome-bnr .box {
    float: none;
    margin: 0 0 20px;
    width: 100%;
  }
  .home-bnr,.beppuhome-bnr .box img {
    width: 100%;
  }
  .home-bnr,.beppuhome-bnr li {
    margin-bottom: 0;
  }
  .home-news {
    padding: 0 4% 30px;
  }
  .home-news h2 {
    padding-top: 0;
  }
  .home-news .box img {
    height: 200px;
  }
  .home-news .text {
    min-height: 0;
  }
  .home-about {
    background-position: 96% 98%;
    padding: 0 4% 50px;
  }
  .home-sns {
    padding: 40px 5% 0;
  }
  .home-sns .block {
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
  }
  .home-sns .box {
    float: none;
    width: 100%;
  }
  .about-map .search-map-btn {
    padding: 0;
  }
  .about-map-slider p,
  .about-map-slider .relate li {
    font-size: 1.2rem;
  }
  .about-map-slider h4 span {
    display: block;
    margin-top: 5px;
    padding-left: 0;
  }
  
  /* search */
  
  .search .main-header {
    padding-bottom: 0;
  }
  .search .main-header h2 img {
    height: 26px;
  }
  .search-section {
    padding-left: 0;
  }
  .search-section h3 img {
    height: 20px;
  }
  .search-menu {
    margin-bottom: 0;
    padding-left: 0;
  }
  .search-menu p {
    display: inline-block;
    float: none;
  }
  .search-menu ul {
    float: none;
    margin-bottom: 20px;
  }
  .search-menu li {
    display: inline-block;
    float: none;
    margin-bottom: 10px;
  }
  .search-menu .map {
    float: none;
  }
  .search-menu .map img {
    margin: 0;
    vertical-align: bottom;
    width: 30px;
  }
  .search-list .block {
    padding: 15px;
  }
  .search-list .prof {
    float: none;
    height: auto;
    text-align: center;
    width: 100%;
  }
  .search-list .info {
    float: none;
    margin-right: 0;
    padding-top: 20px;
    width: 100%;
  }
  .search-list .work {
    float: none;
    margin-top: 20px;
    text-align: center;
  }
  /* about */
  
  .about .main {
    padding: 0;
  }
  .about .main-header {
    padding: 73px 4% 0;
  }
  .about-map {
    padding: 43px 4% 66px;
  }
  .about-activity {
    padding: 30px 4% 30px;
  }
  .about-activity .box {
    float: none;
    width: 100%;
  }
  .about-activity .box {
    margin-bottom: 20px;
  }
  .about-cpd {
    padding: 30px 0;
  }
  .about-cpd .box {
    float: none;
    width: 100%;
  }
  .about-cpd h4 {
    float: none;
    padding-right: 0;
  }
  .about-cpd .box {
    margin-bottom: 20px;
  }
  
  /* advice */
  
  .advice .main {
    padding: 0;
  }
  .advice .inner {
    padding: 0 4%;
  }
  .advice .main-header {
    padding: 73px 4%;
  }
  .advice .main-section-head .text {
    width: 100%;
  }
  .advice .main-section h3,
  .welcome-section h3 {
    margin-right: 0;
  }
  .advice .main-section .inner,
  .welcome-section .inner {
  }
  .advice .main-section h4,
  .welcome-section h4 {
    margin-bottom: 20px;
  }
  .advice-tel {
    padding: 10px;
  }
  .advice-tel .name span {
    display: block;
  }
  .advice-info dt {
    float: none;
    margin-bottom: 10px;
    padding-left: 0;
    width: auto;
  }
  .advice-info dd {
    margin-bottom: 20px;
  }
  .welcome-section {
    background-size: cover;
  }
  .welcome-section .inner {
    padding-bottom: 20px;
    padding-top: 20px;
  }
  
  /* project */
  
  .project .main-header {
    margin-bottom: 30px;
  }
  .project-section {
    padding-left: 0;
  }
  .project .search-list .prof {
    width: 100%;
  }
  .juku .main-header,
  .dr .main-header,
  .support .main-header {
    padding: 73px 4% 0;
  }
  .archive-block-half {
    display: block;
  }
  .archive-block-half ul,
  .archive-block-half li {
    width: 100% !important;
  }
  .archive-block.full {
    text-align: left;
  }
  .support-case .list {
    margin: 0 0 40px;
  }
  
  /* membership */
  
  .membership-section01 {
    padding: 40px 4% 30px;
  }
  .membership-entry {
    margin-left: 0;
  }
  
  /* news */
  
  .news-menu {
    float: none;
    margin-bottom: 20px;
    width: 100%;
  }
  .news-list {
    margin-left: 0;
    width: 100%;
  }
  .news-list h3 {
    margin-bottom: 20px;
  }
  .news-text {
    float: none;
    padding: 0;
    width: 100%;
  }
  .news-img {
    float: none;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
  }
  .news-article {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  
  /* contact */
  
  .contact .main-header {
    margin-bottom: 30px;
  }
  .contact .main-header h2 img {
    height: 26px;
  }
  .contact .main-section {
    min-height: 400px;
    padding-left: 0;
  }
  .contact .main-section .inner {
    float: none;
    width: 100%;
  }
  .contact-map {
    margin: 20px 0;
  }
  .contact-form {
    margin-top: 30px;
    width: 100%;
  }
  .contact-form .note {
    margin-bottom: 20px;
  }
  .contact-form td textarea {
    padding: 10px;
    width: 100% !important;
  }
  .contact-form th {
    padding: 10px;
  }
  .contact-form td {
    padding: 10px;
  }
  .contact-form td input {
    height: auto;
    padding: 10px;
    width: 100%;
  }
  .contact-form .form-submit button {
    height: auto;
    line-height: 1;
    padding: 10px 0;
    width: 100px;
  }
  div#mfp_phase_confirm h4 {
    font-size: 2.4rem !important;
  }
  table#mfp_confirm_table tr th {
    width: 20% !important;
  }
  


  
/* Mobile Footer
   ========================================================================== */
  
  .pagetop img {
    width: 50px;
  }
  .footer {
    padding: 20px 4%;
  }
  .footer-inner {
    padding: 0;
    width: 100%;
  }
  .footer-head {
    display: none;
  }
  .footer-menu .block {
    display: none;
    width: 100%;
  }
  .footer-menu .block:last-child {
    display: block;
    display: flex;
  }
  .footer-menu .block:last-child p {
    padding-right: 10px;
    width: 33.3333%;
  }
  .footer-link > p {
    margin-bottom: -60px;
    margin-left: 20px;
  }
  .footer-copy .logo {
    float: none;
  }
  .footer-copy p {
    float: none;
    text-align: center;
  }

} /* Mobile end */


/* Commons
   ========================================================================== */
.center {
  text-align: center;
}

.mb00 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}