@charset "UTF-8";
/* CSS Document */

.hc{ display: none;}
footer{ display: none;}
html,body{ background: #FFFFFF; margin: 0; padding: 0;}
body{ font-size: 16px; font-family: "Noto Serif JP", "serif"; line-height: 1.8; min-width: 1100px;}
.mb{ width: 1000px; padding: 4.0em 0;}
@media screen and ( max-width: 480px ) {
  header{}
  body{ font-size: 14px; min-width: 0;}
  .mb{ width: auto; margin: 0 1.5em; padding: 2.0em 0;} 
}

.section_header{ margin: 0; padding: 0;}
.section_header *{ margin-top: 0;}
.section_header .mb{ padding: 7.0em 0;}
.section_header h1{ width:40%; margin: 0 auto;}
.section_header img{ display: block;}
@media screen and ( max-width: 480px ) {
  .section_header{ margin: 0; padding: 125% 0 0 0; position: relative;}
  .section_header .mb{ margin: 0; padding: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
  .section_header h1{ flex: 0 0 62.5%; width: 62.5%;}
  .section_header img{ width: 100%;}
}


.section_hp{ margin: 0; padding: 0; background: url("../jpg/11-4.jpg") no-repeat center center / cover; height: 800px;}
@media screen and ( max-width: 480px ) {
  .section_hp{ height: auto; padding: 125% 0 0 0; position: relative;}
  .section_hp .mb{ margin: 0; padding: 1.0em 2.0em; position: absolute; top: 0; left: 0; width: 100%;}
}

.section_concept{ margin: 0; padding: 0; background: #ececea;}
.section_concept h2{ width: 82%; margin: 0 auto;}
.section_concept .copy{ margin: 3.0em 0 0 0;}
.section_concept article{ display: flex; gap: 1.0em 4.7%; align-items: center; margin-top: 3.0em;}
.section_concept article *{ margin-top: 0;}
.section_concept article .figure{ flex: 0 0 48%;}
.section_concept article .title{ flex: 0 0 3.8%;}
.section_concept article .body{ font-size: 108%; line-height: 2.0;  font-weight: 400; }
.section_concept article:nth-child(2n+1){ flex-direction:row-reverse;}
.section_concept article:nth-child(2n) .title{ order: 3;}
@media screen and ( max-width: 480px ) {
  .section_concept h2{ width: 100%;}
  .section_concept article{ display: block;}
  .section_concept article .title{ margin-top: 1.5em;}
  .section_concept article .title img{ display: block; width: 10%; margin: 0 auto;}
  .section_concept article .body{ margin-top: 1.5em; font-size: 108%;}
  
}

.section_image{ margin: 0; padding: 0;}
.photos{ margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.photos *{ margin: 0; padding: 0;}
.photos figure{ display: block; background: no-repeat center center / cover;}
.photos li:nth-child(1){ flex: 0 0 100%;}
.photos li:nth-child(1) figure{ padding: 56.25% 0 0 0; background-image: url("../jpg/31-2.jpg");}
.photos li:nth-child(2),
.photos li:nth-child(3),
.photos li:nth-child(4){ flex: 0 0 33.33%; }
.photos li:nth-child(2) figure{ padding: 124% 0 0 0; background-image: url("../jpg/32.jpg"); border: 1px #FFFFFF; border-style: solid none none none;}
.photos li:nth-child(3) figure{ padding: 124% 0 0 0; background-image: url("../jpg/33.jpg"); border: 1px #FFFFFF; border-style: solid none none solid;}
.photos li:nth-child(4) figure{ padding: 124% 0 0 0; background-image: url("../jpg/34.jpg"); border: 1px #FFFFFF; border-style: solid none none solid;}
.photos li:nth-child(5),
.photos li:nth-child(6){ flex: 0 0 50%; }
.photos li:nth-child(5) figure{ padding: 66.66% 0 0 0; background-image: url("../jpg/35.jpg"); border: 1px #FFFFFF; border-style: solid none none none;}
.photos li:nth-child(6) figure{ padding: 66.66% 0 0 0; background-image: url("../jpg/36.jpg"); border: 1px #FFFFFF; border-style: solid none none solid;}
@media screen and ( max-width: 480px ) {
  .photos li:nth-child(1) figure{ padding: 83.33% 0 0 0;}
  .photos li:nth-child(2),
  .photos li:nth-child(3){ flex: 0 0 50%; }
  .photos li:nth-child(2) figure,
  .photos li:nth-child(3) figure{ padding: 166% 0 0 0;}
  .photos li:nth-child(4){ flex: 0 0 100%; }
  .photos li:nth-child(4) figure{ border-style: solid none none none;}
  .photos li:nth-child(5),
  .photos li:nth-child(6){ flex: 0 0 100%; }
  .photos li:nth-child(6) figure{ border-left: none;}
}

.section_about{ margin: 0; padding: 0;}
.section_about .mb{ display: flex; gap: 0 5%; align-items: center;}
.section_about .content{ flex: 0 0 67%;}
.section_about h2{ font-size: 175%; font-weight: 600; line-height: 1.5;}
.section_about .body{ font-family: "Noto Sans JP", "sans-serif"; }
.section_about .figure{ flex: 0 0 28%;}
.section_about .office{ display: flex; gap: 3%; align-items: flex-end;}
.section_about .office h3{ flex-grow: 1;}
.section_about .office img{ display: block;}
.section_about .office p{ font-family: "Noto Serif JP", "serif"; white-space: nowrap;}
@media screen and ( max-width: 480px ) {
  .section_about .mb{ display: block;}
  .section_about h2{ font-size: 108%; text-align: center;}
  .section_about .body{ font-size: 93%;}
  .section_about .office{ display: block; width: 65%; margin-left: auto; margin-right: auto;}
  .section_about .office p{ white-space: normal; font-size: 93%;}
}

.section_contact{}
.section_contact .mb{ padding: 0;}
.section_contact ul{ margin: 0; display: flex; gap: 0 2%;}
.section_contact li{ margin: 0; flex: 1 0 49%;}
.section_contact a{ display: block; margin: 0; padding: 0.9em 0; line-height: 1.5; text-align: center; background: #FFFFFF; font-size: 108%; font-weight: bold; text-decoration: none; border: solid 1px #000000;}
@media screen and ( max-width: 480px ) {
  .section_contact ul{ display: block;}
  .section_contact a.contact_mail{ margin-top: 1.0em;}
}

.section_footer{ font-family: "Noto Serif JP", "serif"; text-align: center;}
.section_footer h2{ width:48%; margin: 0 auto;}
.section_footer .copyright{ margin-top: 4.0rem; font-size: 86%;}
@media screen and ( max-width: 480px ) {
  .section_footer h2{ width: 100%;}
  .section_footer .copyright{ font-size: 66%;}
  
}