@charset "utf-8";

/* CSS Document */

@media screen and (min-width:1180px) {
  .pcNone {
    display: none !important;
  }
  html {
    width: 100%;
    height: 100%;
    font-size: 14px;
  }
  body {
    width: 100%;
    height: 100%;
    font-size: 1rem;
  }
  img {
    display: block;
    height: auto;
  }
  .post h1 {
    font-size: 200%;
    margin-top: 8em;
  }
  .post h2 {
    font-size: 150%;
    margin-top: 4em;
  }
  .post h3 {
    font-size: 150%;
    margin-top: 3em;
  }
  .post h4 {
    font-size: 125%;
    margin-top: 2em;
  }
  .post .alignright {
    display: block;
    float: right;
    margin: 0 0 1em 2em;
  }
  .post .alignleft {
    display: block;
    float: left;
    margin: 0 2em 1em 0;
  }
  .post .aligncenter {
    margin: 0 auto 1rem;
  }
  .post .col02:after, .post .col03:after {
    clear: both;
    content: '';
    display: block;
  }
  .post .col02 li {
    width: calc(50% - 1em);
    float: left;
    margin: 2em 2em 0 0;
  }
  .post .col02 li:nth-child(2n) {
    margin-right: 0;
  }
  .post .col02 li:nth-child(-n+2) {
    margin-top: 0;
  }
  .post .col03 li {
    width: calc((100% - 4em) / 3);
    margin: 2em 2em 0 0;
    float: left;
  }
  .post .col03 li:nth-child(3n) {
    margin-right: 0;
  }
  .post .col03 li:nth-child(-n+3) {
    margin-top: 0;
  }
  .post .col02 .caption, .post .col03 .caption {
    font-size: 80%;
  }
  .post .col02 img, .post .col03 img {
    display: block;
  }
  .wpcf7-form dt.dt {
    padding: 1em 0;
  }
  .wpcf7-form dt.left {
    width: 6em;
    float: left;
    line-height: 1.5;
    padding: 0.25em 0;
  }
  .wpcf7-form dd.center {
    width: 7em;
    color: #129144;
    float: left;
    line-height: 1.5;
    padding: 0.25em 0;
  }
  .wpcf7-form dd.right {
    width: calc(100% - 13em);
    float: left;
  }
  .slide .thum {
    position: absolute;
    top: 21px;
    right: 21px;
  }
  .slide .thum li {
    width: 40px;
    height: 40px;
  }
  .slide .thum li span {
    width: 7px;
    height: 7px;
  }
  /* header */
  .header {
    height: 173px;
  }
  .header .headerContents {
    width: 1180px;
    height: 115px;
    margin: 0 auto;
    border-bottom: 1px solid #E6E6E6;
  }
  .header .h1 {
    position: absolute;
    left: 0;
    top: 45px;
  }
  .header .catch {
    position: absolute;
    right: 90px;
    top: 60px;
  }
  .header .sns {
    position: absolute;
    right: 0;
    top: 48px;
  }
  .header p.menu {
    display: none;
  }
  .header .sns li {}
  .header .sns li:first-child {}
  .header nav {
    width: 1180px;
    margin: 8px auto 0;
  }
  .header nav li {
    float: left;
    padding: 0 10px;
    background: url(../img/header-bg.png) right center / 1px auto repeat-y;
  }
  .header nav li:last-child {
    background: none;
  }
  .header nav li img {
    width: auto;
    height: 40px;
    margin: 0 auto;
  }
  .header nav li span {
    display: none;
  }
  /* 共通 */
  .blank{
    height: 4em;
  }
  .subPageBody {
    width: 100%;
  }
  .subPageBody2 {
    width: 1180px;
    margin: 0 auto;
  }
  .subBody {
    width: 270px;
    float: left;
    padding: 2em 0 0;
  }
  .subPage2 .subBody {
    display: none;
  }
  .subBody .ancestor {
    width: 200px;
    color: #b2a790;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
    margin: 0 auto 3em;
  }
  .subBody .ancestor img {
    max-width: 100%;
    margin: 0 auto;
  }
  .sideNav {
    width: 200px;
    margin: 0 auto;
  }
  .sideNav .body2 {
    margin-bottom: 1em;
  }
  .sideNav .body2:last-child {
    margin-bottom: 0;
  }
  .subPage .mainBody {
    width: calc(100% - 270px);
    float: left;
    padding: 1.5rem 2rem 3rem;
    box-sizing: border-box;
    background: #FFF;
  }
  .subPage2 .mainBody {
    width: 100%;
    float: none;
  }
  .subPage .mainBody2 {
    width: 100%;
		padding: 1.5rem 2rem 3rem;
		margin: 4rem 0 0;
    background: #FFF;
  }
  .pan {
    margin: 0 auto 4rem;
  }
  footer {
    margin-top: 8%;
  }
  .footerMap .image {
    width: 100%;
    position: absolute;
    bottom: 0px;
    right: 0px;
  }
  footer .access {
    max-width: 1140px;
    margin: 35px auto 0;
  }
  footer .access ul {
    margin: -0.25em 0;
  }
  footer .sitemap {
    width: 1140px;
    padding: 55px 0;
    margin: 0 auto;
  }
  footer .sitemap ul {
    width: 780px;
    float: left;
  }
  footer .sitemap li {
    width: calc(100% / 3);
    float: left;
    padding: 15px 0;
  }
  footer .sitemap li a {
    text-decoration: none;
    font-size: 125%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding-left: 1em;
    background: url(../img/arrow.png) left center / auto 0.5em no-repeat;
  }
  footer .sitemap iframe {
    display: block;
    width: 300px;
    height: 300px;
    float: left;
    margin-right: 60px;
  }
  .footerBody2 {
    padding: 120px 0 35px;
    background: #fff;
  }
  .footerBody2 .body {
    width: 1140px;
    margin: 0 auto;
  }
  .footerBody2 .left {
    width: 520px;
    float: left;
  }
  .footerBody2 .left .text {
    margin-bottom: 30px;
  }
  .footerBody2 .left address {
    font-size: 85%;
    line-height: 2;
    margin: -0.5em 0 calc(30px - 0.5em);
  }
  .footerBody2 .right {
    width: 520px;
    float: right;
  }
  .footerBody2 .right .text {
    margin-bottom: 30px;
  }
  .footerBody2 .right .text img {
    margin: 0 auto;
  }
  .footerBody2 .right .mail {
    margin-bottom: 30px;
  }
  .footerBody2 .right .mail a {
    display: block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 1em;
    background: #4b6b2d;
    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25);
  }
  .footerBody2 .right .tel {
    color: #4b6b2d;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 125%;
    letter-spacing: 0.2em;
  }
  .footerBody2 .right .text2 {
    font-size: 85%;
    letter-spacing: 0.1em;
    margin-top: 1em;
  }
  .brLink {
    position: fixed;
    bottom: 2em;
    right: 0px;
  }
  .brLink li {
    margin-top: 0.5em;
  }
  .brLink .back a {
    display: block;
    padding-top: 47.47899%;
    position: relative;
  }
  .brLink .back a img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
  }
  /* index */
  #index .slide .thum {
    width: 100%;
    position: absolute;
    top: calc(100% + 7px);
    left: 0px;
  }
  #index .slide .thum li:not(.on) span {
    background: rgba(0, 0, 0, 0.24);
  }
  #index .archives {
    width: 1080px;
    margin: 40px auto 0;
  }
  .more{
    clear: both;
    max-width: 580px;
    padding: 40px 0 0;
  	margin: 0 auto;
  }
  #index .info {
    padding: 60px 0 40px;
  }
  #index .info .body {
    width: 820px;
    margin: 0 auto;
    position: relative;
  }
  .info .body h2 {
    margin-bottom: 1.5rem;
  }
  .info .body li {
    padding: 0.75em 1em;
  }
  .info .body li span {
    width: 10em;
  }
  .info .body li a {
    width: calc(100% - 10em);
  }
  .info .body p {
    position: absolute;
    right: 0;
    top: 0.5em;
  }
  .info .body p a {
    padding-left: 1.25em;
    background: url(../img/arrow2.png) left center / auto 0.75em no-repeat;
  }

  /* houselist */
  .houseLists {
    margin-top: 4rem;
  }
  .houseLists .houseList {
    border: 1px solid #b3b3b3;
  }
  .houseLists .houseList table {
    width: 100%;
    border-collapse: collapse;
  }
  .houseLists .houseList td {
    line-height: 1.5;
    text-align: left;
    padding: 0.75em 1em;
  }
  .houseLists .houseList .td {
    width: calc(245px + 2em);
    border-right: 1px solid #b3b3b3;
  }
  .houseLists .houseList .td2 li {
    padding: 0.25em 0;
  }
  .houseLists .houseList .td2 li:after {
    clear: both;
    content: '';
    display: block;
  }
  .houseLists .houseList .td2 li .span {
    display: block;
    width: 5em;
    float: left;
  }
  .houseLists .houseList .td2 li .span2 {
    display: block;
    width: calc(100% - 5em);
    float: left;
  }
  .houseLists .houseList .td3 {
    width: 35%;
    border-left: 1px solid rgba(179, 179, 179, 1);
    border-bottom: 1px solid rgba(179, 179, 179, 1);
  }
  .houseLists .houseList .td3 span {
    display: block;
    margin-bottom: 0.5em;
  }
  .houseLists .houseList .td3 strong {
    display: block;
    text-align: right;
  }
  .houseLists .houseList .td3 em {
    font-size: 150%;
  }
  .houseLists .houseList .td4 {
    text-align: center;
    border-bottom: none;
  }
  .houseLists .houseList .td4 a {
    color: #6f9b2e;
    text-decoration: none;
  }
  .houseImage li a {
    display: block;
    width: 100%;
    padding-top: 100%;
    background-color: rgba(179, 179, 179, 0.24);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  #house .post table{
  	font-size: 150%;
  }

  /* interview */
  .interviewHead{
  	margin: 8.5rem 0 2rem;
  }
  /* zadankai */
  .zadankai h2 {
    font-size: 250%;
    margin-top: 8rem;
    padding: 0 0 0 6rem;
  }
  .zadankai .span {
    display: block;
    width: 5em;
    float: left;
    line-height: 1.75;
    text-align: right;
    margin-right: 1em;
  }
  .zadankai .span2 {
    display: block;
    width: calc(100% - 6em);
    float: left;
    line-height: 1.75;
  }
  .zadankai ul {
    width: calc(100% - 12em);
  }
  .zadankai ul li {
    width: calc(50% - 0.5em);
    float: left;
    margin-right: 1em;
  }
  .zadankai ul li:nth-child(2n) {
    margin-right: 0;
  }
  .zadankai .profile {
    margin: 0 6em;
  }
  .zadankai dl {
    width: calc(50% - 20px);
    float: left;
    padding: 0;
    margin: 40px 40px 0 0;
    background: none;
  }
  .zadankai dl:nth-child(2n) {
    margin-right: 0;
  }
  .zadankai dl:nth-child(-n+2) {
    margin-top: 0;
  }
  .zadankai dt {
    width: 200px;
    float: left;
    margin: 0 1em 0 0;
  }
  .zadankai dd {
    width: calc(100% - 200px - 1em);
    float: right;
  }
  .zadankai dd span {
    height: 9.5em;
  }
  .zadankai .profile {
    margin-top: 8em;
  }

  .zadankai .youtube{
    text-align: center;
    margin-top: 6em;
  }

  .zadankai .youtube:after{
    clear: both;
    content: '';
    display: block;
  }

  .zadankai .youtube iframe{
  	display: inline-block;
  }

  .zadankai .youtube iframe:first-child{
    margin-right: 1em;
  }

  /* contact */

  .contact {
    width: 650px;
    margin: 0 auto;
  }
  .contact .post{
		margin-bottom: 2em;
  }

  /* update */

  .update {
    width: 650px;
    margin: 0 auto;
  }
  .update .post{
		margin-bottom: 2em;
  }

  /* season */
  .season {
  	padding-bottom: 8em;
  }

  .season .left {
    position: absolute;
    top: 0;
    left: 0;
  }

  .season .right{
  	width: 671px;
  	margin: 0 auto;
  }

  .season .body h2{
  	margin-top: 8em;
  }

  .season .body2{
  	clear: both;
  	display: table;
  	width: 100%;
  	position: relative;
  }

  .season .body2 .left2{
  	display: table-cell;
  	vertical-align: middle;
  }

  .season .body2 .left2 p{
  	line-height: 2;
  	margin: -0.5em 0;
  }

  .season .body2 .right2{
  	display: table-cell;
  	vertical-align: middle;
  }

  .season .body2 .right2 img{
  	display: block;
  	vertical-align: middle;
  }

  .season .body2 .ab{
  	position: absolute;
  }

  .season .body2 .ab2{
  	position: absolute;
  }

  .season .body3 .right2{
  	width: 192px;
  }

  .season .body3 .ab{
  	top: -58px;
  	left: 602px;
  }

  .season .body4 .right2{
  	width: 158px;
  }

  .season .body4 .ab{
  	top: 191px;
  	left: -66px;
  }

  .season .body5{
  	margin-top: 3em;
  }

  .season .body5 .ab{
  	top: -29px;
  	left: 559px;
  }

  .season .body5 .ab2{
  	top: 195px;
  	left: -142px;
  }

  .season .body6{
  	margin-top: 2em;
  }

  .season .body6 .left2 p{
  	padding-bottom: 3.5em;
  }

  .season .body6 .right2{
  	width: 248px;
  }

  .season .body6 .ab{
  	top: -102px;
  	left: -292px;
  }

  .season .body7{
  	margin-top: 2em;
  }

  .season .body7 .left2 p{
  	padding-bottom: 1.5em;
  }

  .season .body8{
  	margin-top: 4em;
  }

  .season .body8 .ab{
  	top: -126px;
  	left: 564px;
  }

  .season .body9{
  	margin-top: 4em;
  }

  .season .body9 .ab{
  	top: -279px;
  	left: -191px;
  }

  .season .body10{
  	margin-top: 4em;
  }

  /* shokokai */

  .shokokai2{
    width: 854px;
  	margin-left: auto;
    margin-right: auto;
  }

  .shokokai .pageNav ul{
  	display: table;
  	width: 100%;
  	margin: 0 0 6em;
  	border-left: 1px solid rgba(51,51,51,1);
  	box-sizing: border-box;
  }

  .shokokai .pageNav ul li{
  	display: table-cell;
  	text-align: center;
  	padding: 0 1em;
  	border-right: 1px solid rgba(51,51,51,1);
  }

  .shokokai .image li{
  	width: calc((100% - 1em) / 3);
    float: left;
  	margin-right: 0.5em;
  }

  .shokokai .image li:nth-child(3n){
  	margin-right: 0;
  }

  /* archives */
  .archives dl {
    width: calc((100% - 2em) / 3);
    float: left;
    margin: 2em 1em 0 0;
  }
  .archives dl:nth-child(3n){
    margin-right: 0 !important;
  }
  .archives dl:nth-child(-n+3){
    margin-top: 0;
  }
  .archives dl:nth-child(3n+1){
    clear: both;
  }
  /* archives2 */
  .archives2 dl {
    width: calc((100% - 2em) / 3);
    float: left;
    padding: 1em;
    margin: 2em 1em 0 0;
  }
  .archives2 dl:nth-child(3n) {
    margin-right: 0;
  }
  .archives2 dl:nth-child(-n+3) {
    margin-top: 0;
  }

  .archives2 dl:nth-child(3n+1){
    clear: both;
  }
  .footerBody2 .fb {
    width: 750px;
    margin: 0 auto 120px;
  }
  .footerBody2 .fb .fb-page {
    width: 360px;
    float: left;
    margin-right: 30px;
  }
  .footerBody2 .fb .fb-page:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (min-width:768px) and (max-width:1179px) {
  /* archives */
  #index .archives {
    margin: 3em 0.5em;
  }
  .archives dl {
    width: calc(50% - 0.5em);
    float: left;
    margin: 2em 1em 0 0;
  }
  .archives dl:nth-child(2n){
    margin-right: 0 !important;
  }
  .archives dl:nth-child(-n+2){
    margin-top: 0;
  }
  .archives dl:nth-child(2n+1){
    clear: both;
  }
  /* archives2 */
  .archives2 dl {
    width: calc(50% - 0.5em);
    float: left;
    padding: 1em;
    margin: 2em 1em 0 0;
  }
  .archives2 dl:nth-child(2n) {
    margin-right: 0;
  }
  .archives2 dl:nth-child(-n+2) {
    margin-top: 0;
  }

  .archives2 dl:nth-child(2n+1){
    clear: both;
  }
  .footerBody2 .fb {
    width: calc(720px + 3em);
    margin: 0 auto 3em;
  }
  .footerBody2 .fb .fb-page {
    width: 360px;
    float: left;
    margin-right: 3em;
  }
  .footerBody2 .fb .fb-page:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (min-width:1180px) and (-ms-high-contrast:none){
  .archives dl {
    margin-right: 0.99em;
  }
}