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

/* フォント */
.meiryo{ 
	font-family:  Meiryo;
	font-size: 14px;
	line-height: 1.8;
}
/* ヘッダー */
#pageheader .container{
  padding-left: 0;
  padding-right: 0;
}
.report_head{
  display: flex;
  align-items: center;
	margin-bottom: 60px;
}
.report_head{
  position: relative;
	background-image: url(../img/header.png);
	background-repeat: no-repeat;
	background-size: cover;
  background-position: center;
}
@media (min-width: 768px){
	.report_head{
    height: 550px;
  }
  .report_head .h_ttl{
    width: 450px;
    /*left: 0;*/
  }
}
@media (max-width: 767px){
	.report_head{
    height: 300px;
  }
  .report_head .h_ttl{
    width: 300px;
  }
}

/* セクション */
.bg_color{
  background-color: #38414f;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.bg_color .container{
  position: relative;
}
.bg_color .container::before,
.bg_color .container::after{
  content: '';
  display: inline-block;
  position: absolute;
  background-image: url("../img/bg_mark.png");
  background-size: contain;
  z-index: -1;
}
#favorite .container::after{
  transform: rotate(150deg);
}
#gallery .container::before{
  transform: scale(1, -1)rotate(30deg);
}
#gallery .container::after{
  transform: rotate(150deg);
}

.answer_ttl{
  background: url(../img/interview_a.jpg) repeat-x left bottom;
  font-family: YuMincho, 'Yu Mincho', serif;
  font-weight: bold;
  letter-spacing: 0.05em;
  padding: 0 5px 12px 5px;
  margin-bottom: 15px;
  display: inline-block;
}
.mincho_ttl{
  font-family: YuMincho, 'Yu Mincho', serif;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .answer_ttl{
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .answer_ttl{
    font-size: 26px;
  }
}
@media (min-width: 768px) {
  main section{
    padding: 80px 0;
  }
  .bg_color .container::before,
  .bg_color .container::after{
    width: 535px;
    height: 535px;
  }
  .bg_color .container::before{
    bottom: -220px;
    left: -330px;
  }
  .bg_color .container::after{
    top: -220px;
    right: -330px;
  }
  .mincho_ttl{
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  main section{
    padding: 40px 0;
  }
  main section p{ margin-bottom: 20px;}
  .bg_color .container::before,
  .bg_color .container::after{
    width: 320px;
    height: 320px;
  }
  .bg_color .container::before{
    bottom: -180px;
    left: -150px;
  }
  .bg_color .container::after{
    top: -180px;
    right: -150px;
  }
  .answer_ttl{
    font-size: 24px;
  }
  .mincho_ttl{
    font-size: 26px;
  }
}

/* 分割写真 */
.half_photo .row{
  margin-right: -7px;
  margin-left: -7px;
}
.half_photo .row > div{
  padding-right: 7px;
  padding-left: 7px;
}
.half_photo p{
  font-size: 13px;
  margin-top: 2px;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .half_photo{
    max-width: 490px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* こだわり */
#favorite{
  color: #fff;
}
.favorite_ttl{
  text-align: center;
}
.favorite_txt h3{
  position: relative;
  font-family: YuMincho, 'Yu Mincho', serif;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.05em;
  padding-left: 65px;
  margin-top: 60px;
  margin-bottom: 15px;
}
.favorite_txt h3::before{
  content: '';
  display: inline-block;
  position: absolute;
  top: -12px;
  left: 0;
  width: 56px;
  height: 56px;
  background-repeat: no-repeat;
}
.favorite_txt h3.wife::before{
  background-image: url("../img/wife.png");
}
.favorite_txt h3.husband::before{
  background-image: url("../img/husband.png");
}
.favorite_txt p{
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .favorite_txt h3{
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .favorite_txt h3{
    font-size: 22px;
  }
}

/* ギャラリー */
#gallery .mincho_ttl{
  color: #fff;
}
.manager_frame{
  background-color: #f0f0f0;
  padding: 40px 30px;
  text-align: center;
  margin-bottom: 60px;
}
#manager .mincho_ttl{
  position: relative;
  display: inline-block;
}
#manager .mincho_ttl::after{
  content: '';
  display: inline-block;
  position: absolute;
  top: -40px;
  right: -70px;
  width: 56px;
  height: 67px;
  background-image: url("../img/manager_ttl.png");
}
#manager .manager_txt{
  text-align: left;
}
@media (min-width: 768px) {
  .gallery_photo{
    margin-right: -7px;
    margin-left: -7px;
  }
  .gallery_photo > div{
    padding-right: 7px;
    padding-left: 7px;
  }
  .gallery_photo img{
    margin-top: 14px;
  }
}
@media (max-width: 767px) {
  .gallery_photo{
    margin-right: -3px;
    margin-left: -3px;
  }
  .gallery_photo > div{
    padding-right: 3px;
    padding-left: 3px;
  }
  .gallery_photo img{
    margin-top: 6px;
  }
}

/* ページトップボタン */
#page-top {
	position: fixed;
  bottom: -10px;
  right: 0;
	z-index: 100;
	width: 100%;
}
#page-top a {
	background: #38414f;
  text-decoration: none;
  color: #434b4d;
	width: 100%;
  text-align: center;
  display: block;
  border-radius: 0px;
	opacity: 0.95;
}
#page-top a:hover { text-decoration: none;}
@media (min-width: 768px) {
  #page-top a {
    height: 80px;
    line-height: 80px;
  }
}
@media (max-width: 767px) {
  #page-top a {
    height: 60px;
    line-height: 60px;
  }
  #page-top img{
    max-width: 150px;
  }
}