@charset "UTF-8";
* { margin: 0; padding: 0; box-sizing: border-box; } 
html { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "MS Pゴシック", "MS PGothic", sans-serif; } 
ul { list-style: none; } 
a {   color: inherit;  text-decoration: none; }
img { width:auto; max-width: 100%; height: auto; vertical-align: top;}
picture { display: block;}

/* CLEAR FIX */
.clear { clear:both; }
.clearFix { overflow:hidden; }
.clearFix:after { display:block; clear:both; height:0; visibility:hidden; content:"."; zoom:1; }  

/* FLEX BOX */
.flexBox { display:flex; flex-wrap:wrap; justify-content:space-between; }
.flexBox.center { justify-content:center; }
.flexBox.noWrap { flex-wrap:no-wrap; }
.flexBox.noSpace { justify-content:flex-start; }
.flexBox > * { flex-grow:0; flex-shrink:1; }

.mv { margin: 0 0 10px 0;}
.photoThumbnails { }
.photoThumbnails .photoBox { flex-basis: 50%;}


.sec_2 { }
.sec_2 .logo { margin: 0 0 20px 0; }
.sec_2 .textBox { flex-basis: calc( 63.55% - 20px );}
.sec_2 .textBox h3 { margin: 0 0 20px 0;}
.sec_2 .mapBox { flex-basis: 36.45%;}
.sec_2 .mapBox .photoBox { flex-basis: calc( ( 100% - 20px ) / 2 ); padding: 10px 0 0 0;}
.sec_2 figure figcaption { display: block; text-align: right; padding: 10px 0 0 0; line-height: 1.5;}

.sec_3 .textBox { flex-basis: 50%;}
.sec_3 .diagram { margin: 0 0 40px 0;}
.sec_3 .diagram .diagramBox:nth-of-type(1) { flex-basis: calc(83.33% - 10px ); }
.sec_3 .diagram .diagramBox:nth-of-type(2) { flex-basis: calc( 16.67% - 10px );}
.sec_3 .plan { margin: 0 auto 30px auto;}
.sec_3 .plan .planBox { flex-basis: calc( ( 100 - 20px ) / 2 );}
.sec_3 .photo { margin: 0 auto 50px auto;}
.sec_3 .photo .photoBox { flex-basis: calc( ( 100% - 60px )/ 4 );}
.sec_3 .floor { }
.sec_3 .floor .floorBox:nth-of-type(1)  { flex-basis:28.125%; margin: 0 0 20px 0; }
.sec_3 .floor .floorBox:nth-of-type(2)  { flex-basis:28.125%; margin: 0 0 20px 0; }
.sec_3 .floor .floorBox:nth-of-type(3)  { flex-basis:28.125%; margin: 0 0 20px 0; }
.sec_3 .floor .floorBox:nth-of-type(4)  { flex-basis:57.3%; margin: 0 0 20px 0; }
.sec_3 .floor .floorBox:nth-of-type(5)  { flex-basis:38.6%; margin: 0 0 20px 0; }
.sec_3 figure figcaption { display: block; text-align: right; padding: 10px 0 0 0; line-height: 1.5;}

.row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

body {
  padding-bottom: 300px; }

.co_960 {
  width: 94%;
  max-width: 960px;
  margin: 0 auto; }

.mt10 {
  margin-top: 10px; }

.mt20 {
  margin-top: 20px; }

.mt30 {
  margin-top: 30px; }

.mt40 {
  margin-top: 40px; }

.mt50 {
  margin-top: 50px; }

.mt100 {
  margin-top: 100px; }

.f22 {
  font-size: 22px; }

.f15 {
  font-size: 15px; }

.f13 {
  font-size: 13px; }

.f12 {
  font-size: 12px; }

.f10 {
  font-size: 10px; }

.bold {
  font-weight: bold; }

.txt_right {
  text-align: right; }

.lh17 {
  line-height: 1.7; }

.sec_1 li {
  width: 50%; }

.sec_2 {
  padding-bottom: 40px;
  border-bottom: 2px solid #ccc; }


.sec_4 {
  padding-bottom: 40px;
  border-bottom: 2px solid #ccc; }
  .sec_4 li {
    width: 48.54%; }
    .sec_4 li:nth-child(2) {
      width: 47.29%; }

.sec_5 {
  align-items: flex-end; }
  .sec_5 li {
    width: 41.98%; }
    .sec_5 li:nth-child(2) {
      width: 53.54%; }

.sec_6 ul {
  align-items: flex-end; }
.sec_6 li {
  width: 38.44%; }
  .sec_6 li:nth-child(2) {
    width: 56.25%;
    padding-right: 7%; }

#group4 table {
  width: 100%;
  border: 1px solid #999;
  color: #999;
  border-collapse: collapse; }
#group4 th, #group4 td {
  padding: 6px 10px;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999; }
#group4 th {
  width: 120px;
  font-weight: normal; }
#group4 td {
  width: calc(50% - 240px); }

#copyright {
  line-height: 1.5;
  text-align: center;
  color: #999;
  max-width: 600px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 6px 0;
  margin-left: auto;
  margin-right: auto; }

@media only screen and (max-width: 768px) {
  .mt10 {
    margin-top: 1vw; }

  .mt20 {
    margin-top: 2vw; }

  .mt30 {
    margin-top: 3vw; }

  .mt40 {
    margin-top: 4vw; }

  .mt50 {
    margin-top: 5vw; }

  .mt100 {
    margin-top: 10vw; }

  .sec_2 {
    padding-bottom: 7vw; }
    .sec_2 .logo img {
      max-width: 297px;
      width: 55%; }
    .sec_2 li {
      width: 100%; }
      .sec_2 li img {
        width: 100%; }
      .sec_2 li:nth-child(1) {
        width: 100%;
        margin-bottom: 5vw; }
	
	

  .sec_3 img {
    width: 100%; }


  .sec_4 li {
    width: 100%; }
    .sec_4 li:nth-child(2) {
      width: 100%;
      margin-top: 5vw; }

  .sec_5 li {
    width: 100%; }
    .sec_5 li img {
      width: 100%; }
    .sec_5 li:nth-child(2) {
      width: 100%;
      margin-top: 4vw; }

  .sec_6 li {
    width: 100%; }
    .sec_6 li:nth-child(2) {
      width: 100%;
      margin-top: 5vw; }

  #group4 table,
  #group4 tbody,
  #group4 tr,
  #group4 th,
  #group4 td {
    display: block;
    width: 100%;
    border: none; }

  #group4 th {
    background: #f5f5f5;
    color: #777; }

  #group4 td {
    padding: 6px 10px 15px; }
	
	.photoThumbnails > .flexBox > .photoBox { flex-basis: 100%; }
	.photoThumbnails .photoBox img { width: 100%;}
	.sec_3 .diagram .flexBox { justify-content: center;}
	.sec_3 .diagram .diagramBox:nth-of-type(1) { flex-basis: 100%; margin: 0 0 20px 0; }
	.sec_3 .diagram .diagramBox:nth-of-type(2) { flex-basis: 35%;}
	
	.sec_2 .textBox { flex-basis: 100%; margin: 0 0 40px 0;}
	.sec_2 .mapBox { flex-basis: 100%;}
	.sec_2 .mapBox img { width: 100%;}
	.sec_3 .photo .photoBox { flex-basis: calc( ( 100% - 20px) / 2 ); margin: 0 0 20px;}
	.sec_3 .floor .flexBox { justify-content: center;}
	.sec_3 .floor .floorBox:nth-of-type(1)  { flex-basis:60%; margin: 0 0 20px 0; }
	.sec_3 .floor .floorBox:nth-of-type(2)  { flex-basis:60%; margin: 0 0 20px 0; }
	.sec_3 .floor .floorBox:nth-of-type(3)  { flex-basis:60%; margin: 0 0 20px 0; }
	.sec_3 .floor .floorBox:nth-of-type(4)  { flex-basis:100%; margin: 0 0 20px 0; }
	.sec_3 .floor .floorBox:nth-of-type(5)  { flex-basis:80%; margin: 0 0 20px 0; }
}
@media (max-width: 500px) {
  .f22 {
    font-size: 4vw; }

  .f15 {
    font-size: 3.5vw; }

  .f13 {
    font-size: 3.3vw; }

  .f12 {
    font-size: 3.2vw; }

  .f10 {
    font-size: 3vw; } }