@charset "utf-8";
/* CSS Document */
/* 共通部分
------------------------------- */
body {
  -webkit-text-size-adjust: 100%;
}
article {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  border: 0;
  color: #2b2b2b;
  font-size: 62.5%;
  text-align: justify;
  vertical-align: baseline;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt";
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}
article img {
  display: block;
  height: auto;
  max-width: 100%;
  margin-inline-start: auto;
  margin-inline-end: auto;
}
.clearfix:after {
  clear: both;
  content: "";
  display: block;
}
.clearfix {
  *zoom: 1;
} /*for IE6,IE7*/
/* 順番 
1.位置情報系＝position, top, right, z-index, display, float等
2.サイズ＝width, height, padding, margin
3.文字系＝font, line-height, letter-spacing, color- text-align等
4.背景＝background, border等
5.その他＝animation, transition等
*/
.innerWrap {
  max-width: 960px;
  margin: 0 auto;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  margin-block-start: 20px;
  margin-block-end: 80px;
  font-size: 1.65rem;
  letter-spacing: 0.125rem;
}
h2.ttl {
  margin-block-end: 30px;
  font-size: 2.75rem;
  font-weight: bold;
  text-transform: uppercase;
}
.textarea {
  margin: 0 auto;
  max-width: 660px;
}
.textarea .txt {
  padding-block-end: 10px;
  line-height: 1.6;
}
.textarea .question {
  font-weight: bold;
  font-size: 1.875rem;
  margin-block-end: 20px;
	line-height: 1.8;
}
.textarea .pic {
  font-weight: bold;
  font-size: 1.75rem;
  margin-block-start: 25px;
  margin-block-end: 15px;
}
.photogallery{
}
.photogallery img{
	margin: 20px 0;
	text-align: left;
}

/*h1
--------------------------------------------------*/
h1.title {
 max-width: 660px;
	margin: 0 auto;
  padding-block-start: 40px;
}
h1.title img{
display: inline-block;
}



/*lead
--------------------------------------------------*/
section#lead {}
/*photo
--------------------------------------------------*/
section.photo {
  margin: 0 auto;
  max-width: 660px;
}
section.photo img {
  width: 100%;
}
.flexbox {
  display: flex;
  align-items: flex-end
}
@media screen and (max-width: 767px) {
  .flexbox {
    display: block;
  }
  .flexbox .box1 {
    width: 100%;
    margin: 0 auto;
  }
  .flexbox .box2 {
    width: 100%;
    margin: 0 auto;
  }
}
/*Data
--------------------------------------------------*/
section#data {}
dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #b5b1b1;
}
dt, dd {
  padding: 24px 0;
  line-height: 1.6;
}
dt {
  width: 25%;
  font-weight: bold;
}
dd {
  width: 75%;
}
/* sp */
@media only screen and (max-width: 787px) {
  dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  dt, dd {
    width: 100%;
  }
  dd {
    padding-top: 0;
  }
}
/*Comment
--------------------------------------------------*/
section.comment {}
/*page
--------------------------------------------------*/
section#page {
  font-weight: bold;
  font-size: 1.75rem;
}
.container {
  display: flex;
  justify-content: space-between;
  margin: 20px;
  padding: 20px;
}
.container .item {
  width: 120px;
  height: 50px;
  line-height: 50px;
  text-decoration: none;
  text-align: center;
  background-color: #f39800; /*ボタン色*/
  border-radius: 5px; /*角丸*/
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.item a {
  color: #ffffff;
}
.item:hover {
  background-color: #f9c500; /*ボタン色*/
}
.thanks {
  max-width: 960px;
  margin: 0 auto;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  margin-block-start: 20px;
  margin-block-end: 80px;
  font-size: 1.65rem;
  letter-spacing: 0.125rem;
  text-align: right;
}