@charset "utf-8";
#contents {
  background:#ffffff;
}

/*----------------------------------------------------
	#intro
----------------------------------------------------*/
.con_intro {
	width: 100%;
	min-width: 1040px;
	height: 1000px;
	min-height: 600px;
	overflow: hidden;
	position: relative;
}
.con_intro .bg_intro {
	position: fixed;
	width: 100%;
	height: 100%;
  background: url(../img/IMG_7731.png) 50% 70% no-repeat;
  background-size: cover;
	top: 0;
	left: 0;
	z-index: -1;
}
.con_intro .box_intro {
	position: relative;
	width: 960px;
	left: 50%;
	top: 50%;
	margin-left: -480px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
	text-align: center;
}
.con_intro .box_intro img {
	display: block;
}
.con_intro .box_intro h1 {
	width: 140px;
	margin: 0 auto;
}
#homepage .con_intro .box_intro h1 a {
	display: block;
}
#homepage .con_intro .box_intro h1 a img {
	width: 100%;
	height: auto;
	display: block;
}
.con_intro .box_intro .headline {
	padding: 15px 0;
	width: 500px;
	margin: 0 auto;
}
.con_intro .box_intro .headline img {
	display: block;
}
.con_intro .box_intro .st .en {
	display: block;
	width: 432px;
	margin: 0 auto;
	padding-top: 10px;
}
.con_intro .box_intro .st .ja {
	display: block;
	font-weight: bold;
	letter-spacing: 0.2ex;
	padding-top: 15px;
}
.con_intro .box_intro .btn_scroll {
	padding-top: 80px;
}
.con_intro .box_intro .btn_scroll a {
	display: block;
	width: 50px;
	height: 50px;
	padding-top: 50px;
	overflow: hidden;
	margin: 0 auto;
	border: 1px solid #fff;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	position: relative;
	-webkit-transition: all 200ms ease-in-out 0ms;
	-moz-transition: all 200ms ease-in-out 0ms;
	-ms-transition: all 200ms ease-in-out 0ms;
	-o-transition: all 200ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 200ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
.con_intro .box_intro .btn_scroll a:after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -12px 0 0 -8px;
	-webkit-transition: all 200ms ease-in-out 0ms;
	-moz-transition: all 200ms ease-in-out 0ms;
	-ms-transition: all 200ms ease-in-out 0ms;
	-o-transition: all 200ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 200ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
.con_intro .box_intro .btn_scroll a:hover {
	background: #fff;
}
.con_intro .box_intro .btn_scroll a:hover:after {
	border-color: #000;
}

@media only screen and (max-width: 928px) {
  
  .con_intro {
    min-width: 0;
    height: 100vh;
    min-height: auto;
  }
  .con_intro .bg_intro {
    background: url(../images/home/mainvisual-bg_sp@2x.jpg) 50% 25% no-repeat;
    background-size: cover;
  }
  .con_intro .box_intro {
    width: 100%;
    left: 0;
    margin-left: 0;
    top: 50%;
  }
  .con_intro .box_intro h1 {
    max-width: 140px;
    width: 45%;
    margin: 0 auto;
  }
  .con_intro .box_intro .headline {
    padding: 10px 0;
    max-width: 300px;
    width: 80%;
    margin-bottom: 20px;
  }
.con_intro .box_intro .st .en {
    width: 80%;
    max-width: 300px;
    padding-top: 0;
}
  .con_intro .box_intro .btn_scroll {
	padding-top: 20px;
  }
  .con_intro .box_intro .btn_scroll a {
	width: 40px;
	height: 40px;
	padding-top: 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
  }
  .con_intro .box_intro .btn_scroll a:hover {
	background: none;
  }
  .con_intro .box_intro .btn_scroll a:hover:after {
	border-color: #fff;
  }
  .con_intro .box_intro .btn_scroll a:after {
	width: 10px;
	height: 10px;
	margin: -8px 0 0 -5px;
  }

}
/*----------------------------------------------------
	共通
----------------------------------------------------*/
.atxt span {
	display: inline-block;
	-webkit-transition: all 300ms cubic-bezier(0.3, -3, 1, 1.5) 0ms;
	-moz-transition: all 300ms cubic-bezier(0.3, -3, 1, 1.5) 0ms;
	-ms-transition: all 300ms cubic-bezier(0.3, -3, 1, 1.5) 0ms;
	-o-transition: all 300ms cubic-bezier(0.3, -3, 1, 1.5) 0ms;
	transition-property: all;
	transition-duration: 300ms;
	transition-timing-function: cubic-bezier(0.3, -3, 1, 1.5);
	transition-delay: 0ms;
}
.atxt span.standby {
	opacity: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
}


/*----------------------------------------------------
	20201005 リニューアル
----------------------------------------------------*/
/* 共通 */
.content960 {
  width:100%;
  max-width: 960px;
  margin-left: auto;
  margin-right:auto;
}
.top-title {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  line-height: 1;
  margin-bottom: 20px;
}
.top-title-desc {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  color: #000;
  margin-bottom: 50px;
}
.btn-black {
  position: relative;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
  max-width: 360px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size:1.6rem;
}
.btn-black > a {
    display: block;
    background: #000000;
    color: #ffffff;
    padding: 7px .5em;
    font-weight: inherit;
    border:1px solid #000000;
  transition: all .3s ease;
}
.btn-black > a:hover {
  background: #ffffff;
  color:#000000;
}


/* HOWTO */
section#top-howto {
  background: url('../images/common/bg_works.jpg') center top repeat;
  padding-top: 55px;
  padding-bottom: 60px;
}
.top-howto-text1 {
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.8;
    text-align: center;
    letter-spacing: 0.1ex;
    margin-bottom: .75em;
}

.top-howto-text2 {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    line-height: 2;
    margin-bottom: 30px;
}
@media only screen and (min-width: 929px) {
  .top-howto-text1 br,
  .top-howto-text2 br {
      display: none;
  }
}
.top-howto-text1 br.force,
.top-howto-text2 br.force{
  display: block !important;
}


#top-howto-pic1 {
    width: 595px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  -webkit-transition: all 400ms ease-in-out 0ms;
  -moz-transition: all 400ms ease-in-out 0ms;
  -ms-transition: all 400ms ease-in-out 0ms;
  -o-transition: all 400ms ease-in-out 0ms;
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: ease-in-out;
  transition-delay: 0ms;
  opacity: 1;
}
#top-howto-pic1.standby {
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  -o-transform: translateY(40px);
  transform: translateY(40px);
  opacity: 0;
}
#top-howto-pic1 img {
    width: 100%;
  vertical-align: top;
}

/* WORKS */
section#top-works {
    background: url('../images/home/bg_gray.jpg') center top repeat;
    padding-top: 70px;
    padding-bottom: 50px;
}

#top-title-works {
  width: 263px;
}
#top-title-works img {
  height: 51px;
}

#top-works-wrap {
	width:100%;
  margin-bottom: 20px;
}
#top-works-wrap > .element {
    width: 31.25%;
		margin-right:3.1%;
	background: #fff;
	margin-bottom:30px;
  
  -webkit-transition: all 400ms ease-in-out 0ms;
  -moz-transition: all 400ms ease-in-out 0ms;
  -ms-transition: all 400ms ease-in-out 0ms;
  -o-transition: all 400ms ease-in-out 0ms;
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: ease-in-out;
  transition-delay: 0ms;
  opacity: 1;
}
#top-works-wrap > .element.standby {
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  -o-transform: translateY(40px);
  transform: translateY(40px);
  opacity: 0;
}
#top-works-wrap > .element:nth-child( 3n ){
	margin-right: 0;
}

#top-works-wrap > .element .thumb > a {
	-webkit-transition: all 200ms ease-in-out 0ms;
	-moz-transition: all 200ms ease-in-out 0ms;
	-ms-transition: all 200ms ease-in-out 0ms;
	-o-transition: all 200ms ease-in-out 0ms;
		transition: all 200ms ease-in-out 0ms;
	display: block;
}
#top-works-wrap > .element .thumb > a:hover {
	opacity: 0.7;
}
#top-works-wrap > .element .inner {
  padding: 15px;
}

#top-works-wrap > .element h3{
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 10px;
    min-height: 3em;
}
#top-works-wrap > .element h3 > a {
    font-weight: bold;
}
#top-works-wrap > .element .place {
	font-size:1.2rem;
	line-height: 1.5;
	margin-bottom: 0;
}
#top-works-wrap > .element .icon-new {
    width: 59px;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
}
#top-works-wrap > .element .renovetag-list {
    width: 100%;
}
#top-works-wrap > .element .renovetag-list > li {
  margin-right:0.5em;
  font-size: 1.2rem;
  line-height:1.8;
}
#top-works-wrap > .element .renovetag-list > li >a {
    color: #666666;
}

#top-works-wrap > .element .renovetag-list > li:last-child {
  margin-right: 0;
}
#top-works-wrap > .element .renovetag-list > li:before {
  content:'#';
  display: inline;
}
/* event */
section#top-event {
    background: url('../images/common/bg_works.jpg') center top repeat;
    padding-top: 70px;
    padding-bottom: 40px;
}
#top-title-event {
    width: 231px;
}
#top-title-event img {
    height:49px;
}

#top-event-list > .element {
    width: 24%;
    max-width: 230px;
    margin-right: 1.3%;
    margin-bottom: 30px;
  -webkit-transition: all 400ms ease-in-out 0ms;
  -moz-transition: all 400ms ease-in-out 0ms;
  -ms-transition: all 400ms ease-in-out 0ms;
  -o-transition: all 400ms ease-in-out 0ms;
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: ease-in-out;
  transition-delay: 0ms;
  opacity: 1;
}
#top-event-list > .element.standby {
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  -o-transform: translateY(40px);
  transform: translateY(40px);
  opacity: 0;
}

#top-event-list > .element:nth-child(4n) {
	margin-right: 0;
}
#top-event-list > .element .thumb {

}
#top-event-list > .element .thumb > a {
	-webkit-transition: all 200ms ease-in-out 0ms;
	-moz-transition: all 200ms ease-in-out 0ms;
	-ms-transition: all 200ms ease-in-out 0ms;
	-o-transition: all 200ms ease-in-out 0ms;
	transition: all 200ms ease-in-out 0ms;
}
#top-event-list > .element .thumb > a:hover {
	opacity: 0.7;
}
#top-event-list > .element .domain > a {
    font-size: 1.3rem;
    border-radius: 15px;
    padding: 3px 12px;
	
}
#top-event-list > .element .domain > a:before {
	display: none;
}

/* journal */
section#top-journal {
  background: repeating-linear-gradient(-45deg, #ded9cf 0, #ded9cf 18px, #ebe7e0 18px, #ebe7e0 36px);
  padding-top: 70px;
  padding-bottom: 50px;
}
#top-title-journal {
    width: 343px;
}
#top-title-journal img {
    height:51px;
}
#top-journal .box_journal {
  width: 100%;
	margin: 0 auto;
  margin-bottom: 10px;
}
#top-journal .box_journal ul {
	width: 100%;
	overflow: hidden;
  padding-top: 0;
	letter-spacing: -0.4em;
}
#top-journal .box_journal ul li {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
  margin: 0 0 40px 90px;
	width: 405px;
	overflow: hidden;
	-webkit-transition: all 400ms ease-in-out 0ms;
	-moz-transition: all 400ms ease-in-out 0ms;
	-ms-transition: all 400ms ease-in-out 0ms;
	-o-transition: all 400ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 400ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
#top-journal .box_journal ul li.standby {
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
}
#top-journal .box_journal ul li:nth-child(2n+1) {
	margin-left: 0;
}
#top-journal .box_journal ul li a {
	display: block;
	overflow: hidden;
}
#top-journal .box_journal ul li .img {
	width: 180px;
	float: left;
	border: 3px solid #fff;
}
#top-journal .box_journal ul li .img img {
	vertical-align: top;
}
#top-journal .box_journal ul li .con_cat {
	margin-bottom: 5px;
}
#top-journal .box_journal ul li .con_cat p {
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
}
#top-journal .box_journal ul li .con_cat p span {
	display: inline-block;
	white-space: nowrap;
	color: #fff;
	font-size: 1rem;
	background: #000000;
	padding: 2px 5px;
	min-width: 70px;
	text-align: center;
}
#top-journal .box_journal ul li .con_txt {
	width: 205px;
	float: right;
}
#top-journal .box_journal ul li .con_txt .date {
	font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0.2ex;
}
#top-journal .box_journal ul li .con_txt h3 {
	line-height: 1.4;
	font-weight: bold;
	letter-spacing: 0.2ex;
}
#top-journal .box_journal ul li .con_txt .txt {
	padding-top: 5px;
	text-align: justify;
	font-size: 1.3rem;
}

/* design now */
section#top-designnow {
    background: url('../images/common/bg_works.jpg') center top repeat;
    padding-top: 70px;
    padding-bottom: 70px;
}
#top-title-designnow {
    width: 465px;
}
#top-title-designnow img {
    height:51px;
}
#top-designlist {
  
}
#top-designlist > .element {
    width: 46%;
    margin-right: 7.9%;
	margin-bottom: 45px;
  -webkit-transition: all 400ms ease-in-out 0ms;
  -moz-transition: all 400ms ease-in-out 0ms;
  -ms-transition: all 400ms ease-in-out 0ms;
  -o-transition: all 400ms ease-in-out 0ms;
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: ease-in-out;
  transition-delay: 0ms;
  opacity: 1;
}
#top-designlist > .element.standby {
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  -o-transform: translateY(40px);
  transform: translateY(40px);
  opacity: 0;
}
  
#top-designlist > .element:nth-child( 2n ) {
  margin-right: 0;
}
#top-designlist > .element > .inner > .el-left {
  width: 41%;
  max-width: 180px;
  margin-right: 2.9%;
}
#top-designlist > .element > .inner > .el-left > a {
  -webkit-transition: all 200ms ease-in-out 0ms;
  -moz-transition: all 200ms ease-in-out 0ms;
  -ms-transition: all 200ms ease-in-out 0ms;
  -o-transition: all 200ms ease-in-out 0ms;
  transition: all 200ms ease-in-out 0ms;
}
#top-designlist > .element > .inner > .el-left > a:hover {
  opacity: .7;
}
#top-designlist > .element > .inner > .el-right {
  width: 56%;
  padding-top: 5px;
}
#top-designlist > .element > .inner > .el-right > .row1 {
    width: 100%;
    margin-bottom: 8px;

}
#top-designlist > .element > .inner > .el-right > .row1 > .el-left {
  margin-right:15px;
  vertical-align: middle;
}
#top-designlist > .element > .inner > .el-right > .row1 .date {
  font-size: 1.2rem;
  line-height: 1;
  font-weight: bold;
}

#top-designlist > .element > .inner > .el-right > .row1 > .el-right {
  vertical-align: middle;
}
#top-designlist > .element > .inner > .el-right > .row1 .domain {
  font-size: 1.0rem;
}
#top-designlist > .element > .inner > .el-right > .row1 .domain > a {
  padding: 2px 20px 2px 6px;
  border-radius: 10px;
}
#top-designlist > .element > .inner > .el-right > .title {
    font-size: 1.4rem;
    margin-bottom: 7px;
  word-break: break-all;
}
#top-designlist > .element > .inner > .el-right > .title > a {
  font-weight:bold;
}
#top-designlist > .element > .inner > .el-right > .category {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 15px;
}
#top-designlist > .element > .inner > .el-right > .honbun {
  font-size: 1.2rem;
  line-height: 1.3;
}
#top-renovenow-btn {
    max-width: 180px;
}

@media only screen and (max-width: 928px) {
  .content960 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .top-title {
    margin-bottom: 5px;
  }
  .top-title-desc {
    font-size: 1.4rem;
    margin-bottom: 25px;
  }
  section#top-howto {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .top-howto-text1 {
      font-size: 2.0rem;
  }
  .top-howto-text2 {
      font-size: 1.3rem;
      letter-spacing: 0.1ex;
  }
  #top-howto-pic1 {
      width: 100%;
      margin-bottom: 30px;
  }
  section#top-works {
    padding-top: 30px;
    padding-bottom: 35px;
  }
  #top-title-works {
    width: 40%;
    max-width: 288px;
  }
  #top-title-works img {
    min-height: 40px;
    height: auto;
  }
  #top-works-wrap > .element, #top-works-wrap > .element:nth-child( 3n ) {
      width: 47.5%;
      margin-right: 4.9%;
      margin-bottom: 4.9%;
  }
  #top-works-wrap > .element:nth-child( 2n ) {
    margin-right: 0;
  }
  #top-works-wrap > .element .icon-new {
    width: 35px;
    top: 3px;
    left: 3px;
  }
  #top-works-wrap > .element .inner {
    padding: 10px;
  }
  #top-works-wrap > .element .domain {
    font-size: 1.0rem;
    margin-bottom: 8px;
  }
  #top-works-wrap > .element .domain > a {
    padding: 1px 5px;
  }
  #top-works-wrap > .element h3 {
    font-size: 1.2rem;
    line-height: 1.3;
    min-height: 4em;
    margin-bottom: 5px;
  }
  #top-works-wrap > .element .place {
    font-size: 1.0rem;
  }
  #top-title-text1 {
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
  #top-works-wrap {
    margin-bottom: 15px;
  }
  #top-works-wrap > .element .renovetag-list > li {
      font-size: 1.0rem;
      line-height: 1.6;
  }
  
  section#top-event{
    padding-top: 35px;
    padding-bottom: 15px;
  }
  #top-title-event {
    width: 35%;
  }
  #top-title-event img {
    min-height: 40px;
    height: auto;
  }
	#top-event-list > .element {
    width: 47.5%;
    margin-right: 4.9%;
    max-width: none;
    margin-bottom: 4.9%;
  }
    #top-event-list > .element:nth-child( 2n ) {
      margin-right: 0;
    } 

    #top-event-list > .element .domain > a {
      font-size: 1.0rem;
      padding: 2px 10px;
  }
  #top-event-list > .element .thumb {
    margin-bottom: 0;
  }
  
  section#top-journal {
    padding-top: 30px;
    padding-bottom: 35px;
  }
  #top-title-journal {
    width: 50%;
    max-width: 247px;
  }
  #top-title-journal img {
    min-height: 30px;
    height: auto;
  }
  #top-journal .box_journal {
	width: 100%;
	padding: 0;
  }
  #top-journal .box_journal ul {
    padding-top: 0;
    margin-bottom:5px;
  }
  #top-journal .box_journal ul li {
	display: block;
  margin: 0 0 25px;
	width: 100%;
  }
  #top-journal .box_journal ul li .img {
	width: 46%;
	margin-right: 4%;
  }
  #top-journal .box_journal ul li .con_txt {
	width: 50%;
  }
  #top-journal .box_journal ul li .con_cat p {
  	margin-right: 5px;
  }
  #top-journal .box_journal ul li .con_txt .date {
	font-size: 1.1rem;
  }
  #top-journal .box_journal ul li .con_txt h4 {
	font-size: 1.3rem;
	letter-spacing: normal;
  }
  #top-journal .box_journal ul li .con_txt .txt {
	padding-top: 3px;
	font-size: 1.1rem;
  }
  #top-journal .box_journal ul li .con_txt h3 {
    font-size: 1.4rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  #top-journal .box_journal ul li .con_cat {
    font-size: 1.0rem;
}
  #top-journal .box_journal ul li .con_cat p span {
    line-height: 1;
    padding: 3px 5px;
    margin-bottom: 3px;
}
  
  section#top-designnow {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  #top-title-designnow {
    width: 100%;
  }
  
  #top-title-designnow {
    width: 65%;
    max-width: 350px;
  }
  #top-title-designnow img {
    min-height: 30px;
    height: auto;
  }
#top-designlist > .element {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
}	
#top-designlist > .element > .inner > .el-left {
    width: 44%;
    max-width: none;
    margin-right: 4.9%;
}
#top-designlist > .element > .inner > .el-right {
    width: 51%;
}
	#top-designlist > .element > .inner > .el-right > .title {
		line-height: 1.4;
}
	#top-designlist > .element > .inner > .el-right > .category {
    font-size: 1.1rem;
	}
	#top-designlist > .element > .inner > .el-right > .row1 {
    width: 100%;
    margin-bottom: 5px;
    margin-top: 0;
}
	#top-designlist > .element > .inner > .el-right > .row1 .date {
		font-size:1.1rem;
    margin-right: 6px;
	}
	#top-designlist > .element > .inner > .el-right > .row1 .domain > a {
			padding: 1px 10px 1px 6px;
			border-radius: 8px;
	}  
}


/*----------------------------------------------------
	.con_bn
----------------------------------------------------*/
.con_bn .standby {
	-webkit-transform: translateY(40px);
	-moz-transform: translateY(40px);
	-ms-transform: translateY(40px);
	-o-transform: translateY(40px);
	transform: translateY(40px);
	opacity: 0;
}
.con_bn.con_cost .box_cost {
	background-image: url(../images/home/bg_cost.jpg);
}
.con_bn.con_cost h2 > span.ja {
	color: #fff;
}
.con_bn.con_puchi .box_puchi {
	background-image: url(../images/home/bg_puchi.jpg);
}
.con_bn.con_puchi h2 > span.ja {
	color: #fff;
}
.con_bn.con_flow .box_flow {
	background-image: url(../images/home/bg_flow.jpg);
}
.con_bn.con_flow h2 > span.ja {
	color: #fff;
}
.con_bn .comingsoon {
	-webkit-transition: all 400ms ease-in-out 0ms;
	-moz-transition: all 400ms ease-in-out 0ms;
	-ms-transition: all 400ms ease-in-out 0ms;
	-o-transition: all 400ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 400ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
.con_bn a {
	background: #000;
	display: block;
	-webkit-transition: all 400ms ease-in-out 0ms;
	-moz-transition: all 400ms ease-in-out 0ms;
	-ms-transition: all 400ms ease-in-out 0ms;
	-o-transition: all 400ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 400ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
.con_bn a:hover .box_bn {
	-webkit-background-size: 103% auto;
	-moz-background-size: 103% auto;
	-o-background-size: 103% auto;
	background-size: 103% auto;
	filter: saturate(100%);
}
.con_bn .box_bn {
	height: 380px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	-webkit-transition: all 300ms ease-in-out 0ms;
	-moz-transition: all 300ms ease-in-out 0ms;
	-ms-transition: all 300ms ease-in-out 0ms;
	-o-transition: all 300ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 300ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
	filter: saturate(0);
}
.con_bn .box_bn:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.28;
}
.con_bn .box_bn h2 {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
}
.con_bn .box_bn h2 > span {
	display: block;
}
.con_bn .box_bn h2 > span.en img {
	display: block;
	height: 52px;
	margin: 0 auto;
}
.con_bn .box_bn h2 > span.ja {
	text-align: center;
	font-size: 2.6rem;
	font-weight: bold;
	padding-top: 20px;
	letter-spacing: .15ex;
}
.con_bn .box_bn h2 > span .sp {
	display: none;
}

@media only screen and (max-width: 1120px) {
  .con_bn a:hover .box_bn {
	-webkit-background-size: auto 103%;
	-moz-background-size: auto 103%;
	-o-background-size: auto 103%;
	background-size: auto 103%;
  }
  .con_bn .box_bn {
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
  }
}
@media only screen and (max-width: 928px) {
  .con_bn a:hover .box_bn {
	opacity: 1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
  }
  .con_bn .box_bn {
	height: 240px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all 300ms ease-in-out 0ms;
	-moz-transition: all 300ms ease-in-out 0ms;
	-ms-transition: all 300ms ease-in-out 0ms;
	-o-transition: all 300ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 300ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
  }
  .con_bn .box_bn h2 > span.en img {
	height: 34px;
  }
  .con_bn .box_bn h2 > span.ja {
	text-align: center;
	font-size: 1.4rem;
	padding-top: 10px;

  }
  .con_bn .box_bn h2 > span .sp {
	display: block;
  }
}
/*----------------------------------------------------
	.con_movies
----------------------------------------------------*/
.con_movies {
	padding: 60px 0;
}
.con_movies .box_movies {
	width: 1040px;
	margin: 0 auto;
	padding: 40px 0 0;
}
.con_movies .box_movies ul {
	display: flex;
	padding: 0 50px;
}
.con_movies .box_movies ul li {
	width: 300px;
	margin-left: 20px;
}
.con_movies .box_movies ul li:first-child {
	margin-left: 0;
}
.con_movies .box_movies ul li a {
	display: block;
}
.con_movies .box_movies ul li a:hover span.img:before {
	background: #fff;
}
.con_movies .box_movies ul li a:hover span.img:after {
	border-left-color: #000;
}
.con_movies .box_movies ul li a:hover span.img img {
	opacity: 0.7;
}
.con_movies .box_movies ul li a span {
	display: block;
}
.con_movies .box_movies ul li a span.img {
	position: relative;
}
.con_movies .box_movies ul li a span.img:before {
	content: "";
	display: block;
	width: 48px;
	height: 48px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -24px 0 0 -24px;
	-webkit-transition: background 400ms ease-in-out 0ms;
	-moz-transition: background 400ms ease-in-out 0ms;
	-ms-transition: background 400ms ease-in-out 0ms;
	-o-transition: background 400ms ease-in-out 0ms;
	transition-property: background;
	transition-duration: 400ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
	z-index: 1;
}
.con_movies .box_movies ul li a span.img:after {
	content: "";
	display: block;
	border-left: 12px solid #fff;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -7px 0 0 -3px;
	-webkit-transition: border 400ms ease-in-out 0ms;
	-moz-transition: border 400ms ease-in-out 0ms;
	-ms-transition: border 400ms ease-in-out 0ms;
	-o-transition: border 400ms ease-in-out 0ms;
	transition-property: border;
	transition-duration: 400ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
	z-index: 1;
}
.con_movies .box_movies ul li a span.img img {
	display: block;
	-webkit-transition: opacity 400ms ease-in-out 0ms;
	-moz-transition: opacity 400ms ease-in-out 0ms;
	-ms-transition: opacity 400ms ease-in-out 0ms;
	-o-transition: opacity 400ms ease-in-out 0ms;
	transition-property: opacity;
	transition-duration: 400ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
.con_movies .box_movies ul li a span.cap {
	padding-top: 10px;
	text-align: center;
	font-weight: bold;
}
.con_movies .btn_more {
	padding-top: 50px;
}
.con_movies .btn_more a {
	display: block;
	width: 160px;
	margin: 0 auto;
	padding: 10px 0;
	border: 1px solid #000;
	-webkit-transition: all 200ms ease-in-out 0ms;
	-moz-transition: all 200ms ease-in-out 0ms;
	-ms-transition: all 200ms ease-in-out 0ms;
	-o-transition: all 200ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 200ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
.con_movies .btn_more a span {
	display: block;
	height: 14px;
	width: 52px;
	margin: 0 auto;
	padding-top: 14px;
	overflow: hidden;
	background: url(../images/home/btn_more.png) center center no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transition: background-image 200ms ease-in-out 0ms;
	-moz-transition: background-image 200ms ease-in-out 0ms;
	-ms-transition: background-image 200ms ease-in-out 0ms;
	-o-transition: background-image 200ms ease-in-out 0ms;
	transition-property: background-image;
	transition-duration: 200ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
.con_movies .btn_more a:hover {
	background: #000;
}
.con_movies .btn_more a:hover span {
	background-image: url(../images/home/btn_more_act.png);
}

@media only screen and (max-width: 928px) {
  .con_movies {
	padding: 30px 0;
  }
  .con_movies .box_movies {
	width: 100%;
	padding: 20px 40px;
	position: relative;
  }
  .con_movies .box_movies .bx-wrapper ul {
	visibility: visible;
  }
  .con_movies .box_movies ul {
	display: block;
	overflow: hidden;
	visibility: hidden;
	padding: 0;
  }
  .con_movies .box_movies ul li {
	width: 100%;
	margin: 0;
	position: relative;
	padding: 4px;
  }
  .con_movies .box_movies ul li:first-child {
	margin-left: 0;
  }
  .con_movies .box_movies ul li a {
	display: block;
  }
  .con_movies .box_movies ul li a:hover span.img:before {
	background: none;
  }
  .con_movies .box_movies ul li a:hover span.img:after {
	border-left-color: #fff;
  }
  .con_movies .box_movies ul li a:hover span.img img {
	opacity: 1;
  }
  .con_movies .box_movies ul li a span.cap {
	padding-top: 6px;
  }
  .con_movies .box_movies .bx-wrapper .bx-controls .bx-controls-direction a {
	display: block;
	width: 30px;
	height: 60px;
	padding-top: 60px;
	overflow: hidden;
	position: absolute;
	top: 27vw;
	margin-top: -30px;
  }
  .con_movies .box_movies .bx-wrapper .bx-controls .bx-controls-direction a:after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }
  .con_movies .box_movies .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {
	left: 0;
  }
  .con_movies .box_movies .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev:after {
	left: 60%;
	border-left: 2px solid #000;
	border-bottom: 2px solid #000;
  }
  .con_movies .box_movies .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {
	right: 0;
  }
  .con_movies .box_movies .bx-wrapper .bx-controls .bx-controls-direction a.bx-next:after {
	right: 60%;
	border-right: 2px solid #000;
	border-top: 2px solid #000;
  }
  .con_movies .btn_more {
	padding-top: 0;
  }
  .con_movies .btn_more a {
	width: 80%;
	padding: 14px 0;
  }
  .con_movies .btn_more a span {
	height: 16px;
	width: 100%;
	padding-top: 16px;
  }
  .con_movies .btn_more a:hover {
	background: none;
  }
  .con_movies .btn_more a:hover span {
	background-image: url(../images/home/btn_more.png);
  }
}
/*----------------------------------------------------
	.con_forkids
----------------------------------------------------*/
.con_forkids {
	background: url(../images/common/bg_slash.png) center center repeat;
	-webkit-background-size: 44px auto;
	-moz-background-size: 44px auto;
	-o-background-size: 44px auto;
	background-size: 44px auto;
}
.con_forkids h2 {
	padding-top: 106px;
}
.con_forkids h2 a {
	display: block;
	width: 800px;
}
.con_forkids h2 a > span {
	display: block;
}
.con_forkids h2 a > span.en img {
	display: block;
	margin: 0 auto;
	height: 86px;
}
.con_forkids h2 a > span.ja {
	text-align: center;
	font-size: 2.8rem;
	font-weight: bold;
	padding-top: 10px;
}
.con_forkids > .txt {
	text-align: center;
	font-size: 2.8rem;
	font-weight: bold;
	padding-top: 60px;
	letter-spacing: 0.2ex;
}
.con_forkids .box_forkids {
	width: 1020px;
	margin: 0 auto;
	padding-top: 70px;
}
.con_forkids .box_forkids ul {
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	display: flex;
	justify-content: space-between;
}
.con_forkids .box_forkids ul li {
	width: 480px;
	-webkit-transition: all 400ms ease-in-out 0ms;
	-moz-transition: all 400ms ease-in-out 0ms;
	-ms-transition: all 400ms ease-in-out 0ms;
	-o-transition: all 400ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 400ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
.con_forkids .box_forkids ul li.standby {
	-webkit-transform: translateY(40px);
	-moz-transform: translateY(40px);
	-ms-transform: translateY(40px);
	-o-transform: translateY(40px);
	transform: translateY(40px);
	opacity: 0;
}
.con_forkids .box_forkids ul li a, .con_forkids .box_forkids ul li img {
	display: block;
}
.con_forkids .box_forkids ul li a {
	-webkit-transition: opacity 200ms ease-in-out 0ms;
	-moz-transition: opacity 200ms ease-in-out 0ms;
	-ms-transition: opacity 200ms ease-in-out 0ms;
	-o-transition: opacity 200ms ease-in-out 0ms;
	transition-property: opacity;
	transition-duration: 200ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
.con_forkids .box_forkids ul li a:hover {
	opacity: 0.7;
}
.con_forkids .btn_more {
	padding: 50px 0;
}
.con_forkids .btn_more a {
	display: block;
	width: 160px;
	margin: 0 auto;
	padding: 10px 0;
	border: 1px solid #000;
	-webkit-transition: all 200ms ease-in-out 0ms;
	-moz-transition: all 200ms ease-in-out 0ms;
	-ms-transition: all 200ms ease-in-out 0ms;
	-o-transition: all 200ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 200ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
.con_forkids .btn_more a span {
	display: block;
	height: 14px;
	width: 52px;
	margin: 0 auto;
	padding-top: 14px;
	overflow: hidden;
	background: url(../images/home/btn_more.png) center center no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transition: background-image 200ms ease-in-out 0ms;
	-moz-transition: background-image 200ms ease-in-out 0ms;
	-ms-transition: background-image 200ms ease-in-out 0ms;
	-o-transition: background-image 200ms ease-in-out 0ms;
	transition-property: background-image;
	transition-duration: 200ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
.con_forkids .btn_more a:hover {
	background: #000;
}
.con_forkids .btn_more a:hover span {
	background-image: url(../images/home/btn_more_act.png);
}

@media only screen and (max-width: 928px) {
  .con_forkids {
	-webkit-background-size: 22px auto;
	-moz-background-size: 22px auto;
	-o-background-size: 22px auto;
	background-size: 22px auto;
  }
  .con_forkids h2 {
	padding-top: 50px;
  }
  .con_forkids h2 a {
	width: 100%;
  }
  .con_forkids h2 a > span.en img {
	height: 40px;
  }
  .con_forkids h2 a > span.ja {
	font-size: 1.8rem;
  }
  .con_forkids > .txt {
	font-size: 1.6rem;
	padding-top: 20px;
	letter-spacing: normal;
  }
  .con_forkids .box_forkids {
	width: 100%;
	padding-top: 20px;
  }
  .con_forkids .box_forkids ul {
	display: block;
  }
  .con_forkids .box_forkids ul li {
	width: 100%;
	padding: 0 20px;
	margin-top: 15px;
  }
  .con_forkids .box_forkids ul li:first-child {
	margin-top: 0;
  }
  .con_forkids .box_forkids ul li a:hover {
	opacity: 1.0;
  }
  .con_forkids .btn_more {
	padding: 20px 0 30px;
  }
  .con_forkids .btn_more a {
	width: 80%;
	padding: 14px 0;
  }
  .con_forkids .btn_more a span {
	height: 16px;
	width: 100%;
	padding-top: 16px;
  }
  .con_forkids .btn_more a:hover {
	background: none;
  }
  .con_forkids .btn_more a:hover span {
	background-image: url(../images/home/btn_more.png);
  }
}

/*----------------------------------------------------
	.con_works
----------------------------------------------------*/
.con_bn.con_works .box_works {
	background-image: url(../images/home/bg_works.jpg);
}
.con_bn.con_works h2 > span.ja {
	color: #fff;
}
/*----------------------------------------------------
	.con_all8
----------------------------------------------------*/
.con_all8 {
	width: 100%;
	min-width: 1040px;
	background: #fff;
}
.con_all8 a {
	width: 100%;
	display: block;
	background: #e5e6db;
	padding: 110px 0 70px;
	position: relative;
}
.con_all8 a h2 {
	position: relative;
	z-index: 2;
}
.con_all8 a h2 span.en {
	padding-bottom: 10px;
}
.con_all8 a h2 span.en img {
	display: block;
	height: auto;
	width: 230px;
}
.con_all8 a .con_ill {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.con_all8 a .con_ill.standby li {
	opacity: 0;
}
.con_all8 a .con_ill.standby li img {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}
.con_all8 a .con_ill li {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transition: all 200ms ease-in-out 0ms;
	-moz-transition: all 200ms ease-in-out 0ms;
	-ms-transition: all 200ms ease-in-out 0ms;
	-o-transition: all 200ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 200ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
.con_all8 a .con_ill li img {
	display: block;
	position: relative;
	-webkit-transition: all 300ms cubic-bezier(0, 2, 0.8, 2) 0ms;
	-moz-transition: all 300ms cubic-bezier(0, 2, 0.8, 2) 0ms;
	-ms-transition: all 300ms cubic-bezier(0, 2, 0.8, 2) 0ms;
	-o-transition: all 300ms cubic-bezier(0, 2, 0.8, 2) 0ms;
	transition-property: all;
	transition-duration: 300ms;
	transition-timing-function: cubic-bezier(0, 2, 0.8, 2);
	transition-delay: 0ms;
}
.con_all8 a .con_ill li.ill01 {
	width: 80px;
	height: 102px;
	top: 0;
	-webkit-transform: translate(-290px, 0);
	-moz-transform: translate(-290px, 0);
	-ms-transform: translate(-290px, 0);
	-o-transform: translate(-290px, 0);
	transform: translate(-290px, 0);
}
.con_all8 a .con_ill li.ill02 {
	width: 84px;
	height: 114px;
	-webkit-transform: translate(-167px, -178px);
	-moz-transform: translate(-167px, -178px);
	-ms-transform: translate(-167px, -178px);
	-o-transform: translate(-167px, -178px);
	transform: translate(-167px, -178px);
}
.con_all8 a .con_ill li.ill03 {
	width: 110px;
	height: 112px;
	-webkit-transform: translate(-367px, -90px);
	-moz-transform: translate(-367px, -90px);
	-ms-transform: translate(-367px, -90px);
	-o-transform: translate(-367px, -90px);
	transform: translate(-367px, -90px);
}
.con_all8 a .con_ill li.ill04 {
	width: 122px;
	height: 112px;
	-webkit-transform: translate(-296px, 40px);
	-moz-transform: translate(-296px, 40px);
	-ms-transform: translate(-296px, 40px);
	-o-transform: translate(-296px, 40px);
	transform: translate(-296px, 40px);
}
.con_all8 a .con_ill li.ill05 {
	width: 164px;
	height: 124px;
	-webkit-transform: translate(116px, -166px);
	-moz-transform: translate(116px, -166px);
	-ms-transform: translate(116px, -166px);
	-o-transform: translate(116px, -166px);
	transform: translate(116px, -166px);
}
.con_all8 a .con_ill li.ill06 {
	width: 110px;
	height: 112px;
	-webkit-transform: translate(270px, -78px);
	-moz-transform: translate(270px, -78px);
	-ms-transform: translate(270px, -78px);
	-o-transform: translate(270px, -78px);
	transform: translate(270px, -78px);
}
.con_all8 a .con_ill li.ill07 {
	width: 124px;
	height: 108px;
	-webkit-transform: translate(190px, 32px);
	-moz-transform: translate(190px, 32px);
	-ms-transform: translate(190px, 32px);
	-o-transform: translate(190px, 32px);
	transform: translate(190px, 32px);
}

@media only screen and (max-width: 928px) {
  .con_all8 {
	min-width: 0;
  }
  .con_all8 a {
	padding: 100px 0 90px;
  }
  .con_all8 a h2 span.en {
	padding-bottom: 10px;
  }
  .con_all8 a h2 span.en img {
	width: 140px;
  }
  .con_all8 a .con_ill li.ill01 {
	width: 60px;
	height: 75px;
	top: 0;
	-webkit-transform: translate(-100px, 0);
	-moz-transform: translate(-100px, 0);
	-ms-transform: translate(-100px, 0);
	-o-transform: translate(-100px, 0);
	transform: translate(-100px, 0);
  }
  .con_all8 a .con_ill li.ill02 {
	width: 60px;
	height: 82px;
	-webkit-transform: translate(-170px, -100px);
	-moz-transform: translate(-170px, -100px);
	-ms-transform: translate(-170px, -100px);
	-o-transform: translate(-170px, -100px);
	transform: translate(-170px, -100px);
  }
  .con_all8 a .con_ill li.ill03 {
	width: 60px;
	height: 65px;
	-webkit-transform: translate(-150px, 0);
	-moz-transform: translate(-150px, 0);
	-ms-transform: translate(-150px, 0);
	-o-transform: translate(-150px, 0);
	transform: translate(-150px, 0);
  }
  .con_all8 a .con_ill li.ill04 {
	width: 70px;
	height: 70px;
	-webkit-transform: translate(-170px, 70px);
	-moz-transform: translate(-170px, 70px);
	-ms-transform: translate(-170px, 70px);
	-o-transform: translate(-170px, 70px);
	transform: translate(-170px, 70px);
  }
  .con_all8 a .con_ill li.ill05 {
	width: 110px;
	height: 110px;
	-webkit-transform: translate(50px, -130px);
	-moz-transform: translate(50px, -130px);
	-ms-transform: translate(50px, -130px);
	-o-transform: translate(50px, -130px);
	transform: translate(50px, -130px);
  }
  .con_all8 a .con_ill li.ill06 {
	width: 70px;
	height: 75px;
	-webkit-transform: translate(100px, -28px);
	-moz-transform: translate(100px, -28px);
	-ms-transform: translate(100px, -28px);
	-o-transform: translate(100px, -28px);
	transform: translate(100px, -28px);
  }
  .con_all8 a .con_ill li.ill07 {
	width: 75px;
	height: 70px;
	-webkit-transform: translate(100px, 72px);
	-moz-transform: translate(100px, 72px);
	-ms-transform: translate(100px, 72px);
	-o-transform: translate(100px, 72px);
	transform: translate(100px, 72px);
  }
}
/*----------------------------------------------------
	.con_school
----------------------------------------------------*/
.con_school {
	padding: 50px 0 64px;
	width: 100%;
	min-width: 1040px;
	background: url(../images/home/bg_school.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #fff;
  display: none ;
}
.con_school .box_school {
	width: 1040px;
	margin: 0 auto;
	padding: 0 50px;
}
.con_school .box_school ul {
	width: 100%;
	overflow: hidden;
	padding-top: 46px;
}
.con_school .box_school ul li {
	border-bottom: 1px solid #fff;
	padding: 2px 0;
	-webkit-transition: all 400ms ease-in-out 0ms;
	-moz-transition: all 400ms ease-in-out 0ms;
	-ms-transition: all 400ms ease-in-out 0ms;
	-o-transition: all 400ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 400ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
.con_school .box_school ul li.standby {
	-webkit-transform: translateY(40px);
	-moz-transform: translateY(40px);
	-ms-transform: translateY(40px);
	-o-transform: translateY(40px);
	transform: translateY(40px);
	opacity: 0;
}
.con_school .box_school ul li:first-child {
	border-top: 1px solid #fff;
}
.con_school .box_school ul li a {
	display: block;
	padding: 16px 15px;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 200ms ease-in-out 0ms;
	-moz-transition: all 200ms ease-in-out 0ms;
	-ms-transition: all 200ms ease-in-out 0ms;
	-o-transition: all 200ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 200ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.con_school .box_school ul li a:hover {
	background: rgba(255, 255, 255, 0.1);
}
.con_school .box_school ul li a:after {
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	position: absolute;
	right: 30px;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-moz-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	-o-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
.con_school .box_school ul li a span {
	display: block;
	float: left;
}
.con_school .box_school ul li a span.name {
	width: 347px;
}
.con_school .box_school ul li a span.name img {
	display: block;
}
.con_school .box_school ul li:first-child a span.name {
	width: 473px;
}
.con_school .box_school ul li a span.date {
	width: 108px;
	height: 108px;
	margin: -2px 0 -2px 25px;
	border: 1px solid #fff;
	-webkit-border-radius: 53px;
	-moz-border-radius: 53px;
	-ms-border-radius: 53px;
	-o-border-radius: 53px;
	border-radius: 53px;
}
.con_school .box_school ul li a span.date img {
	display: block;
	width: 100px;
	margin: 3px auto 0;
}

@media only screen and (max-width: 928px) {
  .con_school {
	padding: 30px 0;
	min-width: 0;
  }
  .con_school .box_school {
	width: 100%;
	padding: 0 20px;
  }
  .con_school .box_school ul {
	padding-top: 20px;
  }
  .con_school .box_school ul li a {
	padding: 10px 0;
  }
  .con_school .box_school ul li a:hover {
	background: none;
  }
  .con_school .box_school ul li a:after {
	width: 20px;
	height: 20px;
	right: 10px;
	top: 50%;
  }
  .con_school .box_school ul li a span.name {
	width: 58%;
  }
  .con_school .box_school ul li:first-child a span.name {
  	width: 80%;
  }
  .con_school .box_school ul li a span.date {
	width: 18%;
	height: auto;
	margin: 0 0 0 12px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
  }
  .con_school .box_school ul li a span.date img {
	margin: 0 auto;
  }
}
/*----------------------------------------------------
	.con_go
----------------------------------------------------*/
.con_go {
	width: 100%;
	min-width: 1040px;
	background: #fff;
	padding: 50px 0 64px;
}
.con_go .box_go {
	width: 1040px;
	margin: 0 auto;
	padding: 0 50px;
}
.con_go .box_go ul {
	width: 100%;
	letter-spacing: -0.4em;
	padding-top: 40px;
}
.con_go .box_go ul li {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	width: 230px;
	margin: 6px 0 0 6px;
	-webkit-transition: all 400ms ease-in-out 0ms;
	-moz-transition: all 400ms ease-in-out 0ms;
	-ms-transition: all 400ms ease-in-out 0ms;
	-o-transition: all 400ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 400ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
.con_go .box_go ul li.standby {
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
}
.con_go .box_go ul li:nth-child(4n+1) {
	margin-left: 1px;
}
.con_go .box_go ul li a, .con_go .box_go ul li img {
	display: block;
}
.con_go .box_go .notopic {
	padding-top: 30px;
	text-align: center;
}

@media only screen and (max-width: 928px) {
  .con_go {
	min-width: 0;
	padding: 30px 0;
  }
  .con_go .box_go {
	width: 100%;
	padding: 0 20px;
  }
  .con_go .box_go ul {
	padding-top: 20px;
  }
  .con_go .box_go ul li {
	width: 49%;
	margin: 6px 0 0 2%;
  }
  .con_go .box_go ul li:nth-child(2n+1) {
	margin-left: 0;
  }
}
/*----------------------------------------------------
	.con_event
----------------------------------------------------*/
/*----------------------------------------------------
	.con_caravan
----------------------------------------------------*/
/*----------------------------------------------------
	.con_event
----------------------------------------------------*/
.con_event {
	padding: 65px 0 70px;
	width: 100%;
	min-width: 1040px;
	background: url(../images/home/bg_event_renove.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #fff;
}
.con_event h2 {
	color: #333;
}
.con_event .box_event {
	width: 1040px;
	margin: 0 auto;
	padding: 0 50px;
}
.con_event .box_event ul {
	width: 100%;
	overflow: hidden;
	padding-top: 60px;
}
.con_event .box_event ul li {
	border-bottom: 1px solid #333;
	padding: 2px 0;
	-webkit-transition: all 400ms ease-in-out 0ms;
	-moz-transition: all 400ms ease-in-out 0ms;
	-ms-transition: all 400ms ease-in-out 0ms;
	-o-transition: all 400ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 400ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
.con_event .box_event ul li.standby {
	-webkit-transform: translateY(40px);
	-moz-transform: translateY(40px);
	-ms-transform: translateY(40px);
	-o-transform: translateY(40px);
	transform: translateY(40px);
	opacity: 0;
}
.con_event .box_event ul li:first-child {
	border-top: 1px solid #333;
}
.con_event .box_event ul li a {
	display: block;
	padding: 24px 15px 20px;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 200ms ease-in-out 0ms;
	-moz-transition: all 200ms ease-in-out 0ms;
	-ms-transition: all 200ms ease-in-out 0ms;
	-o-transition: all 200ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 200ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.con_event .box_event ul li a:hover {
	background: rgba(255, 255, 255, 0.4);
}
.con_event .box_event ul li a:after {
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	position: absolute;
	right: 30px;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-moz-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	-o-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
.con_event .box_event ul li a span {
	display: block;
}
.con_event .box_event ul li a span.name img {
	display: block;
	height: 54px;
}
.con_event .box_event ul li a span.txt {
	margin-top: 5px;
	font-size: 2.6rem;
	font-weight: bold;
	color: #333;
}

@media only screen and (max-width: 928px) {
  .con_event {
	padding: 30px 0;
	min-width: 0;
  }
  .con_event .box_event {
	width: 100%;
	padding: 0 20px;
  }
  .con_event .box_event ul {
	padding-top: 20px;
  }
  .con_event .box_event ul li a {
	padding: 10px 0;
  }
  .con_event .box_event ul li a:hover {
	background: none;
  }
  .con_event .box_event ul li a:after {
	width: 20px;
	height: 20px;
	right: 10px;
	top: 50%;
  }
  .con_event .box_event ul li a span.name img {
	height: 6vw;
  }
  .con_event .box_event ul li a span.txt {
	margin-top: 2px;
	font-size: 4vw;
  }
}
/*----------------------------------------------------
	.con_8matsuri
----------------------------------------------------*/
.con_8matsuri {
	width: 100%;
	min-width: 1040px;
}

.con_8matsuri a {
	display: block;
	width: 100%;
	height: 300px;
	position: relative;
	padding-top: 25px;
	overflow: hidden;
	background: #000;
}

.con_8matsuri a:after {
	content: "";
	display: block;
	width: 101%;
	height: 101%;
	background: url(../images/home/bg_8matsuri.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 200ms ease-in-out 0ms;
	-moz-transition: all 200ms ease-in-out 0ms;
	-ms-transition: all 200ms ease-in-out 0ms;
	-o-transition: all 200ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 200ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}

.con_8matsuri a:hover:after {
	width: 105%;
	height: 105%;
	opacity: 0.8;
}

.con_8matsuri a img {
	display: block;
	width: 400px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

@media only screen and (max-width: 928px) {
  .con_8matsuri {
	min-width: 0;
  }

  .con_8matsuri a {
	height: auto;
	padding: 20px;
  }

  .con_8matsuri a:hover:after {
	width: 101%;
	height: 101%;
	opacity: 1;
  }

  .con_8matsuri a img {
	width: 220px;
  }
}
/*----------------------------------------------------
	.con_renovenow
----------------------------------------------------*/
.con_renovenow {
	padding: 50px 0 54px;
	width: 100%;
	min-width: 1040px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.con_renovenow .box_renovenow {
	width: 1040px;
	margin: 0 auto;
	padding: 0 70px;
}
.con_renovenow .box_renovenow ul {
	width: 100%;
	overflow: hidden;
	padding-top: 20px;
	letter-spacing: -0.4em;
}
.con_renovenow .box_renovenow ul li {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin: 38px 0 0 90px;
	width: 405px;
	overflow: hidden;
	-webkit-transition: all 400ms ease-in-out 0ms;
	-moz-transition: all 400ms ease-in-out 0ms;
	-ms-transition: all 400ms ease-in-out 0ms;
	-o-transition: all 400ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 400ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
.con_renovenow .box_renovenow ul li.standby {
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
}
.con_renovenow .box_renovenow ul li:nth-child(2n+1) {
	margin-left: 0;
}
.con_renovenow .box_renovenow ul li a {
	display: block;
}
.con_renovenow .box_renovenow ul li a .img {
	width: 180px;
	float: left;
}
.con_renovenow .box_renovenow ul li a .con_txt {
	width: 205px;
	float: right;
}
.con_renovenow .box_renovenow ul li a .con_txt .date {
	font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0.2ex;
}
.con_renovenow .box_renovenow ul li a .con_txt h4 {
	line-height: 1.4;
	font-weight: bold;
	letter-spacing: 0.2ex;
	padding-bottom: 0.6em;
}
.con_renovenow .box_renovenow ul li a .con_txt .txt {
	padding-top: 5px;
	text-align: justify;
	font-size: 1.3rem;
}
.con_renovenow .box_renovenow .btn_more {
	padding-top: 35px;
}
.con_renovenow .box_renovenow .btn_more a {
	display: block;
	width: 160px;
	margin: 0 auto;
	padding: 10px 0;
	border: 1px solid #000;
	-webkit-transition: all 200ms ease-in-out 0ms;
	-moz-transition: all 200ms ease-in-out 0ms;
	-ms-transition: all 200ms ease-in-out 0ms;
	-o-transition: all 200ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 200ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
.con_renovenow .box_renovenow .btn_more a span {
	display: block;
	height: 14px;
	width: 52px;
	margin: 0 auto;
	padding-top: 14px;
	overflow: hidden;
	background: url(../images/home/btn_more.png) center center no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transition: background-image 200ms ease-in-out 0ms;
	-moz-transition: background-image 200ms ease-in-out 0ms;
	-ms-transition: background-image 200ms ease-in-out 0ms;
	-o-transition: background-image 200ms ease-in-out 0ms;
	transition-property: background-image;
	transition-duration: 200ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
.con_renovenow .box_renovenow .btn_more a:hover {
	background: #000;
}
.con_renovenow .box_renovenow .btn_more a:hover span {
	background-image: url(../images/home/btn_more_act.png);
}

@media only screen and (max-width: 928px) {
  .con_renovenow {
	padding: 30px 0;
	min-width: 0;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat: repeat-y;
  }
  .con_renovenow .box_renovenow {
	width: 100%;
	padding: 0 20px;
  }
  .con_renovenow .box_renovenow ul {
	padding-top: 20px;
  }
  .con_renovenow .box_renovenow ul li {
	display: block;
	margin: 12px 0 0 0;
	width: 100%;
  }
  .con_renovenow .box_renovenow ul li a .img {
	width: 50%;
	padding-right: 4%;
  }
  .con_renovenow .box_renovenow ul li a .con_txt {
	width: 50%;
  }
  .con_renovenow .box_renovenow ul li a .con_txt .date {
	font-size: 1.1rem;
  }
  .con_renovenow .box_renovenow ul li a .con_txt h4 {
	font-size: 1.3rem;
	letter-spacing: normal;
  }
  .con_renovenow .box_renovenow ul li a .con_txt .txt {
	padding-top: 3px;
	font-size: 1.1rem;
  }
  .con_renovenow .box_renovenow .btn_more {
	padding-top: 25px;
  }
  .con_renovenow .box_renovenow .btn_more a {
	width: 80%;
	padding: 14px 0;
  }
  .con_renovenow .box_renovenow .btn_more a span {
	height: 16px;
	width: 100%;
	padding-top: 16px;
  }
  .con_renovenow .box_renovenow .btn_more a:hover {
	background: none;
  }
  .con_renovenow .box_renovenow .btn_more a:hover span {
	background-image: url(../images/home/btn_more.png);
  }
}
/*----------------------------------------------------
	.con_gmap
----------------------------------------------------*/
.con_gmap {
	width: 100%;
	min-width: 1040px;
	background: #fff;
}
.con_gmap .box_gmap {
	width: 100%;
}
.con_gmap .box_gmap #gmap {
	width: 100%;
	height: 500px;
}
.con_gmap .lnk_gmap {
	padding: 10px 15px;
	text-align: right;
}
.con_gmap .lnk_gmap a {
	font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0.2ex;
	text-decoration: underline;
}
.con_gmap .lnk_gmap a:hover {
	text-decoration: none;
}

@media only screen and (max-width: 928px) {
  .con_gmap {
	min-width: 0;
  }
  .con_gmap .box_gmap #gmap {
	height: 300px;
  }
  .con_gmap .lnk_gmap {
	padding: 8px 20px;
  }
}

/*----------------------------------------------------
	.con_howto
----------------------------------------------------*/
.con_howto {
	padding: 50px 0;
}
.con_howto h2 {
	text-align: center;
}
.con_howto h2 a {
	width: auto;
	display: inline-block;
}
.con_howto h2 a > span {
	display: block;
}
.con_howto h2 a > span.en img {
	height: 49px;
}
.con_howto h2 a > span.ja {
	text-align: center;
	display: block;
	padding-top: 10px;
	font-weight: bold;
	color: #ed1e79;
	font-size: 2.6rem;
}
.con_howto h2 a > span.ja br {
	display: none;
}
.con_howto .txt {
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
	margin-top: 20px;
}
.con_howto .box_content {
	-webkit-transition: all 400ms ease-in-out 0ms;
    -moz-transition: all 400ms ease-in-out 0ms;
    -ms-transition: all 400ms ease-in-out 0ms;
    -o-transition: all 400ms ease-in-out 0ms;
    transition-property: all;
    transition-duration: 400ms;
    transition-timing-function: ease-in-out;
    transition-delay: 0ms;
}
.con_howto .standby {
	-webkit-transform: translateY(40px);
	-moz-transform: translateY(40px);
	-ms-transform: translateY(40px);
	-o-transform: translateY(40px);
	transform: translateY(40px);
	opacity: 0;
}
.con_howto .box_logo {
	margin-top: 25px;
	text-align: center;
}
.con_howto .box_logo img {
	height: 122px;
}
.con_howto .btn_more {
	padding-top: 30px;
}
.con_howto .btn_more a {
	display: block;
	width: 160px;
	margin: 0 auto;
	padding: 10px 0;
	border: 1px solid #000;
	-webkit-transition: all 200ms ease-in-out 0ms;
	-moz-transition: all 200ms ease-in-out 0ms;
	-ms-transition: all 200ms ease-in-out 0ms;
	-o-transition: all 200ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 200ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
.con_howto .btn_more a span {
	display: block;
	height: 14px;
	width: 52px;
	margin: 0 auto;
	padding-top: 14px;
	overflow: hidden;
	background: url(../images/home/btn_more.png) center center no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transition: background-image 200ms ease-in-out 0ms;
	-moz-transition: background-image 200ms ease-in-out 0ms;
	-ms-transition: background-image 200ms ease-in-out 0ms;
	-o-transition: background-image 200ms ease-in-out 0ms;
	transition-property: background-image;
	transition-duration: 200ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
.con_howto .btn_more a:hover {
	background: #000;
}
.con_howto .btn_more a:hover span {
	background-image: url(../images/home/btn_more_act.png);
}

@media only screen and (max-width: 928px) {
	.con_howto {
		padding: 40px 0 30px 0;
	}
	.con_howto h2 a > span.en img {
		height: 29px;
	}
	.con_howto h2 a > span.ja {
		font-size: 1.6rem;
		padding-top: 6px;
	}
	.con_howto h2 a > span.ja br {
		display: block;
	}
	.con_howto .txt {
		margin-top: 10px;
		font-size: 1.4rem;
		text-align: left;
		padding: 0 20px;
	}
	.con_howto .box_logo {
		margin-top: 25px;
		padding: 0 20px;
	}
	.con_howto .box_logo img {
		height: auto;
	}
	.con_howto .btn_more {
		padding-top: 25px;
	}
	.con_howto .btn_more a {
		width: 80%;
		padding: 14px 0;
	}
	.con_howto .btn_more a span {
		height: 16px;
		width: 100%;
		padding-top: 16px;
	}
	.con_howto .btn_more a:hover {
		background: none;
	}
	.con_howto .btn_more a:hover span {
		background-image: url(../images/home/btn_more.png);
	}
}

/*----------------------------------------------------
	.con_journal
----------------------------------------------------*/
.con_journal {
	padding: 60px 0;
	width: 100%;
	min-width: 1040px;
	background: url(../images/home/bg_slash02.png) center;
	-webkit-background-size: auto 48px;
	background-size: auto 48px;
}
.con_journal h2 {
	text-align: center;
}
.con_journal h2 a {
	width: auto;
	display: inline-block;
}
.con_journal h2 a > span {
	display: block;
}
.con_journal h2 a > span.en img {
	height: 49px;
}
.con_journal h2 a > span.ja {
	text-align: center;
	display: block;
	padding-top: 10px;
	font-weight: bold;
	font-size: 2.6rem;
}
.con_journal .box_journal {
	width: 1040px;
	margin: 0 auto;
	padding: 0 70px;
}
.con_journal .box_journal ul {
	width: 100%;
	overflow: hidden;
	padding-top: 20px;
	letter-spacing: -0.4em;
}
.con_journal .box_journal ul li {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin: 38px 0 0 90px;
	width: 405px;
	overflow: hidden;
	-webkit-transition: all 400ms ease-in-out 0ms;
	-moz-transition: all 400ms ease-in-out 0ms;
	-ms-transition: all 400ms ease-in-out 0ms;
	-o-transition: all 400ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 400ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
.con_journal .box_journal ul li.standby {
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
}
.con_journal .box_journal ul li:nth-child(2n+1) {
	margin-left: 0;
}
.con_journal .box_journal ul li a {
	display: block;
	overflow: hidden;
}
.con_journal .box_journal ul li .img {
	width: 180px;
	float: left;
	border: 3px solid #fff;
}
.con_journal .box_journal ul li .img img {
	vertical-align: top;
}
.con_journal .box_journal ul li .con_cat {
	margin-bottom: 5px;
}
.con_journal .box_journal ul li .con_cat p {
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
}
.con_journal .box_journal ul li .con_cat p span {
	display: inline-block;
	white-space: nowrap;
	color: #fff;
	font-size: 1rem;
	background: #000000;
	padding: 2px 5px;
	min-width: 70px;
	text-align: center;
}
.con_journal .box_journal ul li .con_txt {
	width: 205px;
	float: right;
}
.con_journal .box_journal ul li .con_txt .date {
	font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0.2ex;
}
.con_journal .box_journal ul li .con_txt h3 {
	line-height: 1.4;
	font-weight: bold;
	letter-spacing: 0.2ex;
}
.con_journal .box_journal ul li .con_txt .txt {
	padding-top: 5px;
	text-align: justify;
	font-size: 1.3rem;
}
.con_journal .box_journal .btn_more {
	padding-top: 60px;
}
.con_journal .box_journal .btn_more a {
	display: block;
	width: 160px;
	margin: 0 auto;
	padding: 10px 0;
	border: 1px solid #000;
	-webkit-transition: all 200ms ease-in-out 0ms;
	-moz-transition: all 200ms ease-in-out 0ms;
	-ms-transition: all 200ms ease-in-out 0ms;
	-o-transition: all 200ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 200ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
.con_journal .box_journal .btn_more a span {
	display: block;
	height: 14px;
	width: 52px;
	margin: 0 auto;
	padding-top: 14px;
	overflow: hidden;
	background: url(../images/home/btn_more.png) center center no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transition: background-image 200ms ease-in-out 0ms;
	-moz-transition: background-image 200ms ease-in-out 0ms;
	-ms-transition: background-image 200ms ease-in-out 0ms;
	-o-transition: background-image 200ms ease-in-out 0ms;
	transition-property: background-image;
	transition-duration: 200ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
.con_journal .box_journal .btn_more a:hover {
	background: #000;
}
.con_journal .box_journal .btn_more a:hover span {
	background-image: url(../images/home/btn_more_act.png);
}

@media only screen and (max-width: 928px) {
  .con_journal {
	padding: 40px 0 30px 0;
	min-width: 0;
	-webkit-background-size: auto 24px;
	background-size: auto 24px;
  }
  .con_journal h2 a > span.en img {
  	height: 29px;
  }
  .con_journal h2 a > span.ja {
  	font-size: 1.6rem;
  }
  .con_journal .box_journal {
	width: 100%;
	padding: 0 20px;
  }
  .con_journal .box_journal ul {
	padding-top: 20px;
  }
  .con_journal .box_journal ul li {
	display: block;
	margin: 12px 0 0 0;
	width: 100%;
  }
  .con_journal .box_journal ul li .img {
	width: 46%;
	margin-right: 4%;
  }
  .con_journal .box_journal ul li .con_txt {
	width: 50%;
  }
  .con_journal .box_journal ul li .con_cat p {
  	margin-right: 5px;
  }
  .con_journal .box_journal ul li .con_txt .date {
	font-size: 1.1rem;
  }
  .con_journal .box_journal ul li .con_txt h4 {
	font-size: 1.3rem;
	letter-spacing: normal;
  }
  .con_journal .box_journal ul li .con_txt .txt {
	padding-top: 3px;
	font-size: 1.1rem;
  }
  .con_journal .box_journal .btn_more {
	padding-top: 25px;
  }
  .con_journal .box_journal .btn_more a {
	width: 80%;
	padding: 14px 0;
  }
  .con_journal .box_journal .btn_more a span {
	height: 16px;
	width: 100%;
	padding-top: 16px;
  }
  .con_journal .box_journal .btn_more a:hover {
	background: none;
  }
  .con_journal .box_journal .btn_more a:hover span {
	background-image: url(../images/home/btn_more.png);
  }
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}

#colorbox, #cboxWrapper {
	overflow: visible;
}

#cboxWrapper {
	max-width: none;
}

#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
	clear: left;
}

#cboxContent {
	position: relative;
}

#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#cboxTitle {
	margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor: pointer;
}

.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
	max-width: none;
	-ms-interpolation-mode: bicubic;
}

.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
	background: rgba(255, 255, 255, 0.95);
}

#colorbox {
	outline: 0;
}

#cboxContent {
	margin-top: 20px;
	background: #000;
}

.cboxIframe {
	background: #fff;
}

#cboxError {
	padding: 50px;
	border: 1px solid #ccc;
}

#cboxLoadedContent {
	border: 5px solid #fff;
	background: #fff;
}

#cboxTitle {
	position: absolute;
	top: -20px;
	left: 0;
	color: #ccc;
}

#cboxCurrent {
	position: absolute;
	top: -20px;
	right: 0px;
	color: #ccc;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
	border: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	width: auto;
	background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
	outline: 0;
}

#cboxSlideshow {
	position: absolute;
	top: -20px;
	right: 90px;
	color: #fff;
}

#cboxPrevious {
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -32px;
	width: 28px;
	height: 65px;
	text-indent: -9999px;
}

#cboxPrevious:hover {
	background-position: bottom left;
}

#cboxNext {
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -32px;
	width: 28px;
	height: 65px;
	text-indent: -9999px;
}

#cboxNext:hover {
	background-position: bottom right;
}

#cboxClose {
	position: absolute;
	top: -40px;
	right: 0;
	display: block;
	width: 38px;
	height: 38px;
	text-indent: -9999px;
}
#cboxClose:after, #cboxClose:before {
	content: "";
	display: block;
	position: absolute;
	width: 38px;
	height: 2px;
	top: 50%;
	left: 0;
	margin-top: -1px;
	background: #b3245c;
}
#cboxClose:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#cboxClose:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#cboxClose:hover {
	background-position: bottom center;
}

/* =================================================== *

    20201015 行間、文字間調整ラッパー

 * =================================================== */
.top-title {
  margin-bottom: 25px;
}
.top-howto-text2 {
  letter-spacing: .1ex;
  line-height: 2.2;
}

/*
.con_intro .box_intro .st .ja {
    letter-spacing: 0.4ex;
    padding-top: 25px;
}


.btn-black > a {
    letter-spacing: .2ex;
}

.top-title-desc {
    letter-spacing: .2ex;
}

#top-works-wrap > .element h3 {
    line-height: 1.8;
    letter-spacing: .2ex;
}

#top-works-wrap > .element .renovetag-list > li {
    line-height: 2;
    letter-spacing: .2ex;
    margin-right: .75em;
}
*/
#top-works-wrap > .element .renovetag-list > li {
  margin-right: .75em;
}

#top-journal .box_journal ul li .con_cat p {
    margin-bottom: 5px;
}
#top-journal .box_journal ul li .con_txt h3 {
    line-height: 1.5;
}
/*
#top-designlist > .element > .inner > .el-right > .row1 .date {
    letter-spacing: .2ex;
}
#top-designlist > .element > .inner > .el-right > .title {
    margin-bottom: 5px;
    line-height: 1.8;
    letter-spacing: .2ex;
}
#top-designlist > .element > .inner > .el-right > .category {
    letter-spacing: .2ex;
  margin-bottom: 5px;
}
#top-designlist > .element > .inner > .el-right > .honbun {
    line-height: 1.8;
    letter-spacing: .1ex;
}
*/

@media only screen and (max-width: 928px) {
  /*
  .top-title {
    margin-bottom: 12px;
  }
  */
  .top-howto-text2 {
    line-height: 2;
  }
  
  #top-journal .box_journal ul li .con_cat {
      margin-bottom: 0;
  }
  #top-journal .box_journal ul li .con_txt h3 {
      line-height: 1.8;
      font-size: 1.3rem;
      margin-top: 0;
  }
}

@media only screen and (min-width: 480px) and (max-width: 928px) {
  #header h1 {
    width: 100px;
  }
  .con_intro .box_intro .headline {
    width: 180px;
    margin-bottom: 10px;
  }
  .con_intro .box_intro .st .en {
    width: 220px;
  }
  
  
}

/* =================================================== *

   表示切り替え

 * =================================================== */
.sp-only, .xs-only {
  display:none;
}

@media screen and (max-width: 928px) {
  .pc-only {
    display: none !important;
  }
  .sp-only {
    display:block;
  }
}

@media screen and (max-width: 374px) {
  .sp-only {
    display:none !important;
  }
	.xs-only {
		display: block;
	}
}