@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');
body, p, a, a p, dd, dt, li, h1, h2, h3, h4, h5 {
  font-family: 'Noto Sans', sans-serif;
}

#wrap, #whole {
  background: white;
}

.flx { display: flex;}
.__spb { justify-content: space-between;}
.__wrp{
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.__clmn{
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}

.smallLink {
  display: flex;
  position: relative;
  height: auto;
  display: inline-block;
  position: relative;
}

.smallLink::before {
  width: 18px;
  height: 18px;
  position: absolute;
  content: url(/_images/top/arw-g.svg);
  top: 42%;
  transform: translateY(-50%);
  left: -26px;
}
.blead + .frame{
  min-height: calc(100vh - 646px)
}

.mgz .box {
  background: white;
  width: 800px;
  margin-top: 20px;
}

.mgz .frame {
  margin-top: 40px;
}

@media screen and (max-width: 756px) {
  .mgz .box {
    width: 100%;
    border: 0;
  }
  .mgz .box form:nth-child(2) {
    margin: 20px auto 60px;
  }
  .mgz .frame {
    margin-top: 0;
  }
  .mgz .frame > p {
    margin-top: 20px;
  }
}

/* TITLE
 ====================================  */
.ttl h2 {
  color: #603813;
  letter-spacing: 0.5px;
  line-height: 1;
}
.ttl .main {
  font-size: 20px;
  color: #009B42;
  margin-bottom: 30px;
}

.dark { color: #006837;}

.ttl .fz__med    { font-size: 14.5px;}
.ttl .fz__large  { font-size: 17px; color: #009245; letter-spacing: 0.1px;}
.ttl .fz__xlarge { font-size: 19.5px; color: #009245; margin-bottom: 6px;}
.ttl .fz__xlarge + div { margin-bottom: 6px;}

.ttl .__xl__p { color: #009245;}

.ttl > div {
  border-bottom: 2px solid;
  padding-bottom: 7px;
  position: relative;
}

.__nobdr > div {
  border-bottom: 0;
  padding-bottom: 0;
}

.__nobdr .__flag {
  position: static;
  margin-left: 3px;
}

.__nobdr > div {
  display: flex;
  align-items: center;
}

.__nobdr h2 {
  font-size: 16.5px;
  color: #009245;
  margin-left: 12px;
}

.bdr__light { color: #c69c6d;}

.bdr__comm  { color: #009245;}

.__box { padding-top: 13px;}

.item {
  position: absolute;
  right: 2px;
  bottom: 0;
}
.__flag { right: 13px;}

.__fs { bottom: 4px;}

.__fs p {
  color: #999999;
  font-size: 11px;
  letter-spacing: 0.5px;
}

.ttl > div > p {
  font-size: 11px;
  line-height: 1;
  color: #969696;
  margin-bottom: 9px;
}

.pb35 { padding-bottom: 35px;}

.pc { display: block;;}
.sp { display: none;}

@media screen and ( max-width: 767.98px ) {
  .pc { display: none;}
  .sp { display: block;}
}

/* icon_links
 ====================================  */
.icon_links a {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.icon_links a p {
  font-weight: bold;
  color: #009245;
  line-height: 1;
  font-size: 13.5px;
  letter-spacing: 0.4px;
  margin-left: 10px;
}

.icon_links a:hover {
  opacity: .75;
}


/* header
 ====================================  */
.topline h1 {
  float: none;
  margin-top: 0;
  width: auto;
}

.topline .frame {
  display: flex;
  align-items: center;
}

.topline .topnavi {
  width: auto;
  float: none;
  height: auto;
  margin-left: 34px;
}

ul.topnavi {
  font-size: 0;
}

.topline .topnavi li {
  font-size: 11.5px;
  float: none;
  display: inline-block;
  height: auto;
  padding: 0 12px;
  border-left: 1px solid #8e8e8e;
}

.topline .topnavi li a {
  color: white;
}

.telBlk {
  background: #ef5b30;
  max-width: 261px;
  border-left: 1px solid #c5c5c5;
  border-right: 1px solid #c5c5c5;
  align-items: baseline;
  padding: 8px 15px 9px 16px;
}

.telBlk p,
.telBlk span {
  color: white;
}

.telBlk_tel {
  font-size: 16px;
  font-weight: bold;
  position: relative;
}

.telBlk_tel p {
  font-size: 15px;
  letter-spacing: 0px;
}

.telBlk_tel span {
  font-size: 6px;
  position: absolute;
  top: -5px;
  right: 0;
}

.telBlk > p:first-child {
  font-size: 11.5px;
  margin-right: 9px;
}


/*  new header    */
.mainMenu {
  background: white;
  width: 100%;
}

.mainMenu > div:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 0 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #e3e3e2;
}

.mainMenu figure {
  margin: 0;
  padding: 0;
  -webkit-margin-after: 0;
  -webkit-margin-before: 0;
  -webkit-margin-end: 0;
  -webkit-margin-start: 0;
}

.mainMenu figure + div {
  display: flex;
  align-items: center;
}

.mainMenu-tel {
  display: flex;
  align-items: end;
  padding-top: 6px;
}

.mainMenu-tel img {
  margin-top: 4px;
  width: 43px;
  height: 43px;
}

.mainMenu-tel p {
  color: #00572e;
  font-size: 30px;
  font-weight: bold;
  position: relative;
  margin-left: 8px;
  margin-right: 28px;
  margin-top: 5px;
}

.mainMenu-tel p > span {
  font-size: 10px;
  position: absolute;
  top: -4px;
  left: 0px;
  width: 110%;
  letter-spacing: 0em;
}

.mr {
  width: 1.6em;
  display: inline-block;
}

.mainMenu-tel + a {
  display: inline-block;
  background: #00572e;
  height: 76px;
  width: 86px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .2s ease;
}

.mainMenu-tel + a:hover {
  background: #016b39;
}

.mainMenu-tel + a img {
  transition: all .25s ease;
}

.mail {
  width: 28.9px;
  height: 23px;
  fill: #ffffff;
}
svg.mail path {
  transition: all .2s ease;
}

svg path {
  fill: #ffffff;
}

.mainMenu nav ul {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  border-bottom: 1px solid #e3e3e2;
}

.mainMenu nav ul li a {
  color: #00572e;
  transition: all .2s ease-in;
  white-space: nowrap;
}

.mainMenu nav ul li a:hover {
  opacity: .7;
}

.mainMenu nav ul li {
  border-right: 1px dotted #424242;
  padding: 0 20px;
  line-height: 1;
  font-size: 15px;
  letter-spacing: 0.5px;
  position: relative;
}

.mainMenu nav ul li:first-child {
  padding-left: 0;
}
.mainMenu nav ul li:last-child {
  padding-right: 0;
}

.mainMenu nav ul li:last-child {
  border: 0;
}

@media screen and ( max-width: 1160px ) {
  .mainMenu nav ul li {
    font-size: 1.35vw;
    padding: 0 1.724vw;
  }
}

.hamburg,
.back-to-top {
  display: none;
}

@media screen and (max-width: 780px) {
  .mainMenu-tel p {
    margin: 0 0 0 10px;
    font-size: 22px !important;

  }
  .mainMenu-tel p > span{
    display: none;
  }
  .mainMenu-tel img{
    width: 30px;
    margin-top: 3px;
  }
  .mainMenu-tel {
    padding-top: 0;
    margin-left: 6vw;
    width: auto !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mainMenu {
    position: fixed;
    height: 50px;
    border-bottom: 2px solid #00572e;
    z-index: 999;
    background: white;
    transition: all .2s ease-in-out;
  }

  .mainMenu > div:first-child {
    padding: 0 0 0 0;
    display: block;
    border: 0;
  }

  .mainMenu > div:first-child {
    width: 100%;
  }

  .mainMenu > div:first-child figure {
    height: 50px;
    position: relative;
  }

  .mainMenu > div:first-child figure img {
    width: 255px;
    margin-left: 0;
    position: absolute;
    left: 2vw;
    top: 50%;
    transform: translateY(-50%);
  }

  .mainMenu > div:nth-child(2) {
    display: none;
    top: 52px;
    position: fixed;
    height: calc( 100vh - 52px );
    width: 100%;
    background: white;
    z-index: 999;
    overflow: scroll;
    animation: fadeout 1s ease 0s forwards;
  }

  @keyframes fadeout {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }

  .mainMenu figure + div {
    display: none;
  }

  .hamburg {
    display: flex;
    align-items: center;
    height: 100%;
    width: 50px;
    background: #00572e;
    position: absolute;
    right: 0;
    top: 0;
  }

  .hamburg span {
    width: 22px;
    margin: 0 auto;
    height: 2px;
    background: white;
    display: block;
    position: relative;
  }

  .hamburg span::after,
  .hamburg span::before
  {
    content: '';
    width: 22px;
    position: absolute;
    height: 2px;
    display: block;
    background: white;
  }

  .hamburg span::before {
    top: -8px;
  }

  .hamburg span::after {
    bottom: -8px;
  }

  .mainMenu nav ul {
    padding: 0;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 22px;
  }

  .mainMenu nav ul li {
    width: 100%;
    font-size: 18px;
    border-right: 0;
    border-bottom: 1px dotted #4242424f;
    padding: 22px 5vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mainMenu nav ul li:last-child {
    border-bottom: 1px dotted #4242424f;
  }

  .mainMenu-tel {
    justify-content: center;
    margin-bottom: 0;
  }

  .mainMenu-tel + a {
    width: 100%;
    height: 48px;
  }

  .mainMenu > div.open:nth-child(2) {
    display: block;
    animation: smoothShow .2s ease-in forwards 0s;
  }
  .mainMenu > div.close:nth-child(2) {
    display: none;
    animation: smoothClose .2s ease-in forwards 0s;
  }
  @keyframes smoothShow {
    0% {
      opacity: 0;
      transform: translateY(-10px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes smoothClose {
    0% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(-10px);
    }
  }


  .back-to-top {
    display: block;
    position: fixed;
    bottom: -120px;
    right: 7px;
    background: #009B42;
    border-radius: 6px;
    width: 40px;
    height: 40px;
    z-index: 40;
    margin-bottom: 60px;
    transition: all .1s ease-in-out;
  }
  .back-to-top div {
    position: relative;
    height: inherit;
  }
  .back-to-top div p {
    text-align: center;
    color: white;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
  .back-to-top div::after {
    position: absolute;
    display: block;
    content: url(/_images/common/icon-bttarrow.svg);
    transform: scale(.5) translateX(-50%);
    top: 5px;
    left: 40%;
  }

  .footerFixed {
    background: white;
    display: flex;
    border-top: 2px solid #00572e;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: fixed;
    bottom: -120px;
    z-index: 30;
    box-sizing: border-box;
    transition: all .25s ease-in-out;
  }
  .mainMenu-tel + a {
    width: 54px;
  }
  .popShow {
    bottom: 0;
  }
}



/* footer
 ====================================  */
/* .footnavi li { margin-top: 10px;}
.footnavi a p {
  color: white;
  font-weight: normal;
  line-height: 1;
  font-size: 10.5px;
  letter-spacing: .5px;
  padding: 5px 0;
}

.footnavi li {
  height: auto;
  padding: 0 16px;
  border-left: 1px solid #888888;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.footnavi li:last-child {
  border-right: 1px solid #888888;
}

.t_p_adjust {
  font-size: 18px;
  line-height: 1;
  padding: 0 0 30px 5px;
}

.back_list a p {
  color: #009345;
  font-size: 11px;
  position: relative;
  padding-left: 14px;
  margin-left: 5px;
  font-weight: bold;
}

.back_list a p::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 6px 4px 0;
  border-color: transparent #009345 transparent transparent;
} */

#wrap { padding-bottom: 0;}

#footer {
  background: #00572e;
  height: auto;
  position: relative;
}

#footer > div:first-child {
  border-bottom: 1px solid white;
}

#footer > div:nth-child(2) {
  padding-bottom: 25px;
}

#footer > div:first-child > div {
  width: 95vw;
  max-width: 1168px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.footer-upper {
  padding: 12px 0;
}

.footer-upper__nav ul {
  font-size: 0;
  margin: 0 !important;
}

.footer-upper__nav {
  display: flex;
  align-items: center;
}

.footer-upper a,
.footer-upper ul li {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
}

.footer-upper a,
.footer-upper ul li a {
  color: white !important;
  transition: all .2s ease;
}

.footer-upper__nav ul li {
  padding: 0 25px;
  position: relative;
}
.footer-upper__nav ul li::before {
  content: url('/_images/common/icon-linkarrow.svg');
  position: absolute;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
}

.btt {
  border-left: 1px dotted white;
  border-right: 1px dotted white;
  padding: 8px 20px;
  cursor: pointer;
}

.breadCrumb{
  padding-top: 4px;
}
.breadCrumb__wrap{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
}
.breadCrumb__cont{
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
}
.breadCrumb__item{
  vertical-align: middle;
}
.breadCrumb__item > a{
  color: #FFF;
}
.breadCrumb__item + .breadCrumb__item{
  position: relative;
  padding-left: 1.9rem;
  margin-left: 1.9rem;
}
.breadCrumb__item + .breadCrumb__item:after{
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-width: 3px 0 3px 5px;
  border-color: transparent #FFF;
  border-style: solid;
  position: absolute;
  left: 0;
  top: 47%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.breadCrumb__item:first-child > a {
  padding-left: 24px;
  position: relative;
}

.breadCrumb__item:first-child > a::before {
  content: url('/_images/common/icon-golf.svg');
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}


.footer-lower{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1168px;
  margin: 0 auto;
  padding: 32px;
}
.footer-lower div:first-child > a + p {
  color: white;
  margin-top: 10px;
}

.footer__tel {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-top: 6px;
}

.footer__tel img {
  zoom: 0.9;
  width: 46px;
  height: 63px;
}

.footer__tel a p {
  color: white;
  margin-left: 4px;
  padding-top: 14px;
  font-size: 23px;
  letter-spacing: 1px;
  position: relative;
}

.footer__tel a p > span {
  font-size: 10px;
  top: 4px;
  left: 0;
  position: absolute;
  color: white;
  width: 120%;
  letter-spacing: 0;
}

.footer__copyright {
  width: 100%;
  color: white;
  margin-top: 3px;
  font-size: 12px;
  letter-spacing: .2px;
}
.footer__sitemap{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.footer__sitemap ul {
  margin: 5px 30px 0;
}

.footer__sitemap li {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 14px;
  position: relative;
  transition: all .1s ease-in;
}

.footer__sitemap li:hover,
.footer-upper a:hover {
  opacity: .8;
}

.footer__sitemap li::before {
  content: url('/_images/common/icon-linkarrow.svg');
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
}

.footer__sitemap li.round::before {
  content: url('/_images/common/icon-arrow-round.svg');
  position: absolute;
  left: -26px;
  top: 50%;
  transform: translateY(-50%);
}

.footer__sitemap li,
.footer__sitemap li a {
  color: white;
}
@media screen and (max-width: 960px) and (min-width: 781px){
  .footer-lower{
    padding-top: 50px;
  }
  .footer__info{
    text-align: center;
    width: 100%;
  }
  .footer-lower div:first-child > a + p{
    text-align: center;
  }
  .footer__tel{
    justify-content: center;
    margin-bottom: 30px;
  }
  .footer__tel a p{
    font-size: 30px;
  }
  .footer__tel a p > span{
    font-size: 12px;
    letter-spacing: 0.02em;
  }
  .footer__sitemap{
    margin: auto;
  }
  .footer__sitemap ul + ul{
    margin-left: 55px;
  }
  .footer__copyright{
    margin-top: 30px;
    text-align: center;
  }
}
@media screen and (max-width: 780px) {
  .footer-upper > a,
  .footer-upper ul,
  .footer__sitemap,
  .footer-lower > div:first-child > a,
  .footer-lower > div:first-child > a + p,
  .footer-lower > div:first-child .info,
  .breadCrumb
  {
    display: none;
  }

  #footer > div:first-child > div {
    width: 100%;
    justify-content: center;
  }
  .footer-upper{
    padding: 0;
  }
  .footer-upper > div{
    width: 100%;
    height: 53px;
  }
  .footer-upper__nav{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
  .btt {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    width: 100px;
    height: 100%;
    border: 0;
    padding: 18px 0;
  }

  .footer-upper > div img {
    zoom: 1.2;
  }

  .footer-lower > div {
    margin: 0 auto;
  }
  .footer__tel{
    margin-bottom: 0;
  }

  #footer > div:nth-child(2) > div {
    padding: 10px 0 0 0;
  }
  #footer > div:nth-child(2) {
    background-color: #00572e;
  }

  /*   bread navi   */
  .blead {
    display: none;
  }
  .footer__copyright{
    text-align: center;
  }
}

.prs {
  display: none;
}

.thxtext ul li br {
  display: none;
}


/* 月刊NICE ON
 ====================================  */
.topics_pagename > .flx {
  justify-content: space-between;
  align-items: center;
}

.topics_pagename > .flx h2 {
  font-size: 15px;
  color: #009345;
  margin-right: 10px;
  margin-left: 3px;
}

.niceon {
  width: 99px;
  height: 23px;
}

.pdf {
  width: 19px;
  height: 24px;
}

.pdf + p {
  font-size: 11px;
  font-weight: normal;
  letter-spacing: -.5px;
  margin-left: 10px;
  margin-right: -5px;
  line-height: 2.2;
}


/* リンク
 ====================================  */
.link_ttl {
  position: relative;
  font-size: 16px;
  color: #009345;
  padding-left: 30px;
  margin-top: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.link_ttl::before {
  position: absolute;
  content: url('/_images/responsive/flag_com.svg');
  left: 4px;
  top: 2px;
}


/* コンタクト
 ====================================  */
.__contact {
  margin-bottom: 20px;
}

.__contact .__flag {
  margin-left: 0;
}

.__contact h2 {
  font-size: 18px;
  color: #006837;
  margin-left: 16px;
  letter-spacing: 1px;
}

.__contact h2 span {
  font-size: 10px;
  font-weight: normal;
  color: #969696;
  padding-left: 2px;
  margin-top: 6px;
  display: inline-block;
  letter-spacing: 0.4px;
}

.formlist dd input,
.formlist dd textarea {
  border: 1px solid #c1c1c1;
}

button {
  border-color: 0;
  border-style: none;
  border-width: 0;
  padding: 1px 7px 2px;
  background: transparent;
}

.formbtn button div {
  background: #f15a24;
  background: linear-gradient(to top, rgba(241,90,36,1), rgba(241,90,36,.9), rgba(234,95,23,1));
  border-radius: 6px;
  color: white;
  font-size: 15.5px;
  padding: 9px 18px 9px 25px;
  letter-spacing: 1px;
  box-shadow: 0 2px 4px #d8d8d8;
  cursor: pointer;
}

.formlist dl dd input[type="text"] {
  width: 380px;
}
#tel { width: 170px;}
#postcode { width: 100px;}
#otoiawase { width: 420px; height: 150px;}

/* サブナビ
 ====================================  */
.subnavi li:nth-child(n+2) {
  padding: 11px 0 11px 40px;
  border-bottom: 1px solid #e8e8e8;
}

.subnavi li:last-child { padding-bottom: 10px;}
.subnavi li p {
  font-size: 12.5px;
  font-weight: bold;
  position: relative;
}

.subnavi li p.active {
  color: #009245;
}

.subnavi li p:hover,
.subnavi li p:hover:after
{
  color: #009245;
}

.subnavi li p::after {
  content: '⚬';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -20px;
  font-size: 16px;
  color: #888888;
}


.pagename {
  position: relative;
}

.mgz .pagename {
  float: none;
}

.mgz .intro p {
  border: 0 !important;
}

.pagename h3 {
  top: 47%;
  transform: translateY(-50%);
  left: 56px;
  position: absolute;
  color: white;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: .5px;
  text-align: center;
}

.pagename h3 span {
  font-size: 11px;
  color: white;
}

@media screen and (max-width: 768px) {
  .mgz .intro {
    width: 100%;
    padding-top: 0;
  }
  .mgz [type="button"] {
    width: 50%;
    background: #e8e8e8;
    border: 0;
    padding: 10px 0;
  }
  .mgz dd {
    margin-bottom: 10px;
  }
}

.back_list p {
  background: #00572e;
  display: inline-block;
  color: white;
  font-size: 13px;
  border-radius: 2px;
  padding: 10px 20px;
  margin-top: 25px;
}

.list_pager span {
  font-size: 20px;
  margin: 0 4px;
}


/* toggle list
====================================  */
.Linkmenu dt.open {
  background: url(../_images/link/swich.gif) right -71px no-repeat;
}

.Linkmenu dt.open + dd {
  display: block;
}

.blog p {
  margin-bottom: 0;
}

.list_name a {
  border-bottom: 1px solid;
  text-decoration: none;
  transition: all .15s ease-in;
}


.list_name a:hover {
  opacity: .7;
}



/* グラフ
====================================  */
/* .areanavi a,
.areanavi ul {
  background: none;
} */

.blead {
  float: none;
}

.areanavi li {
  margin: 0 5px;
}

.areanavi a {
  border: 2px solid #009B42;
  color: #009B42;
  font-size: 16px;
  background: white;
  width: 83px;
  height: 62px;
  margin: 0;
  line-height: 1.4;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .15s ease;
}

.areanavi li a:hover {
  background-position: 0;
  width: 83px;
  height: 62px;
  margin: 0;
}

.kyoto_current a,
.osaka_current a,
.hyogo_current a,
.shiga_current a,
.nara_current a,
.wakayama_current a,
.mie_current a,
.hukui_current a,
.ishikawa_current a
{
  background: #009B42 !important;
  color: white;
  position: relative;
}

.kyoto_current a::after,
.osaka_current a::after,
.hyogo_current a::after,
.shiga_current a::after,
.nara_current a::after,
.wakayama_current a::after,
.mie_current a::after,
.hukui_current a::after,
.ishikawa_current a::after
{
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: #009b43 transparent transparent transparent;
}


.areanavi ul {
  float: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F3EAE1;
  border-radius: 4px;
}

.areanavi li {
  height: auto;
  float: none;
  display: inline-block;
  text-indent: 0;
}

.graph {
  width: 970px;
  height: 480px;
  border: 5px solid green;
  margin: 40px auto;
  display: block;
}

.lnk {
  font-size: 13px;
  font-weight: bold;
  color: #009B42;
  position: relative;
  padding-left: 12px;
}

.lnk::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #009B42;
}

.list_name {
  width: auto;
  display: flex;
}
.list_name a,
.__list-course {
  width: 390px;
  border-bottom: 0;
}
._list_name_title {
  font-size: 13.5px;
  font-weight: bold;
  color: #009B42;
  border-bottom: 1px solid;
  float: left;
}
.list_entry ul ol li { float: left;}

.kwlg .box {
  border: 0;
}

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

    .list_name { margin: 0 0 10px 0;}
    .mbsp .list_name {
      margin-bottom: 0;
      width: 100%;
      position: relative;
    }

    ._list_name_title {
      float: none;
      font-size: 16px;
      letter-spacing: .2px;
      border-bottom: 0;
      position: relative;
      width: 90%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
    }

    .mbsp .list_name::after {
      content: '';
      width: 8px;
      height: 2px;
      background: #009B42;
      position: absolute;
      top: 12px;
      right: 0;
      display: block;
    }
    .mbsp .list_name::before {
      content: '';
      width: 2px;
      height: 8px;
      background: #009B42;
      position: absolute;
      top: 9px;
      right: 3px;
      display: block;
    }
    .mbsp .open .list_name::before {
      display: none;
    }

    ol a.__list-detail {
      width: 74px;
      border-bottom: 1px solid #009B42;
      font-size: 13px;
      margin: 20px 0 20px 0;
    }

    .list_holder {
      display: none;
    }
    .open .list_holder {
      display: block;
      margin-top: 15px;
    }

    .open > ul {
      background: #f6f6f6;
    }

}

/* .profile
====================================  */
.profile{
  padding: 18px 14px 17px;
}
.profile__title{
  color: #006838;
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  padding-bottom: 6px;
  border-bottom: 2px solid #39b44a;
  margin-bottom: 10px;
}
li.profile__infoItem{
  font-size: 13px;
  font-weight: bold;
  line-height: 1.5;
  padding: 0;
}
.profile__tel:before{
  content: "";
  display: inline-block;
  width: 24px;
  height: 14px;
  background: url(/_images/company/index/icon.gif) 0 0 / cover no-repeat;
  vertical-align: middle;
  margin-right: 3px;
}
.profile__tel > .furigana{
  font-weight: bold;
  font-size: 10px;
  letter-spacing: -0.1em;
}
.profile__infoItem + .profile__infoItem{
  margin-top: 5px;
}

/*==================================
/.profile */

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

    /*   common   */

    body { font-size: 101%;}

    #whole,
    #wrap
    {
      overflow: auto;
    }

    div { text-align: inherit;}

    .frame         { padding-top: 80px;}
    #footer .frame { padding-top: 0;}

    .frame,
    .contleft,
    .box_top,
    .box,
    .box_bottom,
    .coursemap,
    .topbtn,
    .topbtn ul,
    .banner,
    .banner img,
    .company_box,
    .outline,
    .history,
    .faq_list,
    .link_box,
    .Linkmenu,
    .Linkother,
    .list_entry,
    .list_pager,
    .topics_pagename,
    .list_entry ul,
    .topics_entry,
    .back_list,
    .areanavi,
    .areanavi ul,
    .areattl p,
    .list_ttl,
    .ttl_half,
    .ttl_graph,
    .halfbox,
    .halfbox,
    .coursenavi,
    .score_ttl,
    .score_graph,
    .back_list
    {
      width: 100%;
      padding-right: 0;
      padding-left: 0;
      margin-left: auto;
      margin-right: auto;
      float: none;
    }

    .topbtn li img,
    .topbtn ul li,
    .coursemap img,

    {
      width: 98vw;
      margin-left: auto;
      margin-right: auto;
      padding-left: 0;
      padding-right: 0;
      float: none;
    }

    .topbox,
    .topcolum,
    .banner li,
    .knowledge_box,
    .ttl,
    .outline dd,
    .outline dt,
    .history dt,
    .history dd,
    .company_box p,
    .feature_box,
    .feature_left,
    .faq_list dl,
    .faq_list dl dd,
    .faq_list dl dt,
    .Linkmenu dt,
    .Linkmenu dd,
    .Linkother li,
    .link_box h3
    {
      width: 90vw;
      margin-left: auto;
      margin-right: auto;
      padding-left: 0;
      padding-right: 0;
      float: none;
    }
    .no_mb { margin-bottom: 0 !important;}

    .profile{
      width: 90vw;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    /*    nav    */

    .navi
    {
      display: none;

      width: 100%;
      float: none;
      height: 100vh;
      position: fixed;
      z-index: 999;
      background: white;
      top: 0;
      margin-top: 0;
    }

    .navi ul {
      width: 100%;
      float: none;
      height: auto;
    }

    .navi li {
      display: block;
      float: none;
    }
    .mainMenu nav ul li:first-child {
      padding: 22px 5vw;
    }

    /*    top    */

    .header .logo {
      width: 100%;
      float: none;
      margin-right: 0;
    }

    .topline h1 {
      width: 98vw;
      text-align: center;
      margin: 0 auto;
      padding-top: 8px;
    }

    .telinfo__goro {
      float: left;
      margin-top: 10px;
      margin-left: -10px;
    }

    .contright {
      float: none;
      width: 100%;
      padding-bottom: 0;
    }

    .contleft {
      padding-bottom: 20px;
    }

    .notice__cont {
      padding: 26px 5vw 55px;
    }

    .notice__cap {
      text-align: justify;
    }

    .telinfo__lead {
      margin-bottom: 14px;
    }

    .topics_pagename {
      padding-left: 5vw;
      padding-right: 5vw;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    .totopics {
      width: auto;
      float: none;
      padding-left: 0;
      text-align: center;
      font-size: 14.5px;
      background-position: 70px 22px;
    }

    .box_top,
    .box_bottom {
      display: none;
    }


    .banner {
      padding-bottom: 0;
    }

    .topbtn {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    /*   footer   */

    /*     #footer .footnavi,
    .footnavi li,
    .copyright {
      float: none;
    }

    #footer .footarea {
      height: auto;
    }

    .footnavi {
      margin-bottom: 10px;
    }

    .footnavi li {
      margin-top: 0;
      width: 100%;
      display: block;
      padding: 18px 0 18px 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-bottom: 1px solid #7b7b7b;
    }

    .footnavi li p {
      font-size: 12.5px;
      text-align: center;
    }

    #footer .footnavi {
      height: auto;
    }

    .copyright {
      margin: 0 auto;
      padding-bottom: 16px;
    }

    #footer .pagetop {
      margin-right: 5vw;
    } */




    /*.blead {
      float: none;
      margin-bottom: 20px;
    }

    .blead .viewflow {
      margin-left: 0;
    }

    .blead .viewflow,
    .viewflow {
      float: none;
    }

    .viewflow {
      display: flex;
      font-size: 12px;
      padding: 0 5vw;
    }

    .viewflow span {
      margin: 0 5px 0 5px;
    } */


    /*   title  */

    .ttl {
      width: 100%;
    }

    .item {
      position: relative;
      right: 0;
    }

    .ttl > div {
      padding-bottom: 0;
    }

    .ttl .fz__large {
      font-size: 20px;
    }

    .ttl .fz__xlarge {
      margin-bottom: 2px;
    }

    .ttl > div {
      margin-top: 20px;
    }

    .ttl h2 {
      line-height: 1.5;
    }

    .ttl .fz__med {
      width: 90%;
      font-size: 17.5px;
    }

    .__fs p {
      margin-bottom: 3px;
    }

    .__flag {
      margin-top: 15px;
      bottom: 2px;
    }

    .__flag img {
      /* transform: scale(1.3); */
      display: none;
    }

    .__nobdr h2 {
      margin-left: 0;
    }

    .ttl > div > p { font-size: 12px;}


    /*   child   */

    .subnavi { display: none;}

    .pb35 { padding-bottom: 0px;}

    .box { float: none;}

    .topbox {
      padding: 10px 5vw;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    .topbox li {
      text-align: justify;
    }

    .knowledge_box h3 {
      padding: 20px 0 15px;
    }

    .knowledge_box {
      padding-bottom: 0;
      margin-bottom: 0;
    }

    .knowledge_box p {
      margin-bottom: 20px;
    }

    p.pb_25 {
      margin-bottom: 0 ! important;
    }

    div.pb_60 {
      padding-bottom: 20px !important
    }

    .knowledge_box h2 {
      font-size: 18px;
      /* margin-top: 20px; */
    }

    .outline dt,
    .history dt
    {
      padding-top: 25px;
    }
    .outline dd,
    .history dd
    {
      border: 0;
      padding-top: 0;
      padding-bottom: 25px;
    }
    .history dt span {
      font-size: 16.5px;
      width: 60%;
      float: none;
      margin-bottom: 4px;
    }

    .emp {
      display: none !important;
    }

    .company_box p {
      margin-top: 20px;
      line-height: 1.4;
    }

    .outline dt:first-child {
      border-top: 0;
    }

    .outline .bt_none iframe {
      width: 100%;
      height: 300px;
      margin-top: 20px;
    }

    .feature_box p {
      text-align: justify;
    }

    .pagename {
      width: 100%;
      overflow: hidden;
    }

    .pagename h3 {
      left: 50%;
      transform: translate(-50%,-50%);
      font-size: 22.5px;
    }

    .pagename img {
      height: 200px;
    }

    .faq_list {
      margin-top: 20px;
    }

    .faq_list dl dt,
    .faq_list dl dd {
      padding-left: 30px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-position: left 8px;
    }

    .link_box h3 {
      font-size: 18px;
      padding-left: 25px;
    }

    .Linkmenu {
      margin-top: 10px;
      border-top: 0;
    }

    .Linkmenu dt:first-child {
      border-top: 1px solid #ccc;
    }

    .Linkmenu dt {
      background-position: right 16px;
    }

    .Linkmenu dt.open {
      background-position: right -66px;
    }

    .icon_links a p {
      font-size: 14.5px;
      line-height: 1.4;
    }

    .feature_right {
      width: 100%;
      float: none;
    }

    .list_topics {
      width: 100%;
    }

    .list_entry ul li,
    .list_entry ul ol li {
      float: none;
      text-align: left;
    }

    .list_date {
      width: 100%;
      margin: 0 0 10px 0;
    }

    .list_topics a {
      line-height: 1.6;
    }

    .topics_ttl span {
      font-size: 14px;
    }

    .topics_ttl {
      width: 100%;
      padding: 20px 5vw 25px 5vw;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      line-height: 1.5;
    }

    .topics_entry > div {
      padding: 0 5vw;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-align: left;
    }

    .back_list p {
      background: #00572e;
      display: inline-block;
      color: white;
      font-size: 16px;
      border-radius: 4px;
      padding: 10px 25px;
      margin-top: 25px;
    }

    .areattl {
      width: 100%;
      float: none;
    }

    .areattl h3 {
      width: 100%;
      padding: 0;
      float: none;
      display: inline;
      font-size: 20px;
    }

    .areattl p {
      text-align: center;
      margin-bottom: 10px;
    }

    .areanavi {
      height: auto;
      margin-bottom: 30px;
    }

    .areanavi ul {
      flex-wrap: wrap;
      height: auto;
      padding: 20px 0;
    }

    .kyoto_current a::after, .osaka_current a::after, .hyogo_current a::after, .shiga_current a::after, .nara_current a::after, .wakayama_current a::after, .mie_current a::after, .hukui_current a::after, .ishikawa_current a::after
    {
      display: none;
    }

    .ttl .main {
      margin-bottom: 20px;
      padding: 0 5vw;
      text-align: center;
    }

    .areanavi li {
      width: 28%;
    }

    .areanavi a
    {
      font-size: 14px;
      background: white;
      width: 100%;
      height: 44px;
      margin:  0 0 6px 0;
      line-height: 1.4;
      font-weight: bold;
    }

    .list_name {
      width: 100%;
      display: inline-block;
      height: auto;
    }

    .list_ttl {
      display: none;
    }

    .list_entry {
      width: 100%;
    }

    .list_entry ul {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 22px 5vw;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    .list_name a {
      font-size: 18px;
      letter-spacing: 1px;
    }

    .list_entry .list_sale,
    .list_entry .list_buy,
    .list_entry .list_change,
    .list_entry .list_hole
    {
      width: 100%;
      position: relative;
      float: none;
      margin: 0;
      text-align: center;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px 0 10px 55vw;
      font-size: 16px;
    }

    .areanavi li a:hover {
      width: 100%;
      height: 44px;
      margin: 0;
    }

    .list_entry .list_sale,
    .list_entry .list_change
    {
      background: white;
    }

    .list_entry .list_sale::before,
    .list_entry .list_buy::before,
    .list_entry .list_change::before,
    .list_entry .list_hole::before
    {
      position: absolute;
      font-size: 14px;
      color: #009B42;
      top: 50%;
      transform: translateY(-50%);
      left: 20px;
    }
    .list_entry .list_sale::before
    {
      content: '売注文';
    }
    .list_entry .list_buy::before
    {
      content: '買注文';
    }
    .list_entry .list_change::before
    {
      content: '名変料';
    }
    .list_entry .list_hole::before
    {
      content: 'ホール数';
    }

    li.list_tograph,
    li.list_toform {
      width: calc( ( 100% - 10px ) / 2 );
      margin: 30px 0 0 0;
      display: inline-block;
      background: #009B42;
      padding: 12px 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 4px;
      box-shadow: 0px 4px 0 #017b35;
    }

    .list_hole {
      margin-bottom: 22px !important;
      border-bottom: 1px solid #e9e9e9;
    }

    li.list_tograph a p,
    li.list_toform a p
    {
      color: white;
      letter-spacing: 1px;
    }

    .lnk {
      font-size: 12.5px;
      padding: 0;
      text-align: center;
    }

    .lnk::before {
      display: none;
    }

    li.list_tel,
    li.list_address {
      width: 100%;
      margin: 0;
      text-align: left !important;
      position: relative;
      padding-left: 24vw;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 15px;
    }

    li.list_address  {
      margin-top: 10px;
    }

    .list_tel::before,
    .list_address::before {
      position: absolute;
      left: 0;
      top: 2px;
      font-size: 14px;
      color: #009B42;
      font-weight: normal;
    }

    .list_tel::before {
      content: '電話番号';
    }

    .list_address::before {
      content: '所在地';
    }


    .ctt .intro,
    .cfm .intro,
    .thx .intro,
    .thxbox .thxtext {
      float: none;
      width: 100%;
      padding: 0;
    }
    .ctt .intro + .box,
    .cfm .intro + .box,
    .thxbox
     {
      border: 0;
      width: 100%;
      float: none;
    }
    .prs {
      background: #F0582B;
      display: block;
      padding: 8px 0;
    }
    .prs + img {
      display: none;
    }
    .prs p {
      text-align: center;
      color: white;
      font-size: .9rem;
      padding-top: 0;
      border: 0;
    }
    .prs span {
      text-align: center;
      color: white;
      font-size: .8rem;
    }
    .formlist,
    .thxbox .thxtext {
      width: 100%;
      padding: 20px 10px;
      float: none;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    .formlist dl {
      padding: 0;
    }
    .formlist dl dt {
      width: 100%;
      margin-bottom: 8px;
      float: none;
      margin-top: 16px;
    }
    .formlist dl,
    .formlist dl dd {
      float: none;
      width: 100%;
    }
    .formlist dl dd input[type="text"] {
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      height: 32px;
      margin-bottom: 16px;
    }
    .formlist dl dt span img {
      margin-bottom: 6px;
    }
    #otoiawase,
    #tel,
    #postcode {
      width: 100%;
    }
    .formbtn,
    .formatent {
      width: 100%;
      float: none;
      padding: 0;
      margin-top: 20px;
    }
    .formatent {
      margin-bottom: 60px;
    }
    .radio-hld {
      display: flex;
      flex-direction: column;
    }
    .radio-hld > label {
      margin-bottom: 10px;
    }
    button {
      background-color: transparent !important;
      border-color: transparent !important;
    }
    .formbtn button div {
      margin: 10px 0 40px;
    }
    .confirmbtn {
      width: 100%;
      float: none;
      padding: 0;
      text-align: center;
    }
    .confirmbtn input {
      font-size: .8rem;
      width: 44%;
      background: #f3f3f3;
      border-radius: 6px;
      height: 44px;
      margin: 0 auto 40px;
    }
    .cfm .intro + .box form li {
      margin-bottom: 15px;
    }
    .thxtel span {
      font-size: 100%;
    }
    .thxtext ul li {
      padding-top: 15px;
    }

}



/*  NEW TOP  */

.top .hero {
  padding: 20px 0;
  margin-bottom: 35px;
  background: #f5f4f4;
  border-top: 2px solid #00572e;
  border-bottom: 2px solid #00572e;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .top .frame{
    padding: 0;
  }
  .top .hero {
    margin-top: 50px;
  }
}
@media screen and (max-width: 650px) {
  .top p:not(.open p)  {
    font-size: 15px;
  }
  .top .hero {
    margin-top: 50px;
    padding: 0;
    overflow: hidden;
  }
  .top .frame > .flx{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
}
.sld { width: 100%;}
.sld .sld-holder figure {
  width: 76%;
  margin: 0 14px;
}

.sld .sld-i {
  width: 100%;
<<<<<<< HEAD
  max-height: 450px;
=======
  max-height: 550px;
>>>>>>> 217dd182cadb585007f98a6220b295864c8f0e18
  overflow: hidden;
  border-radius: 8px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.sld .sld-i:before{
  content: "";
  display: block;
  padding-top: 50%;
}

.sld .nt-slider-1 { background-image: url(/_images/top/nt-slider01.jpg);}
.sld .nt-slider-2 { background-image: url(/_images/top/nt-slider02.jpg);}
.sld .nt-slider-3 { background-image: url(/_images/top/nt-slider03.jpg);}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.slick-dots li button:before {
  font-size: 0;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 10px;
  height: 10px;
  content: '';
  text-align: center;
  opacity: 1;
  color: black;
  background: white;
  border-radius: 50%;
}

.slick-dots li.slick-active button:before {
  opacity: 1;
  color: black;
  background: #f39917;
}

.slick-dots li { margin: 0 1px;}

.slick-dots { bottom: 18px;}

.slick-prev, .slick-next {
  width: 60px;
  height: 80px;
  z-index: 10;
}

.slick-prev:before, .slick-next:before {
  padding: 23px 20px;
  top: 0;
  left: 0;
  display: block;
  font-size: 0;
  background: rgba(255,255,255,1);
  opacity: .8;
}

.slick-prev { left: 0;}
.slick-next { right: 0;}

.slick-prev:before { content: url('/_images/top/arw.svg'); }
.slick-next:before {
  content: url('/_images/top/arw.svg');
  transform: rotate(180deg);
  width: 21px;
  height: 36px;
}

@media screen and (max-width: 650px) {
    .sld .sld-i:before{
      padding-top: 70%;
    }
    .slick-dots {
      z-index: 20;
      bottom: 8px;
    }
    .top .frame {
      padding-top: 0;
    }
    .sld .sld-holder figure {
      margin: 0;
    }
    .sld .sld-i {
      border-radius: 0;
    }
}

.nbtn {
  position: relative;
  max-width: 186px;
  height: 40px;
}

.nbtn a {
  display: block;
  width: 100%;
  height: inherit;
  color: white;
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 1;
  padding-left: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .15s ease;
  background: #00572e;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nbtn::after {
  width: 18px;
  height: 18px;
  position: absolute;
  content: url('/_images/common/btn-arrow.svg');
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
}

.nbtn a:hover {
  background: #016b39;
}

@media screen and (max-width: 650px) {
  .nbtn {
    max-width: 100%;
    height: 50px;
  }
}

.jpn-map {
  color: #00572e;
  width: 65.61222%;
  border: 3px solid #d4cfce;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 35px;
}

.jpn-map > div {
  -ms-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 37px 30px 36px 48px;
  height: 100%;
}
.jpn-map > div > .cap {
  width: 400px;
  width: calc(calc((100% - 20px)*0.4));
}
.jpn-map > div > .map {
  width: 660px;
  height: 100%;
  width: calc(calc((100% - 20px)*0.6));
  position: relative;
}
.jpn-map > div > .map > svg{
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-46%, -50%);
  -ms-transform: translate(-46%, -50%);
  -o-transform: translate(-46%, -50%);
  transform: translate(-46%, -50%);
  /* cursor: pointer; */
}
.jpn-map h2 {
  color: #00572E;
  font-size: 19px;
  line-height: 1;
  padding-bottom: 8px;
  border-bottom: 1px solid #00572E;
  margin-bottom: 23px;
  font-weight: normal;
}

.jpn-map p,
.wanted p
{
  font-size: 13px;
  line-height: 1.75;
  text-align: justify;
  letter-spacing: -.3px;
}

.jpn-map p {
  color: #00582f;
  margin-bottom: 27px;
  overflow: hidden;
}
.prefList{
  display: none;
}
.prefList__title{
  margin-bottom: 10px;
  position: relative;
  text-align: center;
}
.prefList__title:before{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-image: -moz-linear-gradient(90deg, #00572e 0, #00572e 2px, transparent 2px, transparent 3px);
  background-image: -webkit-linear-gradient(90deg, #00572e 0, #00572e 2px, transparent 2px, transparent 3px);
  background-image: linear-gradient(90deg, #00572e 0, #00572e 2px, transparent 2px, transparent 3px);
  -webkit-background-size: 3px 100%;
  background-size: 3px 100%;
  background-repeat: repeat-x;
  position: absolute;
  bottom: 50%;
  z-index: 0;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
}
.prefList__title > span{
  font-size: 16px;
  color: #00572e;
  font-weight: normal;
  display: inline-block;
  background-color: #fff;
  padding: 0 6px;
  position: relative;
  z-index: 1;
}
.prefList__cont{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}
.prefList__item{
  flex-grow: 0;
  flex-shrink: 0;
  display: block;
  text-align: center;
  color: #00582f;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #00582f;
  padding: 6px 6px;
}
.prefList__item > a{
  display: block;
}
@media screen and (max-width: 900px) {
  .jpn-map{
    width: 100%;
  }
}
@media screen and (max-width: 650px) {
  .jpn-map .flx{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .jpn-map{
    width: 100%;
  }
  .jpn-map {
    margin-bottom: 20px;
  }
  .jpn-map > div > div:first-child{
    width: 100%;
  }
  .jpn-map > div {
    padding: 30px 20px;
  }
  .jpn-map p {
    margin-bottom: 20px;
  }

  .jpn-map > div > .map {
  display: none;
  }
  .prefList{
    display: block;
  }
  .prefList__item{
    width: calc((99.9% - 16px)/3);
  }
  .prefList__item:not(:nth-child(-n + 3)){
    margin-top: 8px;
  }

}

.top {
  margin-bottom: 52px;
}

.wanted {
  width: 30.6122%;
  border-radius: 8px;
  border: 1px solid #00572e;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 35px;
}

.wanted > div:first-child {
  position: relative;
  top: 0;
  background: #00572e;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 0 0 0 22px;
  line-height: 47px;
  height: 47px;
}

.wanted h2 {
  color: white;
  font-size: 22px;
  font-weight: bold;
  white-space: nowrap;
}

.wanted h2 span {
  color: white;
  font-size: 16px;
  display: inline-block;
  margin-left: 15px;
  letter-spacing: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.wanted > div:nth-child(2) {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: calc(100% - 47px);
  padding: 16px 18px 20px;
}
.wanted__cap{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  height: calc(100% - 110px);
}
.wanted p {
  font-size: 13px;
  line-height: 1.75;
  color: #00572E;
  overflow: hidden;
  -webkit-transform: translateY(-9%);
  -ms-transform: translateY(-9%);
  -o-transform: translateY(-9%);
  transform: translateY(-9%);
}
.wanted__btns{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  height: 110px;
}
.wrapper-btn {
  height: 50px;
  width: 100%;
  border: 2px solid #00572e;
  border-radius: 7px;
  text-align: center;
  padding: 6px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  position: relative;
}

.wrapper-btn + .wrapper-btn{
  margin-top: 10px;
}
.wrapper-btn a {
  width: 100%;
  display: block;
  color: #00582f;;
}

.wrapper-btn p {
  font-weight: normal;
}

.wrapper-btn::after {
  height: 18px;
  width: 18px;
  position: absolute;
  content: url('/_images/top/arw-g.svg');
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
}
.wanted__noTrade{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  height: 105px;
  margin-top: 5px;
  width: 100%;
  border: 6px solid #f2f2f2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wanted__noTrade > span{
  font-size: 14px;
  color: #000;
}
@media screen and (max-width: 900px) {
  .wanted{
    width: calc((99.9% - 35px)/2);
  }
}
@media screen and (max-width: 650px) {
  .wanted{
    width: 100%;
  }
  .wanted h2 span{
    font-size: 14px;
  }
  .wanted__btns{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-top: 12px;
  }
  .wrapper-btn + .wrapper-btn{
    margin-left: 10px;
    margin-top: 0;
  }
  .wrapper-btn a{
    font-size: 15.5px;
  }
  .wanted__noTrade{
    width: 100%;
  }
  .wanted > div:nth-child(2){
    height: auto;
  }
}
@media screen and (max-width: 380px) {
  .wanted__btns{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .wrapper-btn + .wrapper-btn{
    margin-left: 0;
    margin-top: 5px;
  }
}
.t-blog{
  margin-bottom: 35px;
  overflow: hidden;
}
.t-b-ttl {
  height: 57px;
  padding: 5px 0 5px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.t-b-ttl h2 {
  font-size: 22px;
  font-weight: bold;
  white-space: nowrap;
}

.t-b-ttl h2 span {
  font-size: 16px;
  display: inline-block;
  margin-left: 15px;
  letter-spacing: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}

.t-blog-slider {
  min-height: 220px;
  height: calc(100% - (57px + 47px));
  overflow: hidden;
}
.t-blog-slider .slick-initialized,
.t-blog-slider .slick-list,
.t-blog-slider .slick-track,
.t-blog-slider .slick-slide{
  height: 100%;
}

.t-blog-slider li > a {
  width: 100%;
  display: block;
  height: 100%;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.t-blog-slider a > figure {
  width: 100%;
  display: block;
  margin: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}
.t-blog-slider .slick-next:before,
.t-blog-slider .slick-prev:before{
  content: url(/_images/top/arw_s.svg);
  padding: 15px 6px;
}
.t-blog-slider .slick-next:before {
  right: 0;
}
.t-blog-slider .slick-next,
.t-blog-slider .slick-prev {
  width: 22px;
  height: 36px;
}
.t-blog-slider .slick-next:before,
.t-blog-slider .slick-prev:before {
  width: 12px;
  height: 14px;
}

.t-blog,
.t-blog > div,
.t-blog-slider,
.t-blog-slider ul.slick-initialized,
.t-blog-slider .slick-list,
.t-blog-slider .slick-slide,
.t-blog-slider li > a
{
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  overflow: hidden;
}


@media screen and ( max-width: 768px ) {
  .t-blog-slider .slick-next:before,
  .t-blog-slider .slick-prev:before {
    width: auto;
    height: auto;
  }
}
.t-b-s-option {
  width: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 16px 22px 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: block;
}

.t-b-s-option > * { color: white;}

.t-b-s-option h3 {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.t-b-s-option p {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 4px;
}

.t-b-btn a {
  background: #00572e;
  height: 47px;
  line-height: 47;
  width: 100%;
  display: inline-block;
  border-radius: 0 0 6px 6px;
  color: white;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.t-b-btn a::before {
  width: 18px;
  height: 18px;
  position: absolute;
  content: url('/_images/common/btn-arrow.svg');
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
}

.t-mg > div {
  background-image: url('/_images/top/m-banner.jpg');
  height: 366px;
  width: 100%;
  background-position: 30% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 7px;
  position: relative;
}

.t-mg > div > div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: white;
  height: 285px;
  width: 350px;
  right: 36px;
  padding: 38px 34px 0;
  -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.t-mg h3 {
  font-size: 17px;
  line-height: 1.6;
  margin-bottom: 14px;
  color: #00572E;
}

.t-mg p {
  font-size: 13px;
  color: #00572E;
  line-height: 1.75;
  margin-bottom: 22px;
}
@media screen and (max-width: 1000px) {
  .t-b-ttl h2 span{
    font-size: 13px;
  }
}
@media screen and (max-width: 650px) {
  .niceon + .frame {
    width: 100vw;
  }
  .t-mg{
    margin: auto;
    width: 90%;
  }
  .t-mg > div{
    background-image: url('/_images/top/m-banner_sp.jpg');
    background-position: 50% 3%;
    height: auto;
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .t-mg > div:before{
    content: "";
    display: block;
    padding-top: 55%;
  }
  .t-mg > div > div{
    position: relative;
    right: inherit;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 33px;
  }
  .t-blog-slider .slick-next:before,
  .t-blog-slider .slick-prev:before{
    content: url(/_images/top/arw.svg);
    padding: 23px 0;
  }
  .t-blog-slider .slick-next,
  .t-blog-slider .slick-prev,
  .t-blog-slider .slick-next:before,
  .t-blog-slider .slick-prev:before{
    width: 60px;
  }
}
@media screen and (max-width: 380px) {
  .t-mg > div{
    padding: 5vw
  }
  .t-mg > div > div{
    border-radius: 7px;
    background-color: rgba(255,255,255,0.8);
  }
}
.t-blog {
  width: 30.9%;
  max-width: 303px;
}

.t-blog > div {
  width: 100%;
  height: 100%;
  border-radius: 7px;
  border: 3px solid #d4cfce;
  background: white;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 900px) {
  .t-blog{
    width: calc((99.9% - 35px)/2);
    max-width: inherit;
    overflow: hidden;
  }
}
@media screen and (max-width: 650px) {
  .t-blog-slider a:before{
    content: "";
    display: block;
    padding-top: 60%;
  }
  .t-blog-slider .slick-initialized,
  .t-blog-slider .slick-list,
  .t-blog-slider .slick-track,
  .t-blog-slider .slick-slide,
  .t-blog-slider li > a{
    height: auto;
  }
  .t-blog-slider{
    height: auto;
    min-height: inherit;
  }
  .t-blog {
    width: 100%;
    max-width: inherit;
  }
  .t-b-s-option{
    width: 100%;
  }
  .t-b-ttl {
    padding-top: 15px;
    height: auto;
  }
  .t-b-ttl h2 span,
  {
    font-size: 14px;
  }

  .t-b-s-option h3,
  .t-b-btn a,
  {
    font-size: 15.5px;
  }
}
.b-n-wrapper {
  margin: 36px auto 40px;
}

.frame {
  max-width: 980px;
  width: 90%;
}
.cdtl .frame {
  max-width: initial;
  width: 980px;
}

.t-news {
  width: 65.6122%;
  max-width: 643px;
  margin-bottom: 35px;
  position: relative;
}

.topnews,
.topnews dl,
.topnews dt,
.topnews dd
{
  width: auto;
  float: none;
}

.topnews {
  width: 100%;
}

.t-news > div {
  border-radius: 7px;
  border: 3px solid #d4cfce;
  background: white;
}

.t-news .t-b-ttl {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-right: 20px;
  border-bottom: 1px solid #00572e;
}

.t-news .t-b-ttl .hover {
  font-weight: bold;
  font-size: 15px;
}
.t-news .smallLink{
  position: absolute;
  top: 32px;
  right: 24px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.topnews dl {
  padding: 20px 0 17px;
  border-bottom: 2px dotted #5c997c;
}
.topnews dl a {
  display: flex;
  position: relative;
}

.topnews dl a::after {
  position: absolute;
  content: url('/_images/top/arw-l.svg');
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
}
.topnews dt {
  padding: 0;
}

.topnews {
  background: #faf9f9;
  padding: 14px 36px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 305px;
}

.topnews dt {
  font-size: 14px;
  font-weight: bold;
  width: 132px;
}

.topnews dd {
  width: 63%;
  max-width: 401px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

@media screen and (max-width: 900px){
  .t-news{
    width: 100%;
    max-width: inherit;
  }
}
@media screen and (max-width: 650px) {
  .t-news .t-b-ttl,
  .topnews dl a{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .t-news{
    width: 100%;
  }
  .b-n-wrapper,
  .t-news {
    margin-top: 20px;
  }

  .t-b-ttl h2 {
    margin-bottom: 10px;
  }
  .t-news .t-b-ttl h2 + a {
    margin: 0 0 10px 24px;
  }
  .topnews {
    padding: 0 20px;
  }
  .topnews dl {
    padding: 15px 0;
    margin-right: 0;
  }
  .topnews dt,
  .niceon-ttl
  {
    height: 100%;
  }
  .topnews dd {
    max-width: 90%;
    width: 82vw;
  }
  .t-news .t-b-ttl .hover{
    font-size: 14px;
  }
  .t-news .smallLink{
    display: block;
    position: relative;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    left: auto;
    right: auto;
    top: auto;
    text-align: left;
    padding: 16px 21px 14px;
    font-size: 15px;
    font-weight: bold;
    border-top: 1px solid #00572e;
  }
  .t-news .smallLink > .hover{
    color: #00572e;
  }
  .t-news .smallLink::before{
    content: none;
  }
  .t-news .smallLink > .hover::before{
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/_images/top/arw-g.svg) 0 0 / cover no-repeat;
    position: relative;
    -webkit-transform: translateY(11%);
    -ms-transform: translateY(11%);
    -o-transform: translateY(11%);
    transform: translateY(11%);
    margin-right: 7px;
  }
}
.page_top .niceon {
  width: 100%;
  height: auto;
  margin-bottom: 50px;
}
.page_top .niceon > div {
  background: #f2f1f1;
}

.page_top .niceon-ttl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 78px;
}

.page_top .niceon-ttl img {
  margin-left: -18px;
  margin-right: 24px;
  transform: scale(.8);
}
@media screen and (max-width: 767.98px) {
  .page_top .niceon-ttl img {
    margin-right: 0;
    transform: scale(.65);
  }
}
.page_top .niceon-ttl .nbtn {
  width: 186px;
  margin-left: 20px;
}

.page_top .niceon-ttl p {
  font-size: 15px;
  width: 60%;
  line-height: 1.35;
  letter-spacing: 1px;
  font-weight: bold;
  font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3' , 'HiraMinProN-W3', serif;
}

.page_top .niceon-ttl br.onlySP{
  display: none;
}
.page_top .niceonSlider {
  border-top: 1px solid #1e4d32;
  overflow: hidden;
  padding: 30px 0;
  max-height: 400px;
}

.page_top .niceonSlider__item{
  margin: 0 15px;
  border-radius: 7px;
}
.page_top .niceonSlider__item > a {
  display: block;
  padding: 0;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 400px;
}
.page_top .niceonSlider__item > a:before{
  content: "";
  display: block;
  padding-top: 60%;
}
.page_top .niceonSlider > div {
  padding: 30px 30px;
}

.page_top .niceonSlider__title {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 20px 22px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0 0 7px 7px;
  max-height: 400px;
}

.page_top .niceonSlider__title *{
  color: white;
}

.page_top .niceonSlider__title p{
  line-height: 1.5;
}
.page_top .niceonSlider__title p + p{
  margin-top: 5px;
}
.page_top .niceonSlider__title > p:last-of-type{
  margin-bottom: 4px;
  font-size: 13px;
}
.page_top .niceonSlider__title p:first-child{
  font-size: 12px;
  line-height: 1;
}
.page_top .niceonSlider__title h3 {
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
}
.page_top .niceonSlider__title .golflife-title > br{
  display: none;t-blog-slider
}
.page_top .niceonSlider__title .golflife-title > small{
  font-size: 13px;
  margin-right: 1.5em;
  vertical-align: middle;
}
.page_top .niceonSlider__title .golflife-title > small:last-child{
  display: none;
}
.page_top .niceonSlider + .nbtn{
  display: none;
}
@media screen and (min-width: 1050px) {
  .page_top .niceonSlider__item > a:before{
    padding-top: 80%;
  }
}
@media screen and (max-width: 650px) {
  .page_top .niceon-ttl div {
    text-align: center !important;
  }
  .page_top .niceon-ttl.frame{
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -o-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 20px 0 15px;
    height: auto;
  }
  .page_top .niceon-ttl.frame > div:first-of-type{
    margin-top: 0px;
    margin-left: 4px;
  }
  .page_top .niceon-ttl p{
    width: 100%;
    text-align: center;
    margin: 0 0 12px;
  }
  .page_top .niceon-ttl br.onlySP{
    display: inline;
  }
  .page_top .niceon-ttl .nbtn{
    display: none;
  }
  .page_top .niceonSlider{
    padding: 20px 0 35px;
  }
  .page_top .niceonSlider + .nbtn{
    display: block;
    width: 90%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .page_top .niceonSlider__item > a{
    margin: 0 2.5vw;
  }
  .page_top .niceon > div{
    padding-bottom: 40px;
  }
  .slick-prev:before
  {
    transform: scale(.6);
    margin-left: -13px;
  }
  .slick-next:before {
    transform: rotate(180deg) scale(.6);
  }
  .slick-next {
    right: -12px;
  }
  .page_top .niceon-ttl {
    padding: 35px 0 30px;
  }
  .page_top .niceonSlider > div {
    padding: 0;
  }
  .page_top .niceonSlider__title p + p {
    margin: 5px 0 30px;
  }
  .page_top .niceonSlider__title h3{
    font-size: 15.5px;
  }
  .page_top .niceonSlider__title p{
    font-size: 14px;
  }
  .page_top .niceonSlider__item > a:before{
    padding-top: 100%;
  }
  .page_top .niceonSlider__title .golflife-title > br{
    display: inline;
  }
}
.coursenavi {
  justify-content: space-between;
}

.coursenavi,
.coursenavi li,
.coursenavi li a {
  float: none;
  display: flex;
  align-items: center;
}

.coursenavi li a p {
  font-size: 14px;
  font-weight: bold;
  color: #009244;
  margin-left: 15px;
  line-height: 1;
}

.coursenavi li {
  margin-right: 40px !important;
}

.map_area {
  width: 100%;
}
.map_area iframe {
  width: 100% !important;
}

.map {
  position: relative;
}

/* .map > p {
  position: absolute;
  font-size: 13px;
  color: #00572e;
  white-space: nowrap;
  left: 6%;
}
 */

/* .page_mainMagazine
----------------------------------------------------------  */

.page_mainMagazine #wrap > .frame{
  padding-top: 60px;
}

  .page_mainMagazine .ttl + p{
    margin-bottom: 10px;
  }
@media screen and (max-width: 767.98px) {
  .page_mainMagazine .page_mainMagazine #wrap > .frame{
    padding-top: 10px;
  }
  .page_mainMagazine .formbtn{
    margin-top: 0px;
    margin-bottom: 20px;
  }
  .page_mainMagazine .header .info{
    display: none;
  }
  .page_mainMagazine .header .frame{
    padding-top: 0;
  }
  .page_mainMagazine .ttl{
    margin-bottom: 10px;
  }
  .page_mainMagazine .formlist dl dd input[type="text"]{
    display: block;
    margin-bottom: 5px;
  }
  .page_mainMagazine .formlist dl{
    border-bottom: none;
  }
  .page_mainMagazine .formlist dl + dl{
    margin-top: 20px;
    border-top: 1px solid #ccc;
  }
  .page_mainMagazine .box{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
/*--------------------------------------------------------
/.page_mainMagazine */

.swp {
  display: none;
}

.score_ttl {
  float: none;
}
.score_ttlTxt {
  color: black;
  font-weight: bold;
  font-size: 15px;
  position: relative;
}
.score_ttlAnotation{
  display: none;
}

.score_graph {
  position: relative;
}
.score_ttlTxt::after {
  position: absolute;
  content: 'Score';
  color: #999999;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 0.5px;
  right: 0;
  top: 3px;
}


#course { width:300px; }
#price { width:70px; }
#name { width:220px; }
#kana { width: 220px;}
#tel { width: 170px;}
#email { width: 380px;}
#bikou { width: 420px; height: 150px;}


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

    #course, #price, #name, #kana, #tel, #email ,#bikou {
      width: 100%;
    }

    .course_pict {
      margin-top: 25px;
      padding-bottom: 0;
    }

    .cdtl .frame {
      width: 95vw;
    }
    .ttl_graph dl dd {
      font-size: 200%;
      margin: 0 0 0 15px;
    }
    .ttl_graph dl dd span{
      padding-top: 0;
    }
    div.ttl_graph{
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    div.ttl_graph > * {
      float: none;
    }
    .ttl_graph p {
      flex-shrink: 0;
      width: 100%;
      padding: 0 0 12px 0;
    }
    .ttl_graph p br{
      display: none;
    }
    .ttl_graph p span{
      margin-left: 1em;
      vertical-align: middle;
    }
    .ttl_graph dl,
    .ttl_graph dl dt,
    .ttl_graph dl dd {
      width: auto;
      float: none;
    }
    .ttl_graph dl dt{
      padding: 0;
    }
    .ttl_graph dl dd{
      line-height: 1;
    }
    .ttl_graph dl {
      width: 50%;
      display: flex;
      -ms-align-items: center;
      align-items: center;
    }
    .course_pict,
    .course_pict > img,
    .course_text ul {
      width: 100%;
    }
    .map_area {
      width: 100%;
    }

    .list_course,
    .list_course ul,
    .list_course li,
    .course_outline p {
      width: 100%;
      float: none;
    }
    .list_course li {
      padding-left: 15px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    .course_outline p {
      line-height: 1;
      text-align: left;
      margin-top: 20px;
    }

    .coursenavi {
      height: auto;
      flex-direction: column;
      justify-content: flex-start;
    }
    .coursenavi li {
      width: 100%;
      margin: 15px 0 15px 0 !important;
    }
    .score_ttlAnotation{
      display: block;
      font-size: 13px;
      font-weight: normal;
      line-height: 1.3;
    }
    .score_graph ul {
      width: 978px;
    }
    .score_graph {
      width: 100%;
      overflow: scroll;
      white-space: nowrap;　
    }

    .formlist dl dd input[type="text"] {
      width: 100%;
    }

    .formlist dl dd label {
      padding-right: 0;
    }


    .ttl_full {
      width: 100%;
      font-size: 130%;
    }
    .termttl,
    .termttl h3 {
      width: 100%;
      float: none;
    }
    .termlist_1 dd,
    .termlist_10 dd {
      border-bottom: 1px solid #cccccc;
    }
    .termlist_1,
    .termlist_10,
    .termlist_all {
      width: 100%;
      border-bottom: 0;
      margin: 0 0 10px 0;
    }
    .termlist_1 dl,
    .termlist_10 dl,
    .termlist_all dl {
      width: 25%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    .termlist_1 dl > *,
    .termlist_10 dl > *,
    .termlist_all dl > * {
      width: 100%;
    }

    .termlist_all {
      width: calc( 100% + 3px );
    }

    .termlist_all dl {
      border-left: 1px solid #cccccc;
      border-right: 1px solid #cccccc;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-bottom: -1px;
      margin-left: -1px;
    }

    .termttl + .course {
      text-align: left;
    }
    .course_menu {
      height: auto;
      margin: 20px 0;
    }
    .termttl p {
      width: 100%;
      float: none;
    }
    .coursenavi {
      background: none;
    }
    .grapharea {
      display: none;
    }
    .graph {
      border: 0;
      margin: 0;
    }
    .termnavi {
      width: 100%;
      float: none;
      height: auto;
    }
    ._sp_tab ul {
      display: flex;
      float: none;
      flex-direction: column;
      width: 100%;
      height: auto;
      background: none;
    }
    ._sp_tab li {
      width: 100%;
      float: none;
      height: auto;
      text-indent: initial;
      margin-bottom: 10px;
    }
    ._sp_tab a {
      font-size: 13px;
      font-weight: bold;
      letter-spacing: .5px;
      width: 100%;
      height: auto;
      background: #009B42;
      color: white;
      text-align: center;
      padding: 8px 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 4px;
      box-shadow: 0px 4px 0 #017b35;
    }
    ._sp_tab a:visited {
      width: 100%;
    }
    ._sp_tab a:hover {
      width: 100%;
      height: auto;
    }

    .swp {
      display: none;
/*       display: block;
margin: 10px auto 5px; */
    }
/*     .swp p {
  color: #c4c4c4;
  font-size: 12px;
  letter-spacing: .6px;
  text-align: right;
  position: relative;
  margin-right: 40px;
}
.swp p::after {
  width: 24px;
  height: 1px;
  position: absolute;
  content: '';
  background: #c4c4c4;
  bottom: 6px;
  right: -30px;
}
.swp p::before {
  width: 8px;
  height: 1px;
  position: absolute;
  content: '';
  background: #c4c4c4;
  bottom: 9px;
  right: -30px;
  transform: rotate(45deg);
} */
}



/* course mailform
 */
  .box__mod {width: 800px;background: #ffffff;}
  .box__mod .confirmbtn input {
    border: 1px solid #e8e8e8;
    border-radius: 4px;
  }
<<<<<<< HEAD
=======


.company-img {
  width: 100%;
  margin-bottom: 10px;
}
.company-img img {
  width: 100%;
  max-width: 550px;
}


@media screen and ( max-width: 767.98px ) {
  .company-img img {
    max-width: 100%;
  }
  .company-img {
    margin-bottom: 30px;
  }
}
>>>>>>> 217dd182cadb585007f98a6220b295864c8f0e18