@charset "UTF-8";

h1.title {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0
}
.adbnr,
.adbnr ul li,
nav ul {
  margin: 0 auto
}
h1.title .h1_txt {
  position: absolute;
  left: 30%;
  top: 16%;
  font-size: 5vw;
  font-weight: 700;
  line-height: 1.5em;
  color: #444;
  text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff
}
h1.title .h1_txt_green {
  font-size: 11vw;
  line-height: 1;
  color: #00a691
}
.contStatic {
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
  letter-spacing: 0.05em
}
h1.title img {
  display: block;
  width: 100%
}
#icarch img {
  display: block;
  width: 100%
}
.contStatic h2 {
  font-size: 22px;
  padding: 20px 0 10px;
  font-weight: bolder
}
nav {
  background-color: #00a691
}
nav ul {
  width: 100%;
  padding: 7px 10px;
  box-sizing: border-box
}
nav ul li {
  width: 25%;
  border-right: 1px solid #FFF;
  float: left;
  box-sizing: border-box
}
nav ul li:last-child {
  border-right: none
}
nav ul li p {
  font-size: 12px
}
nav ul li a {
  display: block;
  font-size: 14px;
  color: #FFF !important;
  text-align: center;
}
nav ul li a:hover {
  opacity: .6
}
#contetns h2{
  font-size: 22px;
  padding: 20px 0 10px;
  font-weight: bolder;
  text-align: center;
  font-weight: bold;
}
.adbnr {
  width: 100%
}
.adbnr ul li {
  background-color: #f2f2f2;
  padding: 5px 10px;
  box-sizing: border-box;
  text-align: center;
}
.adbnr h3 {
  background-color: #c63d3d;
  padding: 5px 0;
  color: #FFF;
  font-size: 14px;
  letter-spacing: 0.05em;
  text-align: center;
}
.adbnr ul li a {
  color: #0070be !important;
  font-size: 14px !important;
  text-decoration: underline
}
span.button,
span.subText {
  font-size: 12px;
  display: block
}
.adbnr ul li a:hover {
  text-decoration: underline !important;
  opacity: 1 !important
}
#area {
  background-color: #FFF;
  padding: 0 5px 10px;
  box-sizing: border-box
}
span.subText {
  color: #555;
  padding: 0 0 5px
}
span.button {
  margin: 0;
  color: #FFF;
  background-color: #555;
  padding: 5px 0;
  border-radius: 0 0 5px 5px;
  letter-spacing: 0.02em;
  font-weight: 400;
  background-image: url('../img/area_arrow.png');
  background-position: 98% 50%;
  background-repeat: no-repeat;
  background-size: 15px
}
.areabox .accordion p.open span.button,
.open span.button {
  background-image: url('../img/area_arrow02.png');
  background-color: #00a691
}
.open span.button {
  border-radius: 0
}
.kikanbox .accordion > li p,
.shiftbox .accordion > li p {
  background-position: top center;
  cursor: pointer;
  background-repeat: no-repeat
}
.areabox .accordion>li ul li a:hover {
  color: #00a691;
  background-image: url('../img/area_arrow03.png')
}
.areabox .accordion > li p.open span.subText {
  color: #00a691
}

#kikan,
#shift {
  background-color: #ffd321;
  padding: 0 5px 10px
}
.kikanbox .accordion,
.shiftbox .accordion {
  width: 33%;
  float: left;
  padding: 0 5px;
  margin-bottom: 10px;
  box-sizing: border-box
}
.kikanbox .accordion > li,
.shiftbox .accordion > li {
  border-radius: 5px
}
.kikanbox .accordion > li p {
  padding: 34px 0 0;
  background-size: 50% auto
}
@media screen and(max-width:320px) {
  .kikanbox .accordion > li p {
    padding: 30px 0 0;
    background-size: 55% auto
  }
}
.kikanbox .accordion > li p.day {
  background-image: url('../img/kikan_icon01.png')
}
.kikanbox .accordion > li p.week {
  background-image: url('../img/kikan_icon02.png')
}
.kikanbox .accordion > li p.month {
  background-image: url('../img/kikan_icon03.png')
}
.kikanbox .accordion > li p span,
.shiftbox .accordion > li p span {
  background-color: #FFF;
  display: block;
  text-align: center;
  padding: 15px 5px 25px;
  letter-spacing: normal;
  background-image: url('../img/arrow.png');
  background-position: 50% 97%;
  background-repeat: no-repeat;
  background-size: auto;
  font-size: 16px;
  font-weight: 700;
  border-radius: 5px
}
.kikanbox .accordion > li .open span,
.shiftbox .accordion > li .open span {
  border-radius: 5px 5px 0 0;
  color: #00a691
}
.kikanbox .accordion > li a,
.shiftbox .accordion > li a {
  cursor: pointer;
  text-align: left;
  font-size: 13px;
  background-image: url('../img/area_arrow04.png');
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: 10px auto;
  display: block;
  text-decoration: none;
  color: #000;
  padding: 10px 5px;
  font-weight: inherit
}
.kikanbox ul li ul li:hover a,
.shiftbox ul li ul li:hover a {
  color: #00a691;
  background-image: url('../img/area_arrow03.png')
}
.kikanbox ul li ul li:hover .kikanbox .accordion>li:last-child,
.shiftbox ul li ul li:hover .kikanbox .accordion>li:last-child {
  border-bottom: 1px solid #555
}
.kikanbox ul li ul,
.shiftbox ul li ul {
  display: none;
  background-color: #FFF;
  color: #000;
  margin: 0;
  padding: 0 5px;
  border-top: 1px solid #ffd321;
  border-radius: 0 0 5px 5px
}
.kikanbox ul li ul li,
.shiftbox ul li ul li {
  font-size: 13px;
  font-weight: 400;
  border-bottom: 1px solid #ffd321
}
.kikanbox ul li ul li:last-child,
.shiftbox ul li ul li:last-child {
  border-bottom: none
}
#kodawari {
  padding: 0 5px 10px;
  box-sizing: border-box
}
.kodawaribox .accordion > li {
  border: 1px solid #555;
  letter-spacing: normal
}

#faq dl dd p,
#faq dl dt h2,
.button p {
  letter-spacing: 0.05em
}
.kodawaribox .accordion > li p {
  color: #00a691;
  font-weight: 700;
  font-size: 12px;
  min-height:100px;
}
@media screen and(max-width:320px) {
  .kodawaribox .accordion > li p {
    color: #00a691;
    font-weight: 700;
    font-size: 13px
  }
}
.kodawaribox .accordion {
  cursor: pointer;
  width: 33%;
  float: left;
  padding: 0 5px;
  margin: 0 0 10px;
  box-sizing: border-box
}
.kodawaribox .accordion > li ul {
  display: none;
  background: #FFF;
  margin: 0 !important;
  color: #000;
  padding: 0 5px !important;
  box-sizing: border-box;
  border-top: 1px solid #555;
  border-radius: 0 0 5px 5px
}
#faq dl,
.kodawaribox .accordion > li {
  border-radius: 5px;
  background-color: #FFF
}
.kodawaribox .accordion > li {
  text-align: center !important;
  padding: 0;
  color: #000;
  font-size: 12px
}
@media screen and(max-width:320px) {
  .kodawaribox span.subText {
    font-size: 11px
  }
}
.kodawaribox .accordion > li ul li a {
  padding: 10px 5px;
  display: block;
  text-decoration: none;
  color: #000;
  text-align: left;
  font-size: 13px;
  border-bottom: 1px solid #555;
  background-image: url('../img/area_arrow04.png');
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: 14px auto
}
.bnr p a,
.kodawaribox .accordion > li p.open span.subText {
  color: #00a691
}
.hibarai,
.yasumi {
  background-size: 60% auto, auto, auto;
  padding: 25px 0 25px;
  background-repeat: no-repeat
}
.kodawaribox ul li ul li:last-child a {
  border-bottom: none
}
.kodawaribox .accordion>li a:hover {
  color: #00a691;
  background-image: url('../img/area_arrow03.png')
}
.kodawaribox .accordion:last-child {
  margin: 0
}
.kodawaribox .accordion > li p.open ul {
  border: 1px solid #00a691
}
.bnr a{
  display: block;
}
.hibarai {
  /*background-image: url('../img/kd-2icon01.png'), url('../img/arrow.png');*/
  background-image: url('../img/arrow.png');
  background-position: 50% 97%;
  background-size:auto;

}
.yasumi {
  /*background-image: url('../img/kd-2icon02.png'), url('../img/arrow.png');*/
  background-image: url('../img/arrow.png');
  background-position: 50% 97%;
  background-size:auto;
}
.kokosei {
  /*background-image: url('../img/kd-2icon03.png'), url('../img/arrow.png');*/
  background-image: url('../img/arrow.png');
  background-position: 50% 97%;
  background-repeat: no-repeat;
  padding: 25px 0;
  background-size:auto;
}
.bnr img {
  display: block;
  width: 100%;
  padding: 20px 10px 10px;
  box-sizing: border-box
}
.bnr p {
  font-size: 12px;
  text-align: center;
  margin-bottom: 20px
}
#faq dl dt h2{
  color: #FFF;
  text-align: center;
  font-weight: 700
}
.button {
  background-color: #c63d3d;
}
/*.button p {*/
  /*font-size: 20px;*/
  /*padding: 0 10px 10px*/
/*}*/
/*.button ul {*/
  /*padding: 0 0 5px;*/
  /*text-align: center*/
/*}*/
/*.button ul li {*/
  /*width: 23.5%;*/
  /*display: inline-block;*/
  /*margin: 0 auto;*/
  /*text-align: center*/
/*}*/
#faq dl:last-child,
#interview section ul li:last-child {
  margin: 0
}
.buttonTtl{
  color: #FFF;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  padding: 20px;
}
#faq {
  margin: 0 auto 20px;
  backgroun-color: #FFF;
  padding: 0 10px
}
#faq dl {
  width: 100%;
  margin: 0 0 10px;
  padding: 0 0 10px;
  border: 1px solid #00a691
}
#faq dl dd {
  padding: 5px 0 0
}
#faq dl dt h2 {
  background-color: #00a691;
  font-size: 16px;
  padding: 10px 0;
  line-height: 1.3;
  background-image: url('../img/textbox_icon01.png');
  background-size: auto 70%;
  background-repeat: no-repeat;
  background-position: 7% center
}
#faq dl:last-child dt h2 {
  background-image: url('../img/textbox_icon02.png')
}
#faq dl dd p {
  padding: 5px 10px 0;
  font-size: 13px;
  text-align: left;
  color: #000;
  font-weight: lighter;
  line-height: 1.3
}
#interview {
  padding: 20px 10px;
  background-image: url('../img/bg.png')
}
#interview section {
  background-color: #FFF;
  border-radius: 5px;
  padding: 20px 10px;
  letter-spacing: normal
}
#interview section h2 {
  font-size: 19px;
  text-align: center;
  line-height: 1.3;
  background-image: url('../img/star01.png'), url('../img/star02.png');
  background-repeat: no-repeat;
  background-position: 0 50%, 100% 50%;
  background-size: 10% auto
}
@media screen and(max-width:320px) {
  #faq dl dt h2 {
    background-size: auto 55%;
    background-position: 2% center
  }
  #interview section h2 {
    font-size: 17px;
    background-size: 9% auto
  }
}
#interview section .interview_caption {
  padding: 10px 0;
  font-size: 14px;
  text-align: center;
  line-height: 1.4
}
#interview section ul li {
  padding: 0 0 10px
}
#interview section ul li dl .icon {
  float: left;
  width: 15%;
  box-sizing: border-box;
  background-color: #FFF;
  display: block;
  text-align: center;
  padding: 15px 0 0
}
#interview section ul li:last-child dl .icon {
  padding: 5px 0 0
}
#interview section ul li dl dt {
  padding: 20px 10px 0;
  text-align: center;
  font-size: 16px;
  line-height: 1.3;
  border-radius: 5px;
  width: 80%;
  float: right
}
#interview section ul li dl dd {
  font-size: 13px;
  font-weight: lighter;
  line-height: 1.3;
  border-radius: 5px;
  width: 77%;
  box-sizing: border-box;
  float: right
}
@media screen and(max-width:320px) {
  #interview section ul li dl .icon {
    padding: 30px 0 0
  }
  #interview section ul li:last-child dl .icon {
    padding: 15px 0 0
  }
  #interview section ul li dl dd {
    width: 74%
  }
}
#interview section ul li dl.green .arrow_box:after,
#interview section ul li dl.yellow .arrow_box:after {
  right: 100%;
  content: " ";
  height: 0;
  width: 0;
  pointer-events: none;
  margin-top: -15px;
  top: 50%
}
#interview section ul li dl.green .h5 {
  background-color: #00a691;
  color: #FFF;
  padding: 10px 10px 5px;
  border-radius: 5px 5px 0 0;
  font-size: 14px
}
#interview section ul li dl.green dd .arrow_box_text {
  background-color: #00a691;
  color: #FFF;
  border-radius: 0 0 5px 5px;
  padding: 0 10px 10px
}
#interview section ul li dl.yellow .h5 {
  background-color: #ffd321;
  color: #000;
  padding: 10px 10px 5px;
  border-radius: 5px 5px 0 0;
  font-size: 14px
}
#interview section ul li dl.yellow dd .arrow_box_text {
  background-color: #ffd321;
  color: #000;
  border-radius: 0 0 5px 5px;
  padding: 0 10px 10px
}
#interview section ul li dl.green .arrow_box {
  position: relative;
  background: #00a691
}
#interview section ul li dl.green .arrow_box:after {
  border: solid transparent;
  position: absolute;
  border-color: rgba(0, 166, 145, 0);
  border-right-color: #00a691;
  border-width: 15px;
    margin-right: -1px;
}
#interview section ul li dl.yellow .arrow_box {
  position: relative;
  background: #ffd321
}
#interview section ul li dl.yellow .arrow_box:after {
  border: solid transparent;
  position: absolute;
  border-color: rgba(255, 211, 33, 0);
  border-right-color: #ffd321;
  border-width: 15px;
  margin-right: -1px;
}
.sekine {
  background-image: url('../img/kv_bg.png');
  padding: 20px 10px;
  box-sizing: border-box
}
.sekine h2 {
  position: relative;
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 20px;
  padding: 0
}
.sekine h2:after,
.sekine h2:before {
  content: '';
  background: url('../img/ornament_black.png') repeat-x;
  background-size: 60px 5px;
  position: absolute;
  top: 50%;
  width: 60px;
  height: 5px;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}
.sekine h2:before {
  background: url('../img/ornament_black.png') repeat-x;
  background-size: 60px 5px;
  left: 10px
}
.sekine h2:after {
  background: url('../img/ornament_black.png') repeat-x;
  background-size: 60px 5px;
  right: 10px;
  -moz-transform: translate(0, -50%) rotate(180deg);
  -ms-transform: translate(0, -50%) rotate(180deg);
  -webkit-transform: translate(0, -50%) rotate(180deg);
  transform: translate(0, -50%) rotate(180deg)
}
@media screen and(max-width:320px) {
  .sekine h2:after,
  .sekine h2:before {
    content: '';
    position: absolute;
    width: 48px;
    height: 4px
  }
  .sekine h2:before {
    background-size: 48px 4px;
    left: 5px
  }
  .sekine h2:after {
    background-size: 48px 4px;
    right: 5px
  }
}
.sekine .sekine_caption {
  text-align: center;
  font-size: 18px;
  padding: 10px 0 0
}
.sekine .question dl {
  width: 100%;
  padding: 10px;
  background-color: #FFF;
  border-radius: 5px;
  margin: 10px 0 0;
  box-sizing: border-box
}
.sekine .question dl dt {
  float: left;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  padding: 0;
  margin: 0;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  background-color: #c48600
}
.sekine .question dl dd {
  padding: 2px 0 10px 30px;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0.06em;
  background-color: #FFF
}
.sekine .question dl dd.a {
  border-top: 1px solid #c48600;
  padding: 12px 0 0 30px;
  line-height: 1.3;
  font-size: 14px
}
.sekine .question dl dt.a {
  margin: 10px 0 0
}
.sekine .shiwake_interview a {
  display: block;
  border-radius: 5px;
  width: 100%;
  text-align: center;
  color: #FFF;
  background-color: #c48f00;
  margin: 20px auto 0;
  padding: 15px 0;
  font-size: 16px;
  line-height: 1.3;
  background-image: url('../img/interview_pt01.png'), url('../img/interview_arrow.png');
  background-position: 2% center, 98% center;
  background-repeat: no-repeat;
  background-size: 16% auto, auto auto
}



#area{
  padding: 20px;
}
#area section dl{
  width: 48%;
  background:#00a691;
  border:solid 2px #00a691;
  border-radius: 5px;
  float: left;
  padding: 5px;
  box-sizing: border-box;
  margin: 0 1% 2% 1%;
}
#area section dl:nth-child(2n+1){
  clear:both;
}
#area section dl dt{
  font-size: 18px;
  padding: 10px 0;
  text-align: center;
  color: #fff;
}
#area section dl dd{
  display: none;
}
#area section dl dd ul li{
  width: 100%;
  margin: 0 0 2% 0;
}
#area section dl dd ul li a{
  display: block;
  color: #fff;
  border-radius: 5px;
  background: url(../img/arrow_w.png) no-repeat 98% center rgba(255,255,255,0);
  border:solid 2px #fff;
  font-size: 14px;
  text-align: center;
  padding: 10px 0;
}




.areamenu dd{
  display: none;
}

.areabox:after{
  clear: both;
  content: "";
  display: block;
  height: 0px;
  font-size: 0;
  visibility: hidden;
}

.areabox .accordion {
  width: 40%;
  float: left;
  margin: 0 0 20px 7%;
}
.areabox .accordion:nth-child(2n+1){
  clear: both;
}
.areabox .accordion > li p {
  display: block;
  padding: 20px;
}
.areabox .accordion > li {
  cursor: pointer;
  text-align: center;
  background-color: rgba(255,255,255,0);
  border: 2px solid #fff;
  color: #fff;
  border-radius: 5px;
}

.areabox .accordion > li a{
  padding: 15px 10px;
  display: block;
  color: #fff;
  text-decoration: none;
}

.areabox .right {
  margin: 0 0 20px 0 !important;
}

.areabox ul li ul {
  display: none;
  color: #333;
  border-top: 2px solid #fff;
}
.areabox ul li ul li {
  border-bottom: 2px solid #fff;
  text-align: center;
}
.areabox ul li ul li:last-child {
  border-bottom: none;
}
