body {
  color: #444;
  font-family: "Noto Sans JP", sans-serif;
}
/*
font-family: "IBM Plex Sans JP", sans-serif;
font-weight: 400;
font-style: normal;
*/

/* layout */
.container {
  max-width: 1000px;
  margin: 0 auto;
}
.content_wrap{
  width: 750px;
  margin: 2em auto 3em;
}

main{
  background:white;
}
ul li{
  line-height: 1.8;
}
.sp{
  display: none;
}
@media screen and (max-width: 599px) {
  .content_wrap {
    width: 90%;
    margin: auto;
  }
  .pc{
    display: none;
  }
  .sp{
    display: block;
  }
}

/* color */
.bg_grad {
  background-image: linear-gradient(180deg, rgb(12, 64, 108), rgb(42, 56, 69));
}
.bg_grad .container {
  color: white;
}
.bg_gray {
  background: #F5F5F5;
}
.bg_green{
  background: #0A6833;
}
.bg_white{
  background: white;
}
  .bg_yel {
    background: #FAB32D;
  }
.bg_memo{
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
  linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
background-size: 16px 16px;
background-repeat: repeat;
background-position: center center;

}
.bg_blue{
  background: #0997D6;
}


/* parts */
.btn_more {
  background: #0A6833;
  color: white;
  display: inline;
  padding: 1em;
  border-radius: 8px;
}
.btn_more:hover{
  opacity: 0.8;
}

.btn {
  display: flex;
  align-items: center;
}
.btn .btn_line {
  background: #50B133;
  color: white;
  border-radius: 5px;
  padding: 0.25em 1em;
  margin: 0.25em 0.5em;
}
.btn .btn_line:hover{
  opacity: 0.8;
}
.btn .btn_form {
  background: #363636;
  color: white;
  border-radius: 5px;
  padding: 0.25em 1em;
  margin: 0.25em 0.5em;
}
.btn .btn_form:hover{
  opacity: 0.8;
}

.el_line {
  background: linear-gradient(transparent 60%, #FFD381 0%);
}

.el_item dt {
  border-left: 5px solid #F4A614;
  padding-left: 0.5em;
}

/* fonts */
p {
  line-height: 1.8em;
  margin-bottom: 1.5em;
}

.txt_center {
  text-align: center;
}

.fnt_bold {
  font-weight: bold;
}

@media screen and (max-width: 599px) {
  body{
    margin-bottom: 1em;
    font-size: 90%;
  }
}

/* event */

.event{
  padding-bottom:2em ;
}
.event img {
  max-width: 750px;
  display: block;
  margin: auto;
}
.event .btn_line {
  background: #50B133;
  max-width: 500px;
  margin: auto;
  padding: 1.5em;
  border-radius: 15px;
  font-size: 1.5em;
  border: 2px solid white;
  color: white;
  transition : 1s;
  text-align: center;
}
.event .btn_line:hover {
  background: white;
  border: 1px solid #50B133;
  color: #50B133;
  transition: 1s;
}
@media screen and (max-width: 599px) {
  .event{
    margin-bottom: 2em;
  }
  .event img {
    width: 100%;
  }
  .event .btn_line{
    width: 90%;
    padding: 1em;
    font-size: 1.3em;
  }
  
}

/* HEADER */
header{
  background: white;
}
header h1 {
  font-size: 12px;
  margin-bottom: 0.25em;
}
header .ttl img {
  max-width: 290px;
  margin-top: 0.5em;
}
header .ttl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1em;
}
header .info {
  display: flex;
  flex-direction: column;
}
header .info .call {
  display: flex;
  justify-content: flex-end;
  font-weight: bold;
}
header .info .call a {
  display: block;
  font-size: 200%;
  margin-right: 1em;
}
header .info .call a:hover{
  color: #0A6833;
}
header .info .call p {
  font-size: 80%;
}
header .info .btn {
  display: flex;
  align-items: center;
  color: white;
}
header .info .btn .btn_line:hover{
  opacity: 0.8;
}
header .info .btn .btn_form:hover{
  opacity: 0.8;
}
header .info .btn .btn_line {
  background: #50B133;
  border-radius: 5px;
  padding: 0.25em 1em;
  margin: 0.25em 0.5em;
}
header .info .btn .btn_form {
  background: #363636;
  border-radius: 5px;
  padding: 0.25em 1em;
  margin: 0.25em 0.5em;
}
header nav {
  background: #0A6833;
  font-size: 90%;
}
header nav ul {
  display: flex;
  justify-content: space-evenly;
}
header nav ul li {
  list-style: none;
  margin: 0.5em;
  padding: 0.5em 0;
  color: white;
}
header nav ul li :hover{
  opacity: 0.8;
}

  /* ハンバーガーメニュー */
  .hamburger-nav{
    height: 100%;
    opacity: 0.8;
    background: #0A6833;
   }
  .hamburger-button{
    opacity: 0.8;
    background: none;
    top: 35px;
    right: 0;
  }

#menu-header-nav_sp {
    flex-direction: column;
}
#menu-header-nav_sp li {
  margin: 1em 1em 0 1em;
  padding: 1em 0;
  border-bottom: 1px solid #fefefe;
}
/*header {
  position: fixed;
  z-index: 100;
  left: 0;
  right: 0;
  border-bottom: 1px solid #eee;
}
@media screen and (min-width: 599px) {
.front {
  overflow: hidden;
  position: relative;
  top: 160px;
}
}*/

@media screen and (max-width: 599px) {
 /* header {
    position: fixed;
    z-index: 100;
    border-bottom: 1px solid #eee;
}*/
header{
  border-bottom: 1px solid #eee;
}
  header .container {
    padding: 0;
  }
  header h1{
    font-size: 70%;
  }
  header .ttl {
    flex-direction: column;
    padding: 1em;
  }
  header .ttl img {
    margin: 1em 0;
    display: block;
  }
  header .info .call {
    justify-content: space-evenly;
  }
  header .info .btn{
    font-size: 80%;
    justify-content: space-evenly;
  }
  header .info .btn .btn_line{
    padding: 0.5em 1em;
  }
  header .info .btn .btn_form{
    padding: 0.5em 1em;
  }



}

/* footer */
footer {
  background: #0A6833;
  padding: 2em;
}
footer .content {
  padding: 2em;
  background: white;
  display: flex;
}
footer .content .info {
  width: 100%;
}
footer .content nav {
  font-size: 80%;
}
footer .content nav ul {
  display: flex;
  flex-wrap: wrap;
}
footer .content nav ul li {
  margin: 0.5em;
}
footer .logo {
  width: 300px;
  margin-bottom: 1em;
}

.sns ul {
  padding-left: 0;
}

.sns .inst {
  background: #CF2E92;
}

.sns .tw {
  background: #55acee;
}

.sns .fb {
  background: #3B5998;
}

.sns li {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding: 3px 3px 3px 7px;
  margin: 0 0.1em;
}

.sns li a {
  color: white;
}


@media screen and (max-width: 599px) {
  footer {
    padding: 1em;
  }
  footer img{
    margin-bottom: 1em;
  }
  footer .content {
    flex-direction: column;
  }
  footer .content .info {
    /*border-bottom: 1px solid #ccc;*/
    margin-bottom: 1em;
    /*padding-bottom: 0.5em;*/
  }
  footer .btn{
    flex-direction: column;
  }
  footer .btn_line {
    width: 200px;
    text-align: center;
}
footer .btn_form {
  width: 200px;
  text-align: center;
}
}

/* front */
.front {
  overflow: hidden;
}
.front .ttl_h2 {
  font-size: 120%;
  text-align: center;
  margin: 2em auto;
}
.front .ttl_h2 h2 {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 1.7em;
}
.front .ttl_h2 h2:before {
  content: "";
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #F4A614;
}
@media screen and (max-width: 599px) {
  .front .ttl_h2 {
    font-size: 80%;
  }
}
.front .reason .content .left .label {
  background: rgba(244, 166, 20, 0.8);
  color: white;
  width: 50%;
  text-align: center;
  padding: 1em;
  position: relative;
  bottom: 120px;
  left: 500px;
}
.front .reason .content .right img {
  display: block;
  margin: 0 0 0 auto;
}
.front .reason .content .right .label {
  background: rgba(244, 166, 20, 0.8);
  color: white;
  width: 50%;
  text-align: center;
  padding: 1em;
  position: relative;
  bottom: 120px;
}
.front .reason a {
  text-align: center;
  display: block;
}
.front .result {
  border: 1px solid;
}
.front .result .ttl {
  color: white;
  text-align: center;
  padding: 1em 0;
}
.front .result .content {
  padding: 2em;
  margin: auto;
}
.front .result .content ul {
  display: flex;
  flex-wrap: wrap;
}
.front .result .content ul li {
  margin: 0.5em 1em;
}
.front_mv{
  margin: 2em 0 3em;
}

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

  .front .reason .content .left .label{
    width: 90%;
    bottom: 0;
    left: 0;
    margin: 1em auto;
  }
  .front .reason .content .right .label{
    width: 90%;
    bottom: 0;
    left: 0;
    margin: 1em auto;
  }
  .front .reason .content {
    margin: 1em 0;
    padding-bottom: 2em;
}
  .front .result .content ul {
    flex-direction: column;
  }
}


.front .course {
  display: flex;
  color: #0A6833;
  margin:1.5em auto 3em;
}
.front .course li {
  width: 350px;
  margin: 0 0.5em;
}
.front .course li .cat {
  border-bottom: 1px solid;
  display: block;
  margin: 0.5em;
  padding-bottom: 0.5em;
}
.front .course li .ttl {
  display: block;
  margin: 0.5em;
  padding-bottom: 0.5em;
}
.front .course li .click {
  text-decoration: underline;
}

@media screen and (max-width: 599px) {
  .front .course {
    flex-direction: column;
  }
  .front .course li {
    width: 95%;
    margin: 1.5em auto;
}
}


.front .inqury {
  color: white;
  padding: 1.5em 0;
}
.front .inqury .call {
  font-size: 3em;
}
.front .inqury .call:hover{
  opacity: 0.7;
}
.front .inqury .time {
  display: flex;
  align-items: center;
  justify-content: center;
}
.front .inqury .time dt {
  margin-right: 1em;
}
.front .inqury .content {
  width: 65%;
  margin: 1em auto;
}
.front .inqury .btn {
  justify-content: center;
  margin: 1.5em 0;
}

.front .inqury .btn .btn_form:hover{
  opacity: 0.8;
}

.front .inqury .btn .btn_line:hover{
  opacity: 0.8;
}

@media screen and (max-width: 599px) {
  .front .inqury .call {
    font-size: 2.5em;
  }
  .front .inqury .time{
    margin: 0.5em auto;
  }
  .front .inqury .btn{
    flex-direction: column;
  }
  .front .inqury .btn .btn_line{
    margin: 1em auto;
    padding: 0.5em 1em;
  }
  .front .inqury .btn .btn_form{
    margin: 1em auto;
    padding: 0.5em 1em;
  }
}
.front .profile .content {
  display: flex;
}
.front .profile .content img {
  height: 100%;
}
.front .profile .dir {
  display: flex;
  margin-bottom: 1.5em;
}
.front .profile .dir .cat {
  height: 10%;
  color: #0A6833;
  font-size: 80%;
  border: 1px solid;
  border-radius: 5px;
  margin-right: 0.5em;
  padding: 0.25em 1em;
  position: relative;
  top: 5px;
}
.front .profile .dir .name {
  font-size: 1.8em;
}
.front .profile .dir .name_full {
  font-size: 90%;
}
@media screen and (max-width: 599px) {
  .front .profile .content {
    flex-direction: column;
    align-items: center;
  }
  .front .profile .txt_box {
    width: 90%;
    margin: auto;
}
  .front .profile .el_item dt{
    margin-bottom: 0.5em;
  }
  .front .profile .el_item dd{
    margin-bottom: 1.5em;
  }
  .front .profile .content img {
    width: 90%;
}
.front .profile .txt_box {
  padding-bottom: 1em;
}


}

.front .voice {
  padding: 1.5em 0;
}
.front .voice p{
  margin: 1.5em 0;
  line-height: 1.5em;
}
.front .voice img{
  display: block;
  margin: auto;
}
.front .voice ul {
  display: flex;
}
.front .voice ul li {
  background: white;
  color: #333;
  margin: 1em 0.5em;
  padding: 1em;
  width: 300px;
}
.front .voice ul .cat {
  border: 1px solid;
  padding: 0.5em 1em;
  border-radius: 20px;
}
.front .voice .btn {
  background: white;
  color: #0A6833;
  width: 300px;
  margin: 1.5em auto;
  padding: 1em;
  border-radius: 10px;
  justify-content: center;
}
.front .voice .btn:hover{
  background: #0A6833;
  color: white;
  transition: 0.5s ;
  opacity: 0.8;
}
@media screen and (max-width: 599px) {
  .front .voice ul {
    flex-direction: column;
  }
  .front .voice ul li {
    width: 90%;
    margin: 1em auto;
    padding: 2em 1em;
  }
  .front .voice ul li div{
    margin-bottom: 1.5em;
  }
  .front .voice ul .cat{
    font-size: 80%;
  }
}


.flow .bg_gray {
  padding: 1em;
}
.flow .btn {
  margin-bottom: 1.5em;
}
.flow .el_flow {
  background: white;
  padding: 1.5em;
  margin: 1.5em;
}
.flow .el_flow .step {
  display: inline-block;
  background: #333;
  color: white;
  margin: 0.5em 0;
  padding: 0.5em 1em;
  font-size: 80%;
}
.flow .el_flow .ttl {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 0.5em;
  display: block;
  border-bottom: 1px solid;
  padding-bottom: 0.25em;
}
.flow .el_flow dd {
  margin-bottom: 2em;
}
.flow .el_flow .call {
  font-size: 200%;
  font-weight: bold;
}
.flow .el_flow .form {
  text-decoration: underline;
}
.flow .el_flow .form:hover{
  opacity: 0.8;
  color: #0A6833;
}

@media screen and (max-width: 599px) {
  .flow .container {
    padding: 0 10px;
  }
  .flow .el_flow {
    margin: auto;
  }
  .flow .el_flow .step {
    width: 100%;
  }
  .flow .el_flow .ttl {
    text-align: center;
    padding-bottom: 0.25em;
  }
}
.front .info {
  margin-bottom: 1.5em;
}
.front .info .content {
  display: flex;
}
.front .info h3 {
  font-weight: bold;
  font-size: 110%;
  margin: 0 0 1em 1.5em;
}
.front .info .el_item {
  margin-left: 1.5em;
}
.front .info .el_item dt {
  margin-bottom: 0.5em;
}
.front .info .el_item dd {
  margin-bottom: 1em;
}
@media screen and (max-width: 599px) {
  .front .info .content {
    flex-direction: column;
  }
  .front .info .content .map {
    width: 90%;
  }
  .front .info .content .el_item {
    margin-left: 0;
  }
  .front .info .txt_box{
    width: 90%;
    margin: 1em auto;
  }
}
/* - - - - - - - - - - - - - - - - - 

！　0607以降　手打ち　！

- - - - - - - - - - - - - - - - - - */
.breadcrumb{
  background: white;
}
.breadcrumb ul li {
  
  display: inline-block;
  margin: 0.5em 0.25em;
  color: #666;
  font-size: 80%;
}
.breadcrumb ul li:after {
  font-family: "Material Icons";
  content: "\e5cc";
  color: #0A6833;
  font-size: 150%;
  position: relative;
  top: 5px;
  left: 5px;
}
.eyecatch .ttl{
  position: relative;
  bottom: 250px;
  font-size: 200%;
  text-align: center;
  color: #D61B1B;
  font-family: 'Zen Kurenaido', sans-serif;
}
.eyecatch .ttl h1 span {
font-size: 80%;
font-family: 'Lato', sans-serif;
color: #333;
position: relative;
display: inline-block;
}

.eyecatch .ttl h1 span:before{
  content: "";
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #F4A614;
}
.eyecatch .ttl div{
  margin-top: 0.5em;
  font-weight: bold;
}

.eyecatch_s .ttl{
  position: relative;
  bottom: 210px;
  font-size: 200%;
  text-align: center;
  color: #D61B1B;
  font-family: 'Zen Kurenaido', sans-serif;
}
.eyecatch_s .ttl h1 span {
font-size: 80%;
font-family: 'Lato', sans-serif;
color: #333;
position: relative;
display: inline-block;
margin-bottom: 0.5em;
}

.eyecatch_s .ttl h1 span:before{
  content: "";
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #F4A614;
}
/*{
  margin-top: 0.5em;
  font-weight: bold;
}*/

@media screen and (max-width: 599px) {
  .eyecatch .ttl {
    font-size: 100%;
    bottom: 110px;
      margin: 1em 0;
      height: 100px;
  }
  .eyecatch .ttl h1 span:before{
    bottom: -5px; 
    height: 3px;
  }
  .eyecatch_s .ttl {
    font-size: 100%;
      /*
          bottom: 100px;
      margin: 1em 0;
      */
      bottom: 110px;
      margin: 2em 0;
      height: 70px;
  }
  .eyecatch_s .ttl h1 span{
    margin-bottom: 0.5em;
  }
  .eyecatch_s .ttl h1 span:before{
    bottom: -5px;
    height: 3px;
  }
  .breadcrumb ul li{
    margin: 0 0 0.25em 1em;
  }
  .breadcrumb ul li:after{
    top: 3px;
  }
}


/* concept */
.page_margin {
  position: relative;
  bottom: 120px;
}

.concept .features h2{
  margin: 1em;
}
.concept .features .ttl_h2 {
  font-size: 120%;
  text-align: center;
  margin: 1em auto;
}
.concept .features .ttl_h2 h2 {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 1.7em;
  font-weight: bold;
}

.concept .ttl_h2 h2:before{
  content: "";
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #F4A614;
}


.concept .features .ttl_h3 {
  font-size: 80%;
  text-align: center;
  margin: 1em auto 2em;
}
.concept .features .ttl_h3 h3 {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 1.7em;
  font-weight: bold;
}
.concept .features .ttl_h3 h3:before{
  content: "";
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #F4A614;
}

.concept .message{
  display: flex;
  align-items: center;
}
.concept .message .txt_box {
  width: 50%;
  padding: 1em;
}

.concept .container.bg_green {
  padding: 2.5em;
}

.concept .img {
  position: relative;
  top: 10px;
}
.concept .features{
  margin: 2em auto;
}
.concept .features ul{
  display: flex;
}
.concept .features ul li{
  margin: 1em;
  padding: 1em;
  width: 30%;
  }

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

    .concept .container.bg_green{
      padding: 1.5em;
    }

    .concept .message{
      flex-direction: column;
    }
    .concept .message .txt_box{
      width: 100%;
    }
    .concept .features ul{
      flex-direction: column;
    }

    .concept .features ul li {
      width: 90%;
      margin: 1em auto;
  }

  }

/* choice */
.choice .icon{
  margin: 2em auto;
  display: block;
  width: 100px;
}
.choice .ttl_h2{
  background: #0A6833;
  color: white;
  padding: 0.5em;
  margin: 2.5em 0;
  font-size: 20px;
}

.choice .content{
  display: flex;
  margin: 2em 0;
}
.choice .content .choice_img{
  width: 300px;
}
.choice .content .txt_box{
  margin-left: 1em;
}
.choice .content h3{
  border-bottom: 1px solid;
  font-size: 20px;
  padding-bottom: 0.25em;
  margin-bottom: 1em;
}
.choice ul  li{
  margin-left: 1.5em;
  padding: 1.5em;
}

.choice .txt_center.fnt_bold.el_line {
  display: inline-block;
}
.choice .ttl_h4 {
  font-size: 1.3em;
  border-bottom: 1px solid;
}
@media screen and (max-width: 599px) {
  .choice .eyecatch_s .ttl{
    bottom: 90px;
    font-size: 100%;
  }

  .choice .content{
    flex-direction: column;
  }
  .choice .content{
    margin: 1em 0;

  }
  .choice img {
    width: 90%;
    height: 100%;
    margin: auto;
    display: block;
  }
  .choice .txt_box {
    width: 90%;
    margin: 1em auto 0;
}
  .choice .icon {
    width: 20%;
    margin: 2em auto;
  }

  .choice ul{
    flex-direction: column;
  }
  .choice ul li{
    padding: 1em;
  }
  .choice ul li{
    margin-left: 0;
    margin-bottom: 1.5em;
  }
  .choice .ttl_h4 {
    display: inline-block;
    font-size: 1.3em;
  }
  .choice .strong .flex{
    display: block;
  }
  .choice .ttl_h4{
    width: 100%;
    text-align: center;
  }


}


/* course */

.course .ttl_h2{
  background: #0A6833;
  color: white;
  padding: 0.5em;
  margin: 2.5em 0;
  font-size: 20px;
}
.course .ttl_h2 span {
  background: white;
  color: #0A6833;
  padding: 0.25em;
  font-size: 80%;
  margin-right: 0.5em;
  font-weight: bold;
}
.course .ttl_h3 h3{
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
  font-size: 20px;
  margin: 1em 0;
}

.course .ttl_h3 h3:before, h3:after { 
  content:'';
  width: 20px;
  height: 30px;
  position: absolute;
  display: inline-block;
}

.course .ttl_h3 h3:before {
  border-left: solid 1px #FFD217;
  border-top: solid 1px #FFD217;
  top:0;
  left: 0;
}

.course .ttl_h3 h3:after {
  border-right: solid 1px #FFD217;
  border-bottom: solid 1px #FFD217;
  bottom:0;
  right: 0;
}
.course .content{
  display: flex;
  flex-wrap: wrap;
}
.course dl{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
    width: 300px;
    margin: 0.5em;
}
.course dt{
  background: #0A6833;
  color: white;
  padding: 0.5em;
    margin-bottom: 0.5em;
  text-align: center;
}

.course .strong li{
  width: 750px;
  margin: 1em auto;
  border-bottom: 1px solid;
  padding-bottom: 0.25em;
  line-height: 1.8;
}
.strong .flex {
  display: flex;
  margin: 1em 0;
}

.course_img{width: 90%;}
.course a:hover{
  opacity: 0.8;
}
.course .txt_box{
  padding: 1.5em;
}
.course .txt_box ul{
  background: white;
  padding: 1em;
}

.course .txt_box li{
  margin-bottom: 0.25em;
}

.course .message{
  width: 750px;
  margin: auto;
}

@media screen and (max-width: 599px) {
  .course .content{
    justify-content: center;
    flex-direction: column-reverse;
    align-items: center;
  }
  .course dl{
    width: 350px;
  }
  .course .strong {
    width: 90%;
    margin: auto;
}
  .course .strong li{
    width: 100%;
}
.course .txt_box li{
  margin-bottom: 1em !important;
}

.course img {
  width: 100%;
  display: block;
}
.contact_img img {
  margin-top: 2em;
}
.course .message{
  width: 100%;
}

}
@media screen and (min-width: 599px) {
.course .ttl {
  bottom: 180px;
}
}

/*profile*/
.profile_content{
  overflow: hidden;
}

.eyecatch_s .ttl .prf{
  color: white;
}
.eyecatch_s .ttl .prf span{
  color: white;
}
.profile_content .txt_box{
  display: flex;
  padding-top: 3em;
}
.profile_content .prof_parts_bg{
  background: #555;
}
.profile_content .prof_content_bg{
  background: url("../../asset/img/common/profile_bg.jpg");
}

.profile_content .ttl span{
  color: #0A6833;
}
.profile_content .ttl p{
  font-size: 2em;
  margin-bottom: 0.8em;
}
.profile_content .licence{
  display: flex;
}
.profile_content .licence .label:first-child{
  margin: 0 0.25em 0 0;
}
.profile_content .licence .label{
  background: #FFD217;
  padding: 0.25em 0.5em;
  text-align: center;
  font-weight: bold;
  margin: 0 0.25em;
}
.content_wrap_prof{
  width: 750px;
  margin: auto;
  padding: 2em 0;
}
.content_wrap_prof p:last-child{
  margin-bottom: 0;
}

@media screen and (max-width: 599px) {
  .profile_content .txt_box{
    flex-direction: column;
    padding-top: 0;
}
.content_wrap_prof{
  width: 100%;
  padding: 2em 1em;
}
}

/* access */
.access .ttl_h2{
  background: #0A6833;
  color: white;
  padding: 0.5em;
  margin: 2.5em 0;
  font-size: 20px;
}

.eyecatch_s .ttl .access{
  color: #333;
}
/*.eyecatch_s .ttl .access span{
  color: white;
}*/
.access .content {
  display: flex;
  margin: 2em auto;
}
.access .content dl {
  margin-left: 1em;
}

.access .content dl dt {
  border-left: 5px solid #0A6833;
  font-weight: bold;
  margin-bottom: 0.25em;
  padding-left: 0.25em;
}

.access .content dl dd{
  margin-bottom: 1em;
}

.access .slick-list img {
  text-align: center;
  margin: auto;
}

/* contact*/

.contact .content {
  border: 1px solid;
  margin: 2em auto 1em;
  padding: 1.5em;
}

.contact .line.btn {
  background: #50B133;
  color: white;
  width: 20%;
  text-align: center;
  display: block;
  margin: 0.5em 0;
  padding: 0.25em;
  border-radius: 8px;
}
.contact .line.btn:hover{
  opacity: 0.8;
}
.form_wrap {
  max-width: 750px;
  margin: auto;
}

.form_content {
  display: flex;
  align-items: center;
  padding: 1em 0;
  margin: auto;
  border-bottom: 1px solid #ccc;
}
.form_content:first-child{
  border-top: 1px solid #ccc;
}
.form_ttl {
  width: 200px;
}
.form_ttl p{
  margin: 0 1em 0 0;
}

.form_ttl p.hissu:after {
  content: "必須";
  background: red;
  color: white;
  font-size: 70%;
  padding: 0.5em 1em;
  margin-left: 0.5em;
}

.form_box {
  border: 1px solid #ccc;
  width: 500px;
}

.form_btn {
  background: #0A6833;
  color: white;
  width: 50%;
  margin: 1em auto;
  padding: 1em;
  text-align: center;
  font-weight: bold;
}

.form_btn:hover{
  opacity: 0.7;
}
.form_btn p {
  margin: 0 auto;
}

@media screen and (max-width: 599px) {
  .contact .container {
    width: 90%;
    margin: auto;
}
  .contact .line.btn{
    width: 60%;
    padding: 0.5em;
  }
  .form_wrap{
    width: 100%;
  }
  .form_content{
    flex-direction: column;
  }
  .form_ttl{
    width: auto;
    margin: 1em auto;
  }
  .form_box{
    width: 90%;
  }



}

/* single */

.single .cat {
  background: #0A6833;
  color: white;
  display: inline-block;
  margin: 1em 0;
  padding: 0.5em;
  font-size: 80%;
}

.single h1 {
  font-weight: bold;
  font-size: 1.8em;
  border-bottom: 1px solid;
  padding-bottom: 0.25em;
  margin-bottom: 0.5em;
}

.single .others {
  padding: 1.5em;
  margin: 2em auto;
}
.single .others .content {
  background: white;
  padding: 1.5em;
}
.single .others .content p{
  font-weight: bold;
}
.single .others .content .cat{
  margin-right: 1em;
}

.single .others .content ul li {
  border-bottom: 1px solid;
  margin: 0.5em 0;
  font-size: 80%;
}
.single .others .content ul li:hover{
  opacity: 0.7;
}

/* archive */

.archive .content {
  margin: 2.5em 0;
}

.archive .content ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}


.archive ul li{
  width: 300px;
  font-size: 90%;
  margin: 1em;
}

.archive .cat{
  background: #0A6833;
  color: white;
  display: inline-block;
  font-size: 80%;
  padding: 0.25em;
}
.archive img{
  display: block;
  margin: 0.25em 0;
}
.join-ttl{background:#0A6833;color:white}
td, th {
  width: 300px;
  height: 25px;
}
table, td, th {
  border-top: 1px solid #595959;
  border-bottom: 1px solid #595959;
  border-collapse: collapse;

}
table{
  margin: 2em auto !important;
}
td{
  padding: 1em !important;
}

.front .column ul{
  margin: 2em auto;
}
.front .column ul li{
  border-bottom: 1px dotted;
  border-top: 1px dotted;
  padding: 0.5em 0;
}

.column_post {
  margin: 2em auto;
  padding: 2em;
  border: 1px solid #ccc;
}
.column_post h1{
  margin: 1em 0 0;
  font-size: 1.3em;
  border-bottom: 1px solid;
  padding-bottom: 0.5em;
}
.column_post p{
  margin: 1em;
}
.column_post .meta .time{
  color: #ccc;
  text-align: right;
}
.column a:hover {
  color: #F4A614;
}
.has-vivid-red-color {
  color: #cf2e2e;
}

.inqury_content {
  background-image: url("http://fukuoka-english.mu-su-hi.net/wp-content/uploads/2024/06/inqury_ph.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  padding: 2.5rem;
}
.inqury_content_ttl {
  background: white;
  font-weight: bold;
  display: inline-block;
  padding: 0.5em 2rem;
  margin-bottom: 1rem;
  font-size: 1.8rem;
  border-radius: 50px;
  text-align: center;
}

.inqury_content_ttl span {
  color: #ED3776;
}
.inqury_content_attention {
  font-size: 2.8rem;
  color: white;
  font-weight: bold;
}
.inqury_content_call {
  font-size: 4rem;
  color: white;
  margin-bottom: 0.25em;
}
.inqury_content_call a {
  font-weight: bold;
}
.inqury_content_reception dd {
  margin-left: 1em;
}
.inqury_content_reception {
  display: flex;
  align-items: center;
  color: white;
  margin-bottom: 2rem;
}
.inqury_content_btn {
  display: flex;
}
.inqury_content_btn_line {
  background: #50B133;
  color: white;
  padding: 1em 3em;
}
.inqury_content_btn_mail {
  background: #0C406C;
  color: white;
  padding: 1em 3em;
}

@media screen and (max-width: 599px) {
  .column_post {
    width: 95%;
    margin: 1em auto;
    padding: 0.5em;
    border: 1px solid #ccc;
  }
  .column_post img{
    height: 100%;
  }
  .inqury_content {
    height: 500px;
    padding: 3em 0;
    margin-left: 1.5em;
    background-position: bottom;
  }
  .inqury_content_ttl {
    width: 85%;
    font-size: 1.2em;
    text-align: center;
  }
  .inqury_content_attention {
    font-size: 1.2em;
  }
  .inqury_content_call {
    font-size: 2em;
  }

}
/*# sourceMappingURL=style.css.map */



/* 2407 front */

.fv_container_sticky_btn {
  background-color: #fafafa;
  font-weight: bold;
  writing-mode: vertical-rl;
  text-orientation: upright;
  position: fixed;
  top: 200px;
  right: 0;
}
.fv_container_sticky_btn_inner {
  display: flex;
  transform: 0.8s;
}
.fv_container_sticky_btn_inner_text {
  padding: 0.8rem;
}
.fv_container_sticky_btn_inner_line {
  padding: 0.8rem;
  color: #fafafa;
  background-color: #50B133;
}
.fv_container_sticky_btn_inner:hover {
  opacity: 0.9;
}
.fv_container_sticky_btn_inner:hover_line:hover {
  background-color: #3F8229;
}


.fv_container_sticky_btn {
  writing-mode: unset;
  top: unset;
  bottom: 0;
}
.fv_container_sticky_btn_inner {
  font-size: 90%;
}


.front_container {
  position: relative;
}
.front_container .head_2 {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
.front_container .head_2 h2 {
  position: relative;
  padding: 1rem 1rem 1rem 0;
}
.front_container .head_2 h2:before {
  position: absolute;
  bottom: 10px;
  width: 50px;
  height: 3px;
  content: "";
  border-radius: 2px;
  background: #FAB32D;
}
.front_container .head_column {
  display: flex;
  align-items: center;
}
.front_container_btn {
  background-color: #fafafa;
  font-weight: bold;
  writing-mode: vertical-rl;
  text-orientation: upright;
  position: fixed;
  top: 200px;
  right: 0;
}
.front_container_btn_inner {
  display: flex;
  transform: 0.8s;
}
.front_container_btn_inner_text {
  padding: 0.8rem;
}
.front_container_btn_inner_line {
  padding: 0.8rem;
  color: #fafafa;
  background-color: #50B133;
}
.front_container_btn_inner:hover {
  opacity: 0.9;
}
.front_container_btn_inner:hover_line:hover {
  background-color: #3F8229;
}
.front_container_jisseki_content {
  font-weight: bold;
  width: 750px;
  margin: 2.5em auto;
  border: 1px solid;
}
.front_container_jisseki_content_label {
  background-image: linear-gradient(180deg, rgb(12, 64, 108), rgb(42, 56, 69));
  padding: 0.5em;
  color: #fafafa;
  text-align: center;
}
.front_container_jisseki_content_label span::before {
  content: url(../img/common/item_ribbon_l.svg);
  display: inline-block;
  vertical-align: middle;
  transform: scale(0.8);
  margin-right: 1em;
}
.front_container_jisseki_content_label span::after {
  content: url(../img/common/item_ribbon_r.svg);
  display: inline-block;
  vertical-align: middle;
  transform: scale(0.8);
  margin-left: 1em;
}
.front_container_jisseki_content_inner ul {
  padding: 1em;
  display: flex;
  flex-wrap: wrap;
}
.front_container_jisseki_content_inner ul li {
  margin: 0.5em 0.25em;
}
.front_container_jisseki_content_inner ul li:before {
  content: url(../img/common/item_check.svg);
  display: inline-block;
  vertical-align: middle;
  transform: scale(0.8);
  margin-left: 1em;
}
.front_container .choice_content {
  display: flex;
  justify-content: space-between;
}
.front_container .choice_content_inner {
  width: 300px;
}
.front_container .choice_content_inner img {
  width: 100%;
}
.front_container .choice_content_inner_txt {
  background: #F4A614;
  margin-bottom: 2rem;
  padding: 1rem;
  text-align: center;
  color: white;
  height: 80px;
}
.front_container .choice_content_inner_txt_more {
  background: #007239;
  margin-bottom: 2rem;
  padding: 1rem;
  text-align: center;
  color: white;
  height: 80px;
}
.front_container .choice_content .more:hover {
  background: white;
  color: #0A6833;
}
.front_container .voice_content {
  display: flex;
  border-bottom: 2px dotted;
  margin: 2rem 0;
  padding-bottom: 1rem;
}
.front_container .voice_content img {
  width: 150px;
}
.front_container .voice_content_cat {
  color: #265300;
  padding: 0.5em;
  text-align: center;
}
.front_container .voice_content_txt {
  margin-left: 2.5rem;
}
.front_container .voice_content_link {
  margin: 1rem auto;
}
.front_container .inqury_content {
  background-image: url("../img/common/front/inqury_ph.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  padding: 2.5rem 0;
}
.front_container .inqury_content_ttl {
  background: white;
  font-weight: bold;
  display: inline-block;
  padding: 0.5em 2rem;
  margin-bottom: 1rem;
  font-size: 1.8rem;
  border-radius: 50px;
}
.front_container .inqury_content_ttl span {
  color: #ED3776;
}
.front_container .inqury_content_attention {
  font-size: 2.8rem;
  color: white;
  font-weight: bold;
}
.front_container .inqury_content_call {
  font-size: 4rem;
  color: white;
}
.front_container .inqury_content_reception {
  display: flex;
  align-items: center;
  color: white;
  margin-bottom: 2rem;
}
.front_container .inqury_content_btn {
  display: flex;
}
.front_container .inqury_content_btn_line {
  background: #50B133;
  color: white;
  padding: 1em;
}
.front_container .inqury_content_btn_mail {
  background: #0C406C;
  color: white;
  padding: 1em;
}
.front_container .aside_content {
  display: flex;
}
.front_container .aside_content_inner {
  width: 500px;
  margin: 1rem;
  padding: 2rem;
}
.front_container .aside_content_inner_link {
  margin: 1.5rem 0 1rem auto;
}
.front_container .school_content {
  display: flex;
}
.front_container .school_content_inner {
  margin-left: 2rem;
}
.front_container .school_content_inner dl {
  display: flex;
  align-items: center;
  margin: 1rem 0;
}
.front_container .school_content_inner dl dt {
  border-right: 1px solid #FAB32D;
  width: 100px;
  margin-right: 1rem;
}
.front_container .school_content_access_ttl {
  font-weight: bold;
  position: relative;
  margin-bottom: 0.5rem;
}
.front_container .school_content_access_ttl span {
  margin-left: 1rem;
}
.front_container .school_content_access_ttl::before {
  content: "";
  position: absolute;
  background: #FAB32D;
  top: 50%;
  margin-top: -5px;
  height: 8px;
  width: 8px;
  border-radius: 50%;
}
.front_container .school_content_access_root {
  display: flex;
}
.front_container .school_content_access_root_link {
  margin: 1rem;
}

.column_post .wp-block-list {
  margin: 1em;
  list-style: auto;
  line-height: 1.8em;
  border: 1px solid #ccc;
  padding: 1em 2em;
}
.column_post .wp-block-list li {
  border-bottom: 1px dotted #ccc;
  padding: 0.25em;
  
}
.column_post h1{
  padding: 1em;
  font-size: 1.5em;
}
.column_post h2 {
  font-size: 1.5em;
  padding: 0.5em 1em;
  margin: 2.5em 0.5em 1em;
  border-left: 0.23em solid #F4A614;
}
.column_post h3 {
  font-size: 1.2em;
  padding: 0.25em 1em;
  color: #F4A614;
}
.column_post .wp-element-caption {
  font-size: 80%;
  text-align: center;
  color: #666;
}
.column_post img {
  border: 1px solid #666;
  margin-bottom: 0.5em;
  width: 100%;
  height: 100%;
}
.column_post .wp-block-columns-is-layout-flex {
  display: flex;
}

.column_content{
  margin: 2em auto;
}
/*.column_content_txt h3:before {
  content: "*";
  margin: 0.5em;
}*/

.column_content ul li{
  border-top: 2px dotted;
}
.column_content ul li:last-child {
  border-bottom: 2px dotted;
}

.column_content_txt{
  display: flex;
  /*border-top: 2px dotted;*/
  padding: 0.5em;
}

/***** ****** SP ***** *****/
@media screen and (max-width:599px) {
  .container{
    width: 100%;
    margin: 0 auto;
}
.container_inner{
    width: 100%;
    margin: 0 auto;
    padding: 1rem;
}
.btn_link{
    width: 100%;
}
.fv_container{
    &_sticky{
        &_btn{
            writing-mode: unset;
            top: unset;
            bottom: 0;
            &_inner{
                font-size: 90%;
            }
        }
    }
}
    
.front_container{
    .head_2{
        font-size: 1.2em;
    }
    &_jisseki_content{
        width: 100%;
    }
    .choice_content{
        flex-direction: column;
        align-items: center;
        &_inner{
            width: 100%;
            &_txt{
                height: 100%;
            }
        }
    }
    .head_column{
        flex-direction: column;
        align-items: flex-start;
    }
    .inqury_content{
        height: 500px;
        padding: 3em 0;
        margin-left: 1.5em;
        background-position: bottom;
        &_ttl{
            width: 85%;
            font-size: 1.2em;
            text-align: center;
        }
        &_attention{
            font-size: 1.2em;
        }
        &_call{
            font-size: 2em;

        }
        }
        .voice_content{
            flex-direction: column;
            img{
                display: block;
                margin: auto;
            }
            &_txt{
                margin-left: 0;
            }
        }
        .aside_content{
            flex-direction: column;
            &_inner{
                width: 100%;
                padding: 1.5em;
                margin: auto;
            }
        }
        .school_content{
            flex-direction: column;
            font-size: 90%;
            &_map{
                display: contents;
            }
            &_inner{
                margin-left: 0;
                dl{
                    dt{
                        width: 80px;
                    }
                }
            }
            &_access{
                font-size: 90%;
                &_root{
                    margin-bottom: 4em;
                    flex-direction: column;
                    &_link{
                        margin: 0.5em auto;
                    }
                }
            }
        }
      }
      .column_post .text{
        margin: 2em 0 5em;
      }
      .column_post h1{
        padding: 0 0.5em 0.5em;
        line-height: 1.25em;
        font-size: 1.5em;
      }
      .column_post h2 {
        font-size: 1.5em;
        padding: 0.5em 1em;
        margin: 2.5em 0.5em 1em;
        border-left: 0.23em solid #F4A614;
      }
      .column_post h3 {
        font-size: 1.2em;
        padding: 0.25em 1em;
        color: #F4A614;
      }
      .column_post img{
        display: block;
        text-align: center;
        margin: 0 auto 0.5em;
      }
      .column_post .wp-block-columns-is-layout-flex {
        display: block;
      }
      
}

/* 2407 front */