@charset "utf-8";

*{
  box-sizing: border-box;
}

body {
  min-width: inherit;
}

#contetns,
.contStatic {
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO
}
#contetns {
  letter-spacing: 0.05em
}
div.fRight .subtitle {
  font-size: 100%;
  font-weight: 700;
  letter-spacing: 0.2em
}
#icarch img {
  width: 100%;
  z-index: 9999;
  vertical-align: top;
}
.contStatic {
  letter-spacing: 0.05em
}
#icarch h1 {
  padding: 0 !important;
  position: absolute;
  top: 130px;
  font-size: 4.2vw;
  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;
  left: 0;
  right: 0;
  margin: auto;
}
#icarch h1 span {
  font-size: 8.5vw;
  line-height: 1;
  color: #00a691
}
#contetns h2 {
  font-size: 30px;
  padding: 55px 0 35px;
  font-weight: bolder;
  text-align: center;
}
nav {
  background-color: #00a691
}
nav ul {
  width: 960px;
  padding: 10px 0
}
nav ul li {
  width: 240px;
  border-left: 1px solid #FFF;
  float: left
}
nav ul li:last-child {
  border-right: 1px solid #FFF
}
nav ul li a {
  padding: 7px 0 !important;
  font-size: 16px;
  color: #FFF !important;
  text-align: center;
  display: block;
}
nav ul li a:hover {
  text-decoration: none !important;
}

.adbnr, .adbnr ul li, nav ul {
  margin: 0 auto;
}
.adbnr {
  width: 100%;
}
.adbnr ul li {
  background-color: #f2f2f2;
  padding: 10px;
  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
}
span.button,
span.subText {
  font-size: 14px;
  display: block
}
.adbnr ul li a:hover {
  text-decoration: underline !important;
  opacity: 1 !important
}
.bnr img:hover,
.button ul li a:hover,
.sekine .shiwake_interview a:hover {
  opacity: .6
}
#area {
  background-color: #FFF;
  padding: 0 0 30px
}
span.subText {
  color: #555;
  padding: 0 0 10px
}
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: 280px 50%;
  background-repeat: no-repeat;
  background-size: 19px
}

.kikanbox .accordion > li p,
.shiftbox .accordion > li p {
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer
}

#kikan,
#shift {
  background-color: #ffd321;
  padding: 0 0 30px
}
.kikanbox .accordion,
.shiftbox .accordion {
  width: 306px;
  float: left;
  margin: 0 20px 20px 0
}
.kikanbox .accordion > li,
.shiftbox .accordion > li {
  border-radius: 5px
}
.kikanbox .accordion > li p {
  padding: 42px 0 0
}
.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: 20px;
  letter-spacing: 0.1em;
  background-image: url('../img/arrow.png');
  background-position: 98% 50%;
  background-repeat: no-repeat;
  background-size: auto;
  font-size: 20px;
  font-weight: 700;
  border-radius: 5px;
  transition: 0.3s;
}
.kikanbox .accordion > li .open span,
.shiftbox .accordion > li .open span {
  border-radius: 5px 5px 0 0
}
.kikanbox .accordion > li a,
.shiftbox .accordion > li a {
  cursor: pointer;
  text-align: left;
  font-size: 15px;
  background-image: url('../img/area_arrow04.png');
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: 14px auto;
  display: block;
  text-decoration: none;
  color: #000;
  padding: 10px;
  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 .accordion>li:hover span,
.shiftbox .accordion>li:hover span {
  color: #00a691
}
.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 10px;
  border-top: 1px solid #ffd321;
  border-radius: 0 0 5px 5px
}
.kikanbox ul li ul li,
.shiftbox ul li ul li {
  font-size: 14px;
  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
}
.kikanbox .accordion:last-child,
.shiftbox .accordion:last-child {
  margin: 0 0 20px !important
}
#kodawari {
  padding: 0 0 30px
}
.kodawaribox .accordion > li {
  border: 1px solid #555;
  border-radius: 5px;
  transition: 0.3s;
}
.kodawaribox .accordion > li p {
  color: #00a691;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-size: 22px
}
.kodawaribox .accordion {
  cursor: pointer;
  width: 306px;
  display: block;
  float: left;
  margin: 0 20px 20px 0
}
.kodawaribox .accordion > li ul {
  display: none;
  background: #FFF;
  margin: 0 !important;
  color: #000;
  padding: 0 10px !important;
  border-top: 1px solid #555;
  border-radius: 0 0 5px 5px
}
.kodawaribox .accordion > li {
  text-align: center !important;
  width: 306px;
  float: left;
  padding: 0;
  background-color: #FFF;
  color: #000;
  font-weight: 700;
  font-size: 18px
}
.kodawaribox .accordion > li ul li a {
  padding: 10px;
  display: block;
  text-decoration: none;
  color: #000;
  text-align: left;
  font-size: 15px;
  border-bottom: 1px solid #555;
  background-image: url('../img/area_arrow04.png');
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: 14px auto
}
.hibarai,
.kokosei,
.yasumi {
  padding: 20px 0 20px;
  background-repeat: no-repeat
}
.bnr p a,
.kodawaribox .accordion>li p:hover,
.kodawaribox .accordion>li:hover span.subText {
  color: #00a691;
  transition: 0.3s;
}
.kodawaribox ul li ul li:last-child a {
  border-bottom: none
}
.kodawaribox .accordion > li p.open ul,
.kodawaribox .accordion>li:hover {
  border: 1px solid #00a691
}
.kodawaribox .accordion>li a:hover {
  color: #00a691;
  background-image: url('../img/area_arrow03.png')
}
.kodawaribox .accordion:last-child {
  margin: 0 0 20px
}
.hibarai {
  /*background-image: url('../img/kd-2icon01.png'), url('../img/arrow.png');*/
  background-image: url('../img/arrow.png');
  background-position:98% 50%;
}
.yasumi {
  /*background-image: url('../img/kd-2icon02.png'), url('../img/arrow.png');*/
  background-image: url('../img/arrow.png');
  background-position:98% 50%;
}
.kokosei {
  /*background-image: url('../img/kd-2icon03.png'), url('../img/arrow.png');*/
  background-image:url('../img/arrow.png');
  background-position:98% 50%;
}
.bnr img {
  display: block;
  margin: 50px auto 20px
}
.bnr p {
  font-size: 16px;
  text-align: center;
  margin-bottom: 20px
}
#faq dl dt h2{
  color: #FFF;
  text-align: center
}
.button {
  background-color: #c63d3d;
  padding: 30px 0
}
.buttonTtl{
  font-size: 30px;
  letter-spacing: .1em;
  text-align: center;
  font-weight: 700;
  color:#fff;
  margin-bottom: 20px;
}

#faq dl dd p,
#faq dl dt h2 {
  letter-spacing: 0.05em;
  line-height: 1.3
}
.button > ul {
  width: 960px;
  margin: 0 auto;
  padding: 20px 0 0
}

#faq dl:last-child,
#interview section ul li:last-child,
.button ul li:last-child {
  margin: 0
}

#faq {
  margin: 0 auto 50px;
  backgroun-color: #FFF
}
#faq dl {
  width: 470px;
  float: left;
  margin: 0 20px 0 0;
  padding: 0 0 20px;
  border-radius: 5px;
  background-color: #FFF;
  border: 1px solid #00a691
}
#faq dl dt h2 {
  background-color: #00a691;
  font-weight: 700;
  font-size: 20px;
  padding: 15px 0;
  background-image: url('../img/textbox_icon01.png');
  background-repeat: no-repeat;
  background-position: 10% center
}
#faq dl:last-child dt h2 {
  background-image: url('../img/textbox_icon02.png')
}
#faq dl dd p {
  padding: 10px 20px 0;
  font-size: 14px;
  text-align: left;
  color: #000;
  font-weight: lighter
}
#interview {
  padding: 50px 0;
  background-image: url('../img/bg.png')
}
#interview section {
  background-color: #FFF;
  border-radius: 5px;
  padding: 30px 20px
}
#interview section h2 {
  font-size: 30px;
  text-align: center;
  line-height: 1.4;
  background-image: url('../img/star01.png'), url('../img/star02.png');
  background-repeat: no-repeat;
  background-position: 17% 50%, 83% 50%
}
#interview section p.interview_caption {
  padding: 20px 0;
  font-size: 16px;
  text-align: center;
  line-height: 1.4
}
#interview section ul li {
  float: left;
  width: 215px;
  margin: 0 20px 0 0
}
#interview section ul li dl.green .arrow_box:after,
#interview section ul li dl.yellow .arrow_box:after {
  top: 100%;
  left: 50%;
  content: " ";
  width: 0;
  pointer-events: none;
  margin-left: -15px;
  margin-top: -1px;
}
#interview section ul li dl dt {
  padding: 20px 10px 0;
  text-align: center;
  font-size: 16px;
  line-height: 1.3;
  border-radius: 5px
}
#interview section ul li dl dd {
  font-size: 13px;
  font-weight: lighter;
  line-height: 1.3;
  border-radius: 5px;
  margin-top: -1px;
}
#interview section ul li dl.green dt {
  background-color: #00a691;
  color: #FFF;
  border-radius: 5px 5px 0 0
}
#interview section ul li dl.green dd p {
  background-color: #00a691;
  color: #FFF;
  border-radius: 0 0 5px 5px
}
#interview section ul li dl.yellow dt {
  background-color: #ffd321;
  color: #000;
  border-radius: 5px 5px 0 0
}
#interview section ul li dl.yellow dd p {
  background-color: #ffd321;
  color: #000;
  border-radius: 0 0 5px 5px
}
#interview section ul li dl .icon {
  background-color: #FFF;
  display: block;
  text-align: center;
  padding: 20px 0 0
}
#interview section ul li dl.green .arrow_box {
  padding: 10px 10px 20px;
  height: 126px;
  position: relative;
  background: #00a691
}
#interview section ul li dl.green .arrow_box:after {
  border: solid transparent;
  height: 0;
  position: absolute;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #00a691;
  border-width: 15px
}
#interview section ul li dl.yellow .arrow_box {
  height: 126px;
  padding: 10px 10px 20px;
  position: relative;
  background: #ffd321
}
#interview section ul li dl.yellow .arrow_box:after {
  border: solid transparent;
  height: 0;
  position: absolute;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #ffd321;
  border-width: 15px
}
.sekine {
  background-image: url('../img/kv_bg.png');
  padding: 50px 0
}
.sekine h2 {
  position: relative;
  display: block;
  margin: 0 auto !important;
  text-align: center;
  font-size: 30px;
  padding: 0 !important
}
.sekine h2:after,
.sekine h2:before {
  content: '';
  background: url('../img/ornament_black.png') repeat-x;
  background-size: 84px 7px;
  position: absolute;
  top: 50%;
  width: 84px;
  height: 7px;
  -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: 84px 7px;
  left: 226px
}
.sekine h2:after {
  background: url('../img/ornament_black.png') repeat-x;
  background-size: 84px 7px;
  right: 226px;
  -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)
}
.sekine .sekine_caption {
  text-align: center;
  font-size: 24px;
  padding: 30px 0 0
}
.sekine .question dl {
  width: 470px;
  height: 205px;
  float: left;
  padding: 20px;
  background-color: #FFF;
  border-radius: 5px;
  margin: 20px 20px 0 0
}
.sekine .question dl:last-child {
  margin: 20px 0 0
}
.sekine .question dl dt {
  float: left;
  font-size: 18px;
  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 15px 40px;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 0.06em;
  background-color: #FFF
}
.sekine .question dl dd.a {
  border-top: 1px solid #c48600;
  padding: 17px 0 0 40px;
  line-height: 1.3;
  font-size: 14px
}
.sekine .question dl dt.a {
  margin: 20px 0 0
}
.sekine .shiwake_interview a {
  display: block;
  border-radius: 5px;
  width: 400px;
  text-align: center;
  color: #FFF;
  background-color: #c48f00;
  margin: 20px auto 0;
  padding: 10px 0;
  font-size: 20px;
  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
}
.sekine .shiwake_interview a:hover{
  text-decoration: none !important;
}


#area section{
  width:960px;
  margin:0 auto;
  padding-top: 20px;
}

#area section dl{
  width: 305px;
  height: 150px;
  background: #00a691;
  border:solid 2px #00a691;
  border-radius: 5px;
  float: left;
  padding: 5px;
  box-sizing: border-box;
  margin: 0 7px 14px 7px;
}
#area section dl dt{
  font-size: 18px;
  padding: 0 0 5px 0;
  text-align: center;
  color: #fff;
}
#area section dl dd ul li{
  width: 90px;
  float: left;
  margin: 0 3px 4px 4px;
}
#area section dl dd ul li a{
  display: block;
  color: #000;
  border-radius: 5px;
  background: url(../img/arrow_b.png) no-repeat 98% center #fff;
  border:solid 1px #000;
  font-size: 14px;
  text-align: center;
  padding: 5px 0;
}
#area section dl dd ul li a:hover{
  background: url(../img/arrow_w.png) no-repeat 98% center #555;
  color: #fff;
  text-decoration: none;
  opacity: 1;
}



.areabox{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 960px;
  margin: 0 auto;
}

.areabox .accordion {
  width: 130px;
}
.areabox .accordion > li p {
  display:block;
  padding: 18px;
  width: 100%;
  font-size:14px;
  box-sizing: border-box;
}
.areabox .accordion > li {
  cursor: pointer;
  text-align: center;
  background-color: rgba(255,255,255,0);
  border: 2px solid #fff;
  color: #fff;
}

.areabox .accordion > li a{
  padding: 15px 10px;
  display: block;
  color:#fff;
  text-decoration: none;
}

.areabox  .accordion > li a:hover {
  background-color: #fff;
  color:#c63d3d;
  opacity:1;
}

.areabox  .accordion > li.open {
  color: #000;
  background: #fff;
}

.areabox .right {
  margin: 0 0 20px 0 !important;
}

.areabox ul li ul {
  display: none;
  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;
}
