@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  font-family: "メイリオ", "Dancing Script", cursive;
  font-weight: 300;
  color: #000000;
  font-size: 16px;
  overflow-x: hidden !important;
}

h1, h2, h3, h4, h5, h6, p, div, ul, li, dl, dt, dd, nav, article, section, aside, header, figure, main, footer, small {
  margin: 0;
  padding: 0;
  display: block;
}
.contents_n #companyprofile {
}


ul li {
  list-style: none;
}

img {
  margin: 0;
  border: 0;
  display: block;
  width: 100%;
}
.logo {
    width: 239px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
}


a {
  display: block;
  text-decoration: none;
  color: #000000;
  width: 100%;
  height: 100%;
}

.contents a {
  text-decoration: none;
  color: #000000;
}

.ind {
  text-indent: -2em;
  padding-left: 2em;
}

.ind2 {
  text-indent: -1em;
  padding-left: 1em;
}

.en {
  font-weight: bold;
  font-family: "Dancing Script", cursive;
}

.hamburger-menu {
  display: none;
}

.section {
  background-color: #fff;
  width: 100%;
}

.parallax {
  width: 100%;
  height: 400px;
  position: sticky;
  top: 0;
  left: 0;
  z-index: -1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#side_tel {
  position: fixed;
  top: 70px;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: solid 1px #aaa;
  background: rgb(65, 79, 163);
  padding: 1% 0;
  box-sizing: border-box;
  z-index: 4;
}
#side_tel .telicon {
  width: 40%;
  margin-bottom: 10%;
}
#side_tel .telnumber {
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
  margin: 0 auto;
  padding: 0;
  writing-mode: vertical-rl;
}
#side_tel .telnumber a {
  color: #fff;
}

/****************ヘッダコンテンツ***************/
h1 {
  width: 100%;
}
h1 img {
  width: 10%;
  margin: 0 auto;
  padding: 1%;
}

.parallax01 {
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  content: "";
}
.parallax01 .movie-wrap {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}
.parallax01 .movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.parallax01 nav {
  display: block;
  background: rgba(65, 79, 163, 0.7);
  width: 100%;
}
.parallax01 nav ul {
  display: flex;
  justify-content: space-between;
}
.parallax01 nav ul li {
  width: 14%;
  line-height: 490%;
}
.parallax01 nav ul li a {
  display: block;
  color: #fff;
  text-align: center;
  font-size: 0.7rem;
  font-weight: bold;
}

/***************section01***************/
.contents_top {
  padding: 25% 0;
}

.contents {
  padding: 15% 0;
}

/********コンセプト/********/
.Concept {
  display: flex;
  justify-content: space-between;
}
.Concept .left {
  content: "";
  width: 48%;
  padding: 20% 0;
  background: url(../img/Conceptbg.png) no-repeat;
  background-size: contain;
  overflow: hidden;
  transition: all 3s;
  transform: translateX(-60%);
  opacity: 0;
}
.Concept .left h3 {
  color: #fff;
  text-align: left;
  font-size: 4.5rem;
  font-weight: normal;
  border-bottom: solid 1px #fff;
  width: 90%;
  opacity: 1;
}
.Concept .left p {
  color: #fff;
  text-align: left;
  font-size: 2rem;
}
.Concept .left.active {
  transform: translateX(0);
  opacity: 1;
}
.Concept .right {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.7rem;
  width: 48%;
  padding: 0 3%;
}
.Concept .right .Concept_logo {
  width: 60%;
  margin: 0 auto 10% auto;
}

/********新着情報/********/
h3 {
  font-weight: normal;
  text-align: center;
  font-size: 2rem;
  margin-bottom: 5%;
  transition: all 2s;
  opacity: 0;
}

h3.active {
  opacity: 1;
}
.clearfloat {
    float: none;
    clear: both;
    display: block;
}


.news_area {
  text-align: center;
  width: 90%;
  border: solid 1px #000;
  border-radius: 20px;
  margin: 0 auto;
  padding: 1%;
}

/********スタッフ紹介/********/
.staff_area {
  background: #414FA3;
  transform: skewY(-5deg);
  padding: 5% 0;
  overflow: hidden;
  /*slick setting*/
  /*slick setting*/
}
.staff_area .slider {
  margin: 1% auto;
  width: 90%;
  transform: skewY(5deg);
}
.staff_area .slider img {
  width: 80%;
  height: auto;
  margin: 0 auto;
}
.staff_area .slick-prev:before,
.staff_area .slick-next:before {
  color: rgb(251, 255, 0);
}

/********GOALSバナー********/
.goal_area {
  width: 90%;
  margin: 0 auto;
}

/********Residence & Eco Reform********/
.blue_area {
  background: #414FA3;
  color: #fff;
  padding-top: 10%;
  padding-bottom: 5%;
  overflow: hidden;
}
.blue_area h2 {
  text-align: left;
  font-weight: normal;
  font-size: 9rem;
}
.blue_area p {
  text-align: left;
  font-size: 2rem;
}

.zigyou_area {
  display: flex;
  flex-direction: row;
  margin: 5% 0;
}
.zigyou_area .zigyo1 {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-left: 3%;
  z-index: 1;
}
.zigyou_area .zigyo1 h4 {
  font-size: 1.5rem;
  font-weight: normal;
}
.zigyou_area .zigyo1 .border {
  content: "";
  border: solid 1px #fff;
  margin: 3% 0;
}
.zigyou_area .zigyo1 p {
  font-size: 1.5rem;
  width: 30%;
  margin: 0;
}
.zigyou_area .zigyo2 {
  position: absolute;
  right: 0;
  width: 60%;
  overflow: hidden;
  transition: all 3s;
  opacity: 0;
  z-index: 2;
}
.zigyou_area .zigyo2.active {
  opacity: 1;
}

.zigyou_column {
  display: flex;
  justify-content: space-between;
  width: 95%;
  margin: 0 auto;
}
.zigyou_column .z_card {
  box-sizing: border-box;
  width: 30%;
  border: solid 1px #aaa;
}

.card_txt {
  box-sizing: border-box;
  background: #ffffff;
  padding: 3% 3%;
  height: 350px;
}
.card_txt strong {
  font-weight: normal;
  font-size: 2rem;
}
.card_txt p {
  color: #000;
  font-size: 1rem;
}

.buttom, .buttom2, .buttom3 {
  border: solid 1px #fff;
  background: #025c64;
  border-radius: 20ox;
  width: 50%;
  line-height: 380%;
  margin: 5% auto;
}
.buttom a, .buttom2 a, .buttom3 a {
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 1.5rem;
}

.buttom2 {
  border: solid 1px #000;
}
.buttom2 a {
  color: #ffffff;
}

.buttom3 {
  border: solid 1px #000;
  background: #fff;
}
.buttom3 a {
  color: #000000;
}

.parallax02 {
  background-image: url(https://kasumiblog.xsrv.jp/codepen/images/forest.jpg);
}

/***************section01***************/
/********white_area********/
.white_area {
  background: #fff;
  color: #000;
  padding: 5% 0;
}
.white_area h2 {
  text-align: left;
  font-weight: normal;
  font-size: 9rem;
}
.white_area p {
  text-align: left;
  font-size: 2rem;
}

.zigyou_area2 {
  display: flex;
  flex-direction: row;
  margin: 5% 0;
}
.zigyou_area2 .zigyo1 {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-right: 3%;
  z-index: 1;
}
.zigyou_area2 .zigyo1 h4 {
  font-size: 1.5rem;
  text-align: right;
  font-weight: normal;
}
.zigyou_area2 .zigyo1 .border2 {
  content: "";
  border: solid 1px #000;
  margin: 3% 0;
}
.zigyou_area2 .zigyo1 p {
  font-size: 1.5rem;
  text-align: right;
  width: 30%;
  margin-left: auto;
}
.zigyou_area2 .zigyo2 {
  position: absolute;
  left: 0;
  width: 60%;
  overflow: hidden;
  transition: all 3s;
  opacity: 0;
  z-index: 2;
}
.zigyou_area2 .zigyo2.active {
  opacity: 1;
}

.zigyou_column .z_card2 {
  box-sizing: border-box;
  width: 48%;
  border: solid 1px #aaa;
}
.zigyou_column .z_card2 strong {
  font-size: 2rem;
}
.zigyou_column .z_card2 p {
  font-size: 1.5rem;
}

.service_logo {
  width: 50%;
  margin: 0 auto;
}

/********アクセス********/
.gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.blue_access {
  margin-bottom: 0;
}

.zigyou_column .accessbox {
  border: 0;
}
.zigyou_column .accessbox li {
  font-size: 1.5rem;
}
.zigyou_column .accessbox2 {
  border: 0;
}
.zigyou_column .accessbox2 li {
  font-size: 1.5rem;
  text-align: center;
}
.zigyou_column .accessbox2 li a {
  display: inline-block;
  width: auto;
  color: #fff;
}
.zigyou_column .accessbox2 li img {
  width: 7%;
  margin: 0 auto 3% auto;
}

.banner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 90%;
  margin: 3% auto 0 auto;
}
.banner .bannrbox {
  background: #aaa;
  width: 30%;
  margin: 1% 0;
}

/****************フッター***************/
.parallax03 {
  color: #fff;
  background: url(../img/footer.jpg) no-repeat center;
  background-size: cover;
  height: 100vh;
}
.parallax03 .zigyou_column {
  padding: 5% 0;
}
.parallax03 .zigyou_column .accessbox img {
  width: 20%;
  margin: 0 auto;
}
.parallax03 .zigyou_column .accessbox2 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.parallax03 .zigyou_column .accessbox2 ul li {
  width: 36%;
  margin-bottom: 3%;
}
.parallax03 .zigyou_column .accessbox2 ul li a {
  color: #fff;
  font-size: 1rem;
}
.parallax03 .copyright .f_tel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 350px;
  margin: 0 auto;
}
.parallax03 .copyright .f_tel .tellog {
  width: 15%;
}
.parallax03 .copyright .f_tel .telbango {
  font-size: 2.2rem;
  white-space: nowrap;
}
.parallax03 .copyright .f_tel .telbango a {
  color: #fff;
}
.parallax03 .copyright .f_jusyo {
  color: #fff;
  text-align: center;
  font-size: 1rem;
  margin: 1% 0;
}
.parallax03 small {
  text-align: center;
  margin: 3% 0;
}

/****************事業内容****************/
/********ヘッダー********/
#h_naka nav {
  display: flex;
  flex-direction: row;
}
#h_naka nav h1 {
  background: rgba(65, 79, 163, 0.7);
  width: 14%;
}
#h_naka nav h1 img {
  width: 60%;
  margin: 0 auto;
}
#h_naka #naka {
  display: flex;
  justify-content: space-between;
  background: rgba(65, 79, 163, 0.7);
  width: 90%;
}
#h_naka #naka li {
  width: 14%;
  line-height: 5rem;
}
#h_naka #naka li a {
  display: block;
  color: #fff;
  text-align: center;
  font-size: 0.7rem;
}
#h_naka #naka li.otoiawase {
  background: #fff;
  width: 11%;
}
#h_naka #naka li.otoiawase a {
  display: block;
  color: #000;
  text-align: center;
  font-size: 0.7rem;
}
#h_naka h2 {
  color: #fff;
  font-size: 3rem;
  padding: 8%;
  text-shadow: 1px 10px 3px #808080;
}

.header_bg {
  background: url(../img/z-naiyou_bg.png) no-repeat center;
  background-size: cover;
}

/********メイン********/
main {
  margin: 5% 0;
}
main .contents_n {
  width: 95%;
  margin: 5% auto 0 auto;
}
main .contents_n .z_logo {
  width: 20%;
  margin: 0 auto;
}
main .contents_n h3 { /********大見出し********/
  color: #000;
  text-align: left;
  font-size: 5rem;
  opacity: 1;
  margin: 0;
  padding: 0;
}
main .contents_n p {
  font-size: 2rem;
}

/********Residence & Eco Reform********/
.grid {
  display: grid;
  gap: 1%;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 300px 300px 300px 300px;
  margin: 3% 0;
}
.grid .item {
  background: #11f0e1;
}
.grid .bigbox1, .grid .bigbox6 {
  grid-column: 1/5;
}
.grid .bigbox1 .grid_midashi, .grid .bigbox6 .grid_midashi {
  box-sizing: border-box;
  background: rgba(65, 79, 163, 0.7);
  width: 50%;
  height: 100%;
  margin-left: auto;
  padding: 3%;
}
.grid .bigbox1 .grid_midashi h4, .grid .bigbox6 .grid_midashi h4 {
  font-size: 3rem;
  color: #fff;
}
.grid .bigbox1 {
  background: url(../img/tikudennti_nka.png) no-repeat top;
  background-size: cover;
}
.grid .bigbox6 {
  background: url(../img/yane_nka.png) no-repeat top;
  background-size: cover;
}
.grid .bigbox2, .grid .bigbox4 {
  position: relative;
  grid-column: 1/3;
}
.grid .bigbox2 .grid_midashi, .grid .bigbox4 .grid_midashi {
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  background: rgba(65, 79, 163, 0.7);
  width: 100%;
  padding: 3%;
}
.grid .bigbox2 .grid_midashi h4, .grid .bigbox4 .grid_midashi h4 {
  font-size: 2rem;
  color: #fff;
}
.grid .bigbox2 .grid_midashi p, .grid .bigbox4 .grid_midashi p {
  color: #fff;
}
.grid .bigbox3, .grid .bigbox5 {
  position: relative;
  grid-column: 3/6;
}
.grid .bigbox3 .grid_midashi, .grid .bigbox5 .grid_midashi {
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  background: rgba(65, 79, 163, 0.7);
  width: 100%;
  padding: 3%;
}
.grid .bigbox3 .grid_midashi h4, .grid .bigbox5 .grid_midashi h4 {
  font-size: 2rem;
  color: #fff;
}
.grid .bigbox3 .grid_midashi p, .grid .bigbox5 .grid_midashi p {
  color: #fff;
}
.grid .bigbox2 {
  background: url(../img/taiyoukou_nka.png) center no-repeat;
  background-size: cover;
}
.grid .bigbox3 {
  background: url(../img/alldenka_nka.png) center no-repeat;
  background-size: cover;
}
.grid .bigbox4 {
  background: url(../img/gaiheki_nka.png) center no-repeat;
  background-size: cover;
}
.grid .bigbox5 {
  background: url(../img/mizumawari_nka.png) center no-repeat;
  background-size: cover;
}

.grid2 {
  display: grid;
  gap: 1%;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 300px;
  margin: 3% 0;
}
.grid2 .item {
  background: #11f0e1;
}
.grid2 .bigbox2 {
  position: relative;
  grid-column: 1/3;
}
.grid2 .bigbox2 .grid_midashi {
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  padding: 3%;
}
.grid2 .bigbox2 .grid_midashi h4 {
  font-size: 2rem;
  color: #000000;
}
.grid2 .bigbox2 .grid_midashi p {
  color: #000000;
}
.grid2 .bigbox2 .service_logo {
  width: 30%;
  margin-bottom: 3%;
}
.grid2 .bigbox3 {
  position: relative;
  grid-column: 3/6;
}
.grid2 .bigbox3 .grid_midashi {
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  padding: 3%;
}
.grid2 .bigbox3 .grid_midashi h4 {
  font-size: 2rem;
  color: #000000;
}
.grid2 .bigbox3 .grid_midashi p {
  color: #000000;
}
.grid2 .bigbox3 .grid_midashi .service_logo {
  width: 30%;
  margin-bottom: 3%;
}
.grid2 .bigbox2 {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/zidou_nka.png);
    background-size: cover;
}
.grid2 .bigbox3 {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/houkago_nka.png);
    background-size: cover;
}

/****************社長挨拶****************/
/********ヘッダー********/
#h_naka nav {
  display: flex;
  flex-direction: row;
}
#h_naka nav h1 {
  background: rgba(65, 79, 163, 0.7);
  width: 14%;
}
#h_naka nav h1 img {
  width: 60%;
  margin: 0 auto;
  padding: 3% 0;
}
#h_naka #naka {
  display: flex;
  justify-content: space-between;
  background: rgba(65, 79, 163, 0.7);
  width: 90%;
}
#h_naka #naka li {
  width: 14%;
  line-height: 5rem;
}
#h_naka #naka li a {
  display: block;
  color: #fff;
  text-align: center;
  font-size: 0.7rem;
}
#h_naka #naka li.otoiawase {
  background: #fff;
  width: 11%;
}
#h_naka #naka li.otoiawase a {
  display: block;
  color: #000;
  text-align: center;
  font-size: 0.7rem;
}
#h_naka h2 {
  color: #fff;
  font-size: 3rem;
  padding: 8%;
}

.header_bg2 {
  background: url(../img/aisatsu_bg.png) center no-repeat;
  background-size: cover;
}

/********メイン********/
main .contents_n h3 { /********大見出し********/ }
main .contents_n h3 img {
  width: 500px;
  margin: 0 auto;
}
main .syatyoi_area {
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin: 5% auto;
}
main .syatyoi_area .syatyoupic {
  width: 25%;
}
main .syatyoi_area p {
  font-size: 1.5rem;
  width: 70%;
}

.syatyoumei {
  width: 20%;
  margin-left: auto;
  padding: 3% 0;
}

/****************会社概要****************/
/********ヘッダー********/
.header_bg3 {
  background: url(../img/gaiyou_bg.png) no-repeat center;
  background-size: cover;
}

/********メイン********/
table {
  border: none;
  border-collapse: collapse;
  width: 50%;
  margin: 0 auto;
}
table th, table td {
  border-bottom: dotted 1px #aaa;
  font-size: 1rem;
  line-height: 250%;
}
table th a, table td a {
  display: inline-block;
  color: #414FA3;
  text-decoration: underline;
  width: auto;
}
table th {
  width: 30%;
}
table td {
  padding-left: 3%;
}

.shiten th {
    background: #414FA3;
    color: #FFFFFF;
}
.shiten th a {
  color: #ffffff;
}

/****************スタッフ紹介****************/
/********ヘッダー********/
.header_bg4 {
  background: url(../img/staff_bg.png) no-repeat center;
  background-size: cover;
}

.bannertop {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto;
}
.bannertop .bannrbox, .bannertop .bannrbox-end {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 3%;
}
.bannertop .bannrbox-end {
  margin-right: 0;
}

/****************会社理念****************/
/********ヘッダー********/
.header_bg5 {
  background: url(../img/rinen_bg.png) no-repeat center;
  background-size: cover;
}

/********メイン********/
.rinen_movie {
  border: dotted 5px #aaa;
  text-align: center;
  color: #aaa;
  line-height: 560%;
}

.rinenn_box {
  width: 80%;
  margin: 0 auto;
}
.rinenn_box dl {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 3%;
}
.rinenn_box dl dt {
  width: 5%;
  margin-right: 3%;
}
.rinenn_box dl dd {
  font-weight: bold;
  font-size: 2rem;
  width: 90%;
  transition: all 3s;
  opacity: 0;
}
.rinenn_box dl dd.active {
  opacity: 1;
}

.contents_s {
  margin-top: 10%;
}

/****************個人情報保護について****************/
/********ヘッダー********/
.header_bg6 {
  background: url(../img/rinen_bg.png) no-repeat center;
  background-size: cover;
}

/********メイン********/
.kozin_box {
  margin: 0 auto;
}
.kozin_box dl {
  display: flex;
  flex-direction: column;
  margin-bottom: 5%;
}
.kozin_box dl dt {
  font-weight: bold;
  font-size: 2rem;
  color: #414FA3;
  text-align: center;
}
.kozin_box dl dd {
  font-size: 1.8rem;
  transition: all 3s;
  opacity: 0;
}
.kozin_box dl dd.active {
  opacity: 1;
}

/****************お問い合わせ****************/
/********ヘッダー********/
.header_bg8 {
  background: url(../img/otoiawase_bg.png) no-repeat center;
  background-size: cover;
}

.otoiawase th {
  text-align: left;
  line-height: 280%;
}
.otoiawase .textbox {
  width: 45%;
  line-height: 250%;
}
.otoiawase .textbox2 {
  width: 100%;
  line-height: 250%;
}
.otoiawase select {
  width: 50%;
  padding: 3%;
}
.otoiawase .textarea {
  width: 100%;
}

.submit {
  display: flex;
  justify-content: space-between;
  width: 50%;
  margin: 0 auto;
}
.submit .satsue1 {
  width: 345%;
  padding: 3%;
}
#companyprofile {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	height: auto;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-top: 100px;
	background-color: #D50003;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
}
#companyprofile img  {
	width: 100px;
	height: 100px;
	margin-right: 50px;
	float: left;
}
#companyprofile p {
	margin-top: 30px;
	font-size: 20px;
	text-align: left;
}




/***************ページトップ*************/
#page-top {
  position: fixed;
  bottom: 0;
  right: 20px;
  padding-bottom: 20px;
  z-index: 5;
}

#page-top a {
  display: block;
}
#staff {
    margin-bottom: 100px;
    height: auto;
    border: 2px solid #B1B1B1;
}
#staff .staff img, #staff2 .staff img {
    width: 40%;
    height: auto;
    float: left;
    border: 2px solid #B1B1B1;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    -webkit-box-shadow: 5px 5px 10px #B1B1B1;
    box-shadow: 5px 5px 10px #B1B1B1;
}

#staff .staff aside {
    float: right;
    width: 50%;
    height: auto;
    padding-left: 30px;
    padding-right: 50px;
    padding-bottom: 20px;
    padding-top: 20px;
}

#staff .staff aside h2, #staff2 .staff aside h2 {
    border-bottom: 3px solid #3359C9;
    color: #FFFFFF;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-size: 1.3em;
    background-image: -webkit-linear-gradient(270deg,rgba(51,89,201,1.00) 48.70%,rgba(13,23,53,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(51,89,201,1.00) 48.70%,rgba(13,23,53,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(51,89,201,1.00) 48.70%,rgba(13,23,53,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(51,89,201,1.00) 48.70%,rgba(13,23,53,1.00) 100%);
    border-radius: 5px;
}
aside h2 strong {
    font-size: 1.8em;
    padding-right: 0px;
    margin-right: 30px;
}

.staff aside h3 {
    text-align: left;
    margin-top: 50px;
    color: #3359C9;
    opacity: 1;
    border-bottom: 2px dotted #3359C9;
    font-size: 1.5em;
}
.staff aside p {
    line-height: 1.8em;
    margin-bottom: 20px;
}


#staff2 {
    margin-bottom: 100px;
    height: auto;
    border: 2px solid #B1B1B1;
}
#staff2 .staff img {
    width: 40%;
    height: auto;
    float: right;
}

#staff2 .staff aside {
    float: left;
    width: 50%;
    height: auto;
    padding-left: 30px;
    padding-right: 50px;
    padding-bottom: 20px;
    padding-top: 20px;
}
.sam-image img {
    width: 500px;
    height: 378px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
}






@media (max-width: 1194px) {
  .card_txt strong {
    font-size: 1.7rem;
  }
}
@media (max-width: 1128px) {
  .grid .item .grid_midashi h4, .grid2 .item .grid_midashi h4 {
    font-size: 2rem;
  }
}
/****************お問い合わせ****************/
.hissu {
  background: #ff0000;
  color: #fff;
  margin-left: 3%;
  padding: 1%;
}

/****************タブレット****************/
@media (max-width: 1024px) {
  * {
    box-sizing: border-box;
  }
  /********ハンバーガーメニュー/********/
  .hamburger-menu {
    display: block;
  }
  .menu-btn {
    position: fixed;
    top: 10px;
    right: 10px;
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    z-index: 90;
  }
  .menu-btn span,
  .menu-btn span:before,
  .menu-btn span:after {
    content: "";
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #000000;
    position: absolute;
  }
  .menu-btn span:before {
    bottom: 8px;
  }
  .menu-btn span:after {
    top: 8px;
  }
  #menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0); /*メニューオープン時は真ん中の線を透明にする*/
  }
  #menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
  }
  #menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
  }
  #menu-btn-check {
    display: none;
  }
  .menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    background-color: #3584bb;
  }
  .menu-content ul {
    padding: 70px 10px 0;
  }
  .menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
  }
  .menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color: #ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
  }
  .menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
  }
  .menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;
    z-index: 80;
    background: linear-gradient(-135deg, #0831d2, #b5b0e9);
    transition: all 0.5s;
  }
  #menu-btn-check:checked ~ .menu-content {
    left: 0;
  }
  #side_tel .telicon {
    width: 36%;
    margin-bottom: 10%;
  }
  #side_tel .telnumber {
    color: #fff;
    text-align: center;
    font-size: 1rem;
    margin: 0 auto;
    padding: 0;
    writing-mode: vertical-rl;
  }
  /********ヘッダー/********/
  h1 img {
    width: 25%;
    margin: 0 auto;
    padding: 1%;
  }
  .parallax01 video {
    width: 100%;
    height: auto;
  }
  .parallax01 nav {
    display: none;
  }
  /********コンセプト/********/
  .Concept .right {
    font-size: 1rem;
  }
  /********新着情報/********/
  h3 {
    font-size: 1.5rem;
  }
  /********Residence & Eco Reform/児童福祉事業********/
  .blue_area h2, .white_area h2 {
    font-size: 4.5rem;
  }
  .blue_area .zigyou_area h4, .blue_area .zigyou_area p, .blue_area .zigyou_area2 h4, .blue_area .zigyou_area2 p, .white_area .zigyou_area h4, .white_area .zigyou_area p, .white_area .zigyou_area2 h4, .white_area .zigyou_area2 p {
    font-size: 1rem;
  }
  .zigyou_column .z_card .card_txt, .zigyou_column .z_card2 .card_txt {
    height: 200px;
  }
  .zigyou_column .z_card .card_txt strong, .zigyou_column .z_card2 .card_txt strong {
    font-size: 1.3rem;
  }
  .zigyou_column .z_card .card_txt p, .zigyou_column .z_card2 .card_txt p {
    font-size: 0.8rem;
  }
  /********アクセス********/
  footer .access_area .zigyou_column .accessbox li, footer .access_area .zigyou_column .accessbox2 li {
    font-size: 0.8rem;
  }
  /***************フッター***************/
  .parallax03 .copyright .f_tel {
    display: flex;
    justify-content: space-between;
    width: 30%;
    margin: 0 auto;
  }
  .parallax03 .copyright .f_tel .tellog {
    width: 15%;
  }
  .parallax03 .copyright .f_tel .telbango {
    font-size: 2rem;
  }
  .syatyoi_area .syatyoupic figcaption {
    font-size: 0.7rem;
  }
  /***************事業内容**************/
  /********ヘッダー********/
  #h_naka nav {
    display: block;
  }
  #h_naka nav h1 {
    background: rgba(65, 79, 163, 0.7);
    width: 100%;
  }
  #h_naka nav h1 img {
    width: 18%;
    margin: 0 auto;
    padding: 3% 0;
  }
  #h_naka #naka {
    display: none;
  }
  #h_naka h2 {
    color: #fff;
    font-size: 2rem;
    padding: 8%;
  }
  /********メイン********/
  main .contents_n h3 { /********大見出し********/
    color: #000;
    text-align: left;
    font-size: 2rem;
    opacity: 1;
    margin: 0;
    padding: 0;
  }
  main .contents_n p {
    font-size: 1rem;
  }
  .grid {
    grid-template-rows: 200px 200px 200px 200px;
  }
  .grid .item .grid_midashi h4 {
    font-size: 1.3rem;
  }
  .grid2 {
    grid-template-rows: 200px;
  }
  .grid2 .item .grid_midashi h4 {
    font-size: 1.3rem;
  }
  .grid2 .item .grid_midashi p {
    font-size: 1rem;
  }
  /****************会社概要****************/
  table {
    width: 90%;
  }
  /****************個人情報保護について****************/
  .kozin_box {
    margin: 0 auto;
  }
  .kozin_box dl {
    display: flex;
    flex-direction: column;
    margin-bottom: 5%;
  }
  .kozin_box dl dt {
    font-weight: bold;
    font-size: 2rem;
    color: #414FA3;
    text-align: center;
  }
  .kozin_box dl dd {
    font-size: 1rem;
    line-height: 180%;
  }
}
@media (max-width: 967px) {
  .parallax03 .zigyou_column .accessbox {
    width: 30%;
  }
  .parallax03 .zigyou_column .accessbox img {
    width: 50%;
    margin: 0 auto;
  }
  .parallax03 .zigyou_column .accessbox2 {
    width: 70%;
  }
  .parallax03 .zigyou_column .accessbox2 li {
    width: 36%;
    margin-bottom: 3%;
  }
  .parallax03 .zigyou_column .accessbox2 li a {
    color: #fff;
    font-size: 0.8rem;
  }
}
@media (max-width: 854px) {
  .parallax03 .copyright .f_tel, .parallax03 .copyright .f_jusyo {
    display: none;
  }
#companyprofile {
	width: 80%;
}


}
@media (max-width: 782px) {
  .zigyou_column .z_card .card_txt strong, .zigyou_column .z_card2 .card_txt strong {
    font-size: 1rem;
  }
  .zigyou_column .z_card .card_txt p, .zigyou_column .z_card2 .card_txt p {
    font-size: 0.7rem;
  }
#companyprofile p {
	font-size: 15px;
}

}
@media (max-width: 742px) {
  #side_tel {
    display: none;
  }
  .Concept .left {
    width: 70%;
    padding: 20% 0;
  }
  .Concept .left h3 {
    font-size: 2.8rem;
  }
  .Concept .left p {
    font-size: 1rem;
  }
  .Concept .right {
    width: 90%;
    font-size: 1rem;
    margin: 3% auto 0 auto;
  }
#companyprofile {
	width: 90%;
}
#companyprofile p {
	font-size: 18px;
}


}
@media (max-width: 604px) {
  .zigyou_column .z_card .card_txt strong, .zigyou_column .z_card2 .card_txt strong {
    font-size: 0.9rem;
  }
  .zigyou_column .z_card .card_txt p, .zigyou_column .z_card2 .card_txt p {
    font-size: 0.6rem;
  }
}
/****************スマホ****************/
@media (max-width: 599px) {
  * {
    box-sizing: border-box;
  }
  h1 img {
    width: 20%;
    margin: 0 auto;
    padding: 5% 0;
  }
  /********コンセプト/********/
  .Concept {
    display: flex;
    flex-direction: column;
  }
  .Concept .left {
    width: 100%;
  }
  .Concept .left h3 {
    font-size: 2.5rem;
  }
  .Concept .left p {
    font-size: 1rem;
  }
  .Concept .right {
    width: 90%;
    font-size: 1.3rem;
    margin: 3% auto 0 auto;
  }
.sam-image img {
    width: 300px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
    height: 227px;
}

	
  /********新着情報/********/
  h3 {
    font-size: 1rem;
  }
  .staff_area .slider img {
    height: auto;
    margin: 0 auto;
  }
  /********Residence & Eco Reform/児童福祉事業********/
  .blue_area h2, .white_area h2 {
    font-size: 3rem;
  }
  .blue_area .zigyou_area h4, .blue_area .zigyou_area p, .blue_area .zigyou_area2 h4, .blue_area .zigyou_area2 p, .white_area .zigyou_area h4, .white_area .zigyou_area p, .white_area .zigyou_area2 h4, .white_area .zigyou_area2 p {
    font-size: 1rem;
  }
  .zigyou_area, .zigyou_area2 {
    display: flex;
    flex-direction: column;
    margin: 5% 0;
  }
  .zigyou_area .zigyo1, .zigyou_area .zigyo2, .zigyou_area2 .zigyo1, .zigyou_area2 .zigyo2 {
    position: static;
    width: 90%;
    margin: 0 auto;
  }
  .zigyou_area .zigyo1 h4, .zigyou_area .zigyo2 h4, .zigyou_area2 .zigyo1 h4, .zigyou_area2 .zigyo2 h4 {
    font-size: 1rem;
    text-align: center;
  }
  .zigyou_area .zigyo1 .border, .zigyou_area .zigyo2 .border, .zigyou_area2 .zigyo1 .border, .zigyou_area2 .zigyo2 .border {
    content: "";
    border: solid 1px #fff;
    margin: 3% 0;
  }
  .zigyou_area .zigyo1 p, .zigyou_area .zigyo2 p, .zigyou_area2 .zigyo1 p, .zigyou_area2 .zigyo2 p {
    text-align: left;
    font-size: 1rem;
    width: 100%;
    margin: 0;
  }
  .zigyou_area .zigyo2, .zigyou_area2 .zigyo2 {
    position: static;
    width: 100%;
    margin-top: 3%;
  }
  .zigyou_column {
    display: flex;
    flex-direction: column;
  }
  .zigyou_column .z_card, .zigyou_column .z_card2 {
    width: 80%;
    margin: 0 auto 3% auto;
  }
  .zigyou_column .z_card .card_txt, .zigyou_column .z_card2 .card_txt {
    height: auto;
  }
  .zigyou_column .z_card .card_txt strong, .zigyou_column .z_card2 .card_txt strong {
    font-size: 1.5rem;
  }
  .zigyou_column .z_card .card_txt p, .zigyou_column .z_card2 .card_txt p {
    font-size: 1rem;
  }
  .service_logo {
    width: 90%;
    margin: 3% auto 3% auto;
  }
  /********アクセス********/
  .access_area .zigyou_column .accessbox li, .access_area .zigyou_column .accessbox2 li {
    text-align: center;
    font-size: 1rem;
  }
  .banner .bannrbox {
    width: 45%;
  }
  /****************事業内容****************/
  main .contents_n .z_logo {
    width: 40%;
    margin: 0 auto;
  }
  .ggg {
    margin-bottom: 20%;
  }
  .grid {
    grid-template-rows: 200px 200px 200px 200px 200px 200px;
    margin: 5% 0;
  }
  .grid2 {
    grid-template-rows: 200px 200px;
    margin: 5% 0;
  }
  .grid .bigbox1, .grid .bigbox6 {
    position: relative;
  }
  .grid .bigbox1 .grid_midashi, .grid .bigbox6 .grid_midashi {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    background: rgba(65, 79, 163, 0.7);
    width: 100%;
    height: 40%;
    padding: 3%;
  }
  .grid .bigbox2,
  .grid .bigbox3,
  .grid .bigbox4,
  .grid .bigbox5 {
    grid-column: 1/5;
  }
  .grid2 .bigbox2,
  .grid2 .bigbox3 {
    grid-column: 1/5;
  }
  /****************会社概要****************/
  table th, table td {
    display: block;
    text-align: center;
    width: 100%;
  }
  table th a, table td a {
    display: inline-block;
    color: #414FA3;
    text-decoration: underline;
    width: auto;
  }
  table td {
    padding-left: 0;
  }
  /****************社長挨拶****************/
  /********メイン********/
  main .contents_n h3 { /********大見出し********/ }
  main .contents_n h3 img {
    width: 270px;
    margin: 0 auto;
  }
  main .syatyoi_area {
    display: flex;
    flex-direction: column;
    margin: 5% auto;
  }
  main .syatyoi_area .syatyoupic {
    width: 50%;
    margin: 0 auto 3%;
  }
  main .syatyoi_area .syatyoupic figcaption {
    font-size: 0.7rem;
    text-align: center;
  }
  main .syatyoi_area p {
    font-size: 1rem;
    width: 100%;
  }
#staff, #staff2 {
    display: block;
    margin-left: 20px;
    margin-right: 20px;
    width: auto;
}
#staff .staff , #staff2 .staff{
    text-align: center;
}
	
	
  /****************スタッフ紹介****************/
#staff .staff img, #staff2 .staff img {
    height: auto;
    border: 2px solid #B1B1B1;
    -webkit-box-shadow: 5px 5px 10px #B1B1B1;
    box-shadow: 5px 5px 10px #B1B1B1;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
    clear: both;
}
#staff .staff aside h2,
#staff2 .staff aside h2{
    font-size: 12px;
    text-align: right;
}
#staff .staff aside h2 strong,
#staff2 .staff aside h2 strong{
    display: block;
    font-size: 17px;
    text-align: left;
    border-bottom: 1px dotted #FFFFFF;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 100%;
}


#staff .staff aside , #staff2 .staff aside{
    width: 100%;
    height: auto;
    padding-left: 30px;
    padding-right: 50px;
    padding-bottom: 20px;
    padding-top: 20px;
    clear: both;
    margin-right: auto;
    margin-left: auto;
    float: none;
    display: block;
}
	
	
  /****************企業理念****************/
  .rinenn_box dl dt {
    width: 10%;
    margin-right: 3%;
  }
  .rinenn_box dl dd {
    font-size: 1rem;
  }
  /****************個人情報保護について****************/
  #h_naka h2 {
    font-size: 1.3rem;
  }
  .kozin_box {
    margin: 0 auto;
  }
  .kozin_box dl {
    display: flex;
    flex-direction: column;
    margin-bottom: 5%;
  }
  .kozin_box dl dt {
    padding: 0 3%;
    font-size: 1.5rem;
  }
  .kozin_box dl dd {
    padding: 0 3%;
  }
  /****************お問い合わせ****************/
  .otoiawase th {
    text-align: center;
  }
  .otoiawase .textbox {
    width: 100%;
    line-height: 250%;
  }

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