@charset "UTF-8";
  * {
font-size: 15px;
}
a {
color: #806d68;
}
@media (max-width: 767.98px) {
.pc {
display: none;
}
}
@media (min-width: 768px) {
.mobile {
display: none;
}
}
.mainimg {
height: 500px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 767.98px) {
.mainimg {
height: 300px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
}
.mobile .menu {
background-color: #e2a0ac;
padding: 20px;
color: white;
text-align: center;
display: none;
}
.mobile .menu a {
color: white;
line-height: 2em;
font-size: 1.3em;
} header {
border-bottom: solid 6px #e2a0ac;
color: #806d68;
height: 100px;
padding-top: 24px;
}
header * {
font-size: 13px;
line-height: 26px;
font-weight: bold;
}
header .pc .line {
font-size: 26px;
margin: 0 -5px 0 -8px;
}
header a {
color: #806d68;
text-decoration: none;
}
header a:hover {
color: #806d68;
text-decoration: underline;
text-decoration-color: #e2a0ac;
}
header .maincontainer {
height: 70px;
}
header #logoimg {
height: 40px;
margin-bottom: 20px;
}
header .pc img {
height: 1em;
margin-bottom: 5px;
}
header .pc p {
margin-bottom: 0;
line-height: 26px;
margin-bottom: 15px;
}
header .pc a {
border-right: solid 1px;
line-height: 26px;
display: inline-block;
margin-right: -4px;
padding: 0 15px;
}
header .pc a:first-of-type {
border-left: solid 1px;
}
header .pc p span {
font-size: 13.5px;
display: inline-block;
margin-bottom: 10px;
}
header .mobile img {
width: 70px;
margin-right: -15px;
} .home h2 {
font-size: 18px;
line-height: 20px;
margin-left: 15px;
padding-left: 10px;
border-left: solid 5px #e2a0ac;
color: #806d68;
font-weight: bold;
}
.home hr {
margin: 5px;
border-top: 2px solid #a79da0;
}
.home .slide {
margin-top: 20px;
_border-bottom: solid 1px #999;
_border-right: solid 1px #999;
margin-bottom: 20px;
}
@media (max-width: 767.98px) {
.home .slide {
margin-top: 5px;
margin-bottom: 10px;
}
}
.home .links {
margin-bottom: 30px;
}
.home .links .img-fluid:hover {
opacity: 0.7;
}
.home .newsAndBanners img {
margin-bottom: 20px;
width: 260px;
display: block;
}
.home .newsAndBanners table tr td:first-of-type {
width: 120px;
}
.home .newsAndBanners table tr td:first-of-type::before {
content: '';
display: inline-block;
width: 5px;
height: 5px;
background-image: url(//harukazekai.jp/_wp/wp-content/themes/harukazekai2018/img/sankaku.png);
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
margin: 0 10px 0 5px;
margin-bottom: 3px;
}
.home .available h3 {
font-size: 15px;
line-height: 18px;
text-align: right;
color: #806d68;
}
.home footer {
margin-top: 50px;
}
.home footer .col {
padding: 0;
} .news {
padding-top: 50px;
}
.news h2 {
font-size: 20px;
line-height: 30px;
margin-left: 15px;
padding-left: 10px;
border-left: solid 5px #e2a0ac;
}
.news .content p {
margin-top: 30px;
margin-bottom: 50px;
}
.news footer .container p {
color: #806d68;
text-align: center;
margin-top: 15px;
}
.news footer .container-fluid {
background-color: #806d68;
}
.news footer .container-fluid p {
color: white;
text-align: center;
margin: 0;
line-height: 50px;
} .fac .mainimg {
background-image: url(//harukazekai.jp/_wp/wp-content/themes/harukazekai2018/img/facilities/main.jpg);
}
.fac .maintitleimg {
padding: 30px;
border-bottom: solid 70px;
}
.fac .maintitleimg img {
max-height: 120px;
}
@media (max-width: 767.98px) {
.fac .maintitleimg img {
max-height: 50px;
}
}
.fac .desc p {
margin-top: 20px;
}
.fac .facilities {
margin-top: 20px;
margin-bottom: 15px;
}
.fac .facilities .arrow, .fac .facilities .itemTitle, .fac .facilities .itemImg {
cursor: pointer;
}
.fac .facilities .arrow {
width: 50px;
line-height: 200px;
}
.fac .facilities .itemTitle {
padding: 5px 0; margin: 5px 47px 20px;
width: 150px;
text-align: center;
}
.fac .facilities .itemTitle img {
height: 70px;
border-bottom: 2px solid #fff;
}
.fac .facilities .itemTitle.on {
border-bottom: 2px solid #999;
}
.fac .facilities .itemImg img { height: 176px;
border-bottom: 2px solid #fff;
margin-left: 20px;
margin-right: 20px;
}
@media (max-width: 1199.98px) {
.fac .facilities .arrow {
width: 50px;
line-height: 140px;
}
.fac .facilities .itemTitle {
padding: 5px 0; margin: 20px 29px;
width: 100px;
text-align: center;
}
.fac .facilities .itemTitle img {
height: 45px;
border-bottom: 2px solid #fff;
}
.fac .facilities .itemTitle.on {
border-bottom: 2px solid #999;
}
.fac .facilities .itemImg img { height: 90px;
border-bottom: 2px solid #fff;
}
}
@media (max-width: 991.98px) {
.fac .facilities .arrow {
display: none;
}
}
@media (max-width: 767.98px) {
.fac .facilities .arrow {
width: 25px;
line-height: 50px;
}
.fac .facilities .itemTitle {
padding: 5px 0; margin: 5px 10.5px;
width: 55px;
text-align: center;
}
.fac .facilities .itemTitle img {
height: 20px;
border-bottom: 2px solid #fff;
}
.fac .facilities .itemTitle.on {
border-bottom: 2px solid #999;
}
.fac .facilities .itemImg img {
height: 48px; border-bottom: 2px solid #fff;
}
.fac .facilities .itemImg img {
margin-left: 0px;
margin-right: 0px;
}
}
.fac .desc {
margin-top: 20px;
}
.fac .desc .factitle {
font-weight: bold;
font-size: 1.4em;
padding-left: 1.7em;
}
.fac .desc .factitle::before {
content: '';
display: inline-block;
width: 1em;
height: 1em;
top: 0.2em;
left: 1em;
position: absolute;
margin-right: 10px;
background-size: contain;
vertical-align: middle;
}
.fac .desc .descimg img {
max-height: 160px;
}
.fac .inquirytab {
margin-top: 15px;
}
.fac .inquirytab p {
margin: 0;
padding-left: 30px;
padding-right: 30px;
height: 25px;
line-height: 25px;
color: white;
}
.fac .grayback {
background-color: #e1e1e1;
}
.fac .subtitle {
margin-top: 30px;
}
.fac .subtitle p {
height: 30px;
color: white;
line-height: 30px;
font-size: 1.2em;
margin: 0;
}
.fac .access {
margin-top: 25px;
margin-bottom: 25px;
}
.fac .access .map {
margin-bottom: 25px;
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.fac .access .map iframe,
.fac .access .map object,
.fac .access .map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fac footer {
padding-top: 15px;
padding-bottom: 15px;
color: white;
}
.fac footer .contactItem {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
border-left: solid 3px yellow;
} .fac .fac1 .maintitleimg {
border-bottom-color: #80999b;
}
.fac .fac1 .desc .factitle::before {
background-image: url(//harukazekai.jp/_wp/wp-content/themes/harukazekai2018/img/facilities/fac1titlec.png);
}
.fac .fac1 .inquirytab p {
background-color: #80999b;
}
.fac .fac1 .subtitle {
background-color: #80999b;
}
.fac .fac1 footer {
background-color: #80999b;
} .fac .fac2 .maintitleimg {
border-bottom-color: #808c64;
}
.fac .fac2 .desc .factitle::before {
background-image: url(//harukazekai.jp/_wp/wp-content/themes/harukazekai2018/img/facilities/fac2titlec.png);
}
.fac .fac2 .inquirytab p {
background-color: #808c64;
}
.fac .fac2 .subtitle {
background-color: #808c64;
}
.fac .fac2 footer {
background-color: #808c64;
} .fac .fac3 .maintitleimg {
border-bottom-color: #c38080;
}
.fac .fac3 .desc .factitle::before {
background-image: url(//harukazekai.jp/_wp/wp-content/themes/harukazekai2018/img/facilities/fac3titlec.png);
}
.fac .fac3 .inquirytab p {
background-color: #c38080;
}
.fac .fac3 .subtitle {
background-color: #c38080;
}
.fac .fac3 footer {
background-color: #c38080;
} .fac .fac4 .maintitleimg {
border-bottom-color: #613926;
}
.fac .fac4 .desc .factitle::before {
background-image: url(//harukazekai.jp/_wp/wp-content/themes/harukazekai2018/img/facilities/fac4titlec.png);
}
.fac .fac4 .inquirytab p {
background-color: #613926;
}
.fac .fac4 .subtitle {
background-color: #613926;
}
.fac .fac4 footer {
background-color: #613926;
} .service .mainimg {
background-image: url(//harukazekai.jp/_wp/wp-content/themes/harukazekai2018/img/service/main.jpg);
}
.service .maintitle {
margin-top: 50px;
margin-bottom: 30px;
}
.service .maintitle * {
color: #4e7d3f;
text-align: center;
}
.service .maintitle h2 {
font-size: 25px;
}
.service .hr {
border-top: solid 60px #bdc8aa;
margin-bottom: -30px;
}
.service .inquirytab {
margin-top: 15px;
}
.service .inquirytab p {
margin: 0;
padding-left: 30px;
padding-right: 30px;
height: 25px;
line-height: 25px;
color: white;
background-color: #4e7d3f;
}
.service .indicators {
margin-top: 30px;
}
.service .indicators p.active {
text-decoration: underline;
}
.service .indicators p.inquiry {
margin: 0;
padding-left: 30px;
padding-right: 30px;
height: 25px;
line-height: 25px;
color: white;
background-color: #4e7d3f;
}
.service footer .container p {
color: #806d68;
text-align: center;
margin-top: 15px;
}
.service footer .container-fluid {
background-color: #806d68;
}
.service footer .container-fluid p {
color: white;
text-align: center;
margin: 0;
line-height: 50px;
} .rec .mainimg {
background-image: url(//harukazekai.jp/_wp/wp-content/themes/harukazekai2018/img/recruit/main.jpg);
}
.rec .maintitleimg img {
max-height: 80px;
margin-top: 50px;
margin-bottom: 50px;
}
.rec .mainimg2 {
padding: 0;
}
.rec .grayback {
background-color: #d1cac7;
padding-top: 100px;
padding-bottom: 50px;
}
.rec .grayback p {
margin: 0;
margin-top: 30px;
background-color: white;
line-height: 5em;
border: solid 5px #806d68;
border-radius: 10px;
}
.rec .grayback p img {
height: 2em;
}
@media (max-width: 767.98px) {
.rec .grayback p img {
padding: 20px;
height: auto;
}
}
.rec footer .container p {
color: #806d68;
text-align: center;
margin-top: 15px;
}
.rec footer .container-fluid {
background-color: #806d68;
}
.rec footer .container-fluid p {
color: white;
text-align: center;
margin: 0;
line-height: 50px;
} .company .mainimg {
background-image: url(//harukazekai.jp/_wp/wp-content/themes/harukazekai2018/img/company/main.jpg);
}
.company .maintitleimg {
padding: 50px;
border-bottom: solid 40px;
border-bottom-color: #e2a0ac;
}
.company .maintitleimg .up img {
max-height: 80px;
margin-bottom: 50px;
}
.company .maintitleimg .down img {
padding: 10px;
}
.company h2 {
margin: 50px auto;
text-align: center;
}
.company .greeting .middle p {
padding-top: 20px;
}
.company .greeting .down p {
text-align: right;
width: 100%;
}
.company .greeting img {
margin-bottom: 20px;
}
.company .summary table {
width: 100%;
margin-bottom: 50px;
}
.company .summary table, .company .summary td {
border: solid 1px #808080;
}
.company .summary table td {
padding: 3px;
}
.company .summary table thead {
background-color: #e2a0ac;
}
.company .summary table thead td {
text-align: center;
color: white;
}
.company .summary table tbody tr:nth-child(even) {
background-color: #d6d6d6;
}
.company .summary table tbody tr td:first-child {
width: 8em;
}
.company footer .container p {
color: #806d68;
text-align: center;
margin-top: 15px;
}
.company footer .container-fluid {
background-color: #806d68;
}
.company footer .container-fluid p {
color: white;
text-align: center;
margin: 0;
line-height: 50px;
} .edu .mainimg {
background-image: url(//harukazekai.jp/_wp/wp-content/themes/harukazekai2018/img/education/main.jpg);
}
.edu .maintitle {
margin-top: 30px;
margin-bottom: 30px;
}
.edu .maintitle * {
color: #4e6480;
text-align: center;
}
.edu .maintitle h2 {
font-size: 25px;
}
.edu .hr {
border-top: solid 50px #80a1ff;
}
.edu .graph {
margin-top: 50px;
margin-bottom: 50px;
}
.edu .summary {
margin-bottom: 30px;
}
.edu .summary h3 {
text-align: center;
border: solid 4px #4e6480;
padding: 10px;
color: #4e6480;
font-weight: bold;
margin-bottom: 15px;
}
.edu .summary p {
color: #4e6480;
text-align: center;
}
.edu .panels img {
margin-bottom: 30px;
}
.edu .photos img {
margin-top: 30px;
margin-bottom: 100px;
}
.edu footer .container p {
color: #806d68;
text-align: center;
}
.edu footer .container-fluid {
background-color: #806d68;
}
.edu footer .container-fluid p {
color: white;
text-align: center;
margin: 0;
line-height: 50px;
} .inq h2 {
margin-top: 40px;
margin-bottom: 60px;
text-align: center;
font-weight: bold;
color: white;
border: solid 3px #b1b1b1;
background-color: #e2a0ac;
padding: 5px;
font-size: 1.4em;
}
.inq .form label {
text-align: right;
width: 100%;
}
.inq .form label.req::before {
content: "・";
color: red;
font-weight: bold;
}
.inq .contacts .col-auto {
margin: auto;
max-width: 100%;
}
.inq p.item {
padding: 20px;
border-bottom: solid 1px #888;
text-align: center;
}
.inq footer {
margin-top: 50px;
}
.inq footer .col {
padding: 0;
} table.empty {
color: #806D68;
border-collapse: collapse;
width: 100%;
}
table.empty th,
table.empty td {
padding: 0.5em;
border: 1px solid #806D68;
white-space: nowrap;
}
table.empty thead th {
color: #fff;
background-color: #806D68;
line-height: 1;
text-align: center;
}
table.empty thead th small,
table.empty thead tr:nth-child(2) th {
font-weight: normal;
}
table.empty thead tr:nth-child(2) th {
min-width: 7em;
width: 10%;
}
table.empty thead tr:nth-child(2) th:before {
content: '●';
margin-right: .2em;
text-shadow: #C1BCB6 1px 1px 0, #C1BCB6 -1px 1px 0, #C1BCB6 1px -1px 0, #C1BCB6 -1px -1px 0;
}
table.empty thead tr:nth-child(2) th:nth-child(1):before {
color: #809C9E;
}
table.empty thead tr:nth-child(2) th:nth-child(2):before {
color: #808F64;
}
table.empty thead tr:nth-child(2) th:nth-child(3):before {
color: #C68080;
}
table.empty thead th:not(:last-child) {
border-right-color: #C1BCB6;
}
table.empty thead tr:first-child th {
border-bottom-color: #C1BCB6;
}
table.empty tbody th {
font-weight: normal;
text-align: left;
width: 70%;
white-space: nowrap;
}
table.empty tbody th em {
display: inline-block;
font-style: normal;
width: 17em;
}
table.empty tbody td {
text-align: center;
}
table.empty tbody td:empty {
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2061%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23806d68%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M0%2060L200%200%22%2F%3E%3C%2Fsvg%3E');
} div.the_content p {
display: block;
margin: 1em 0;
}
div.the_content strong {
font-weight: bold;
}
div.the_content em {
font-style: italic;
}
div.the_content blockquote {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px;
} div.the_content .aligncenter {
display: block;
margin: 0 auto;
}
div.the_content .alignright {
float: right;
}
div.thw_content .alignleft {
float: left;
}
div.the_content img[class*="wp-image-"],
div.the_content img[class*="attachment-"] {
height: auto;
max-width: 100%;
} div.the_content .clearfix {
overflow: hidden;
zoom: 1;
}
div.the_content .clearfix:after {
content: ""
display: block;
clear: both;
}