@charset "utf-8";
/***************************************************************************************************
	page_7.js
***************************************************************************************************/
/*
*/
#page_7 {
  width: 100%;
  max-width: var(--max_wid_1);
  padding:var(--padding_1);
  padding-top:100px;
  height: auto;
  margin: auto;
  background-image: url(../images/bk_page_1.png);
  background-position: 50% 0;
  background-repeat: repeat-y;
  text-align: centaer;
}
#page_7 .blk_1 {
  width:100%;
  height: calc(100vh - 240px);
  min-height: 600px;
  max-height: 800px;
}
#page_7 .blk_1 > div {
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
}
#page_7 .blk_1 h2 span {
  display: block;
  font-size: 28px;
  line-height: 1.5;
  font-family: 'lora', serif;
  letter-spacing: 0;
}
#page_7 .blk_1 h2 span:nth-of-type(1) {
  font-size: 80px;
  line-height: 1;
  padding:0 0 10px 0;
}
#page_7 .blk_1 p:nth-of-type(1) {
  font-size: 14px;
  line-height: 2;
  padding: 30px 0 0 0;
}
#page_7 .blk_1 p:nth-of-type(1) span {
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
}
#page_7 .blk_1 p:nth-of-type(2) {
  padding: 60px 0 0 0;
}

/***************************************************************************************************
responsive.css
***************************************************************************************************/
@media screen and (max-width: 1000px) {
/*
*/
#page_7 {
  max-width: var(--max_wid_3);
  padding:var(--padding_2);
  padding-top:var(--padding_top_1);
}
#page_7 .blk_1 {
  height: auto;
  min-height: 0;
  max-height:none;
}
#page_7 .blk_1 > div {
  position:relative;
  left:0;
  top:0;
  transform: none;
  padding:30px 0 100px 0;
}
#page_7 .blk_1 h2 span {
  font-size: 22px;
}
#page_7 .blk_1 h2 span:nth-of-type(1) {
  font-size: 60px;
}
#page_7 .blk_1 p:nth-of-type(1) {
  padding: 20px 0 0 0;
}
#page_7 .blk_1 p:nth-of-type(2) {
  padding: 50px 0 0 0;
}
}