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

.key__visual {
  min-width: 1000px;
  height: 360px;
  background: url(../images/key_visual.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.key__visual img {
  width: 100%;
}
.index.content {
  margin-top: 0;
}
.headline01 {
	font-size: 3rem;
	text-align: center;
	margin-bottom: 30px;
}
.about__section {
  padding: 80px 0;
  word-break: break-all;
}
.about__section .wrap {
  max-width: 785px;
  width: 100%;
}
.about__headline01 {
  padding-bottom: 31px;
  font-size: 3rem;
  text-align: center;
  letter-spacing: 1.5px;
}
.about__headline02 {
  padding-bottom: 15px;
  font-size: 2.4rem;
  text-align: center;
}
.about__headline02 span{
	background: linear-gradient(transparent 70%, #ff0 0%);
}
.about__headline03 {
	color: #584728;
	font-size: 2.2rem;
	font-weight: 700;
	margin: 0 auto 40px;
	text-align: center;
}
.about__headline03 span{
	padding: 0 0 5px;
	border-bottom: solid 1px #000;
	position: relative;
	display: inline-block;
}
.about__headline03 span:after{
  content:"";
  display: block;
  width: 10px;
  height: 15px;
  background: url(../../common/images/cmn_deco05.png) no-repeat center bottom;
  background-size: 10px 15px;
  position: absolute;
  right: 0;
	left: 0;
  top: 100%;
	margin: 0 auto;
}
.about__headline04 {
	color: #594828;
	font-size: 1.8rem;
	font-weight: 700;
	margin: 0 auto 30px;
	text-align: center;
}
.about__headline04 span{
	position: relative;
}
.about__headline04 span:before{
  content:"";
  display: block;
  width: 13px;
  height: 36px;
  background: url(../../common/images/cmn_deco06.png) no-repeat center center;
  background-size: 13px 36px;
  position: absolute;
	left: -25px;
  top: 0;
	bottom: 0;
	margin: auto;
}
.about__headline04 span:after{
  content:"";
  display: block;
  width: 13px;
  height: 36px;
  background: url(../../common/images/cmn_deco07.png) no-repeat center center;
  background-size: 13px 36px;
  position: absolute;
	right: -25px;
  top: 0;
	bottom: 0;
	margin: auto;
}
.promotionmovie {
	text-align: center;
	margin-bottom: 120px;
}
.promotionmovie iframe {
	margin: 0 auto;
}
.oripa__meritlist{
	margin: 0 0 30px;
}
.oripa__meritlist li{
  font-size: 1.6rem;
	margin: 0 1em 5px 0;
	display: inline-block;
}
.oripa__meritlist li:before{
	content:"●";
	color:#eac682;
	font-size: 1.2rem;
}
.oripa__meritlist li:last-child:before{
	content: none;
}
.long__text {
  margin-bottom: 50px;
  font-size: 1.6rem;
  line-height: 1.65;
}
.long__text.text01{
  margin-bottom: 30px;
}
.long__text span{
  font-size: 1.8rem;
	font-weight: 700;
}
.long__text.text04 {
  padding-bottom: 48px;
}
.oripa__pointlist{
	margin: 0 0 55px;
}
.oripa__pointlist li{
	float: left;
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
	line-height: 1;
	width: 180px;
	height: 74px;
	margin: 0 2% 0 0;
	background: url(../images/img_bgbox01.png) no-repeat center center;
	background-size: 180px 74px;
	position: relative;
}
.oripa__pointlist li div{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 0.01em;
	padding: 0.5em 1.5em 0 0;
}
.oripa__pointlist li:nth-child(4){
	margin: 0;
}
.about__list{
	margin: 0 0 60px;
}
.about__list li{
	float: left;
	width: 195px;
	margin: 0 0 30px;
	padding: 0 20px 0 0;
	position: relative;
}
.about__list li:nth-child(4){
	padding: 0;
}
.about__list li:after{
	content:"";
	width: 24px;
	height:14px;
  background: url(../images/icon_arrow.png) center center no-repeat;
	background-size: 24px 14px;
	position: absolute;
	right: -5px;
	top: 0;
	bottom: 0;
	margin:auto 0;
}
.about__list li:nth-child(8):after{
  background: none;
}
.about__list li img{
	width: 125px;
	margin: 0 auto 5px;
	display: block;
}
.about__list li span{
	color: #584728;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	margin: 0 0 5px;
	display: block;
}
.about__list li div{
	width: 168px;
	min-height: 4.5em;
	margin: 0 auto;
}


@media only screen and (max-width: 800px) {
.key__visual {
	min-width: unset;
	height: auto;
	background-image: none;
}
.index.content {
	margin-top: 65px;
}
.headline01 {
	font-size: 2.4rem;
	margin-bottom: 20px;
}
.about__section {
	padding: 20px 0 0;
}
.about__headline01,
.about__headline02,
.about__headline03 {
	font-size: 1.8rem;
}
.about__headline04 {
	font-size: 1.6rem;
	margin: 0 auto 20px;
}
.promotionmovie {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 60px;
}
.promotionmovie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.long__text {
	font-size: 1.4rem;
	margin-bottom: 40px;
	}
.about__section	h1.mb30{
	margin-bottom: 15px!important;
}	
.oripa__meritlist{
	margin: 0 0 60px;
}
.oripa__meritlist li{
	font-size: 1.4rem;
	line-height: 1.6;
	text-indent: -1em;
	padding: 0 0 0 1em;
	display: block;
}
.oripa__meritlist li:last-child{
	text-align: right;
}
.oripa__pointlist{
	margin: 0 0 30px;
}
.oripa__pointlist li{
	font-size: 1.3rem;
	width: 48%;
	height: 75px;
	margin: 0 1%;
	background: url(../images/img_bgbox01.png) no-repeat center center;
	background-size: 100%;
}
.oripa__pointlist li:nth-child(4){
	margin: 0 1%;
}	
	.oripa__pointlist li div{
		padding: 0 1em 0 0;
	}
.about__list {
	width: 100%;
}
.about__list li{
	width: 42%;
	margin: 0 4%;
	padding: 0;
}
.about__list li:after{
	right: -5%;
	top: -10%;
}
.about__list li img{
	width: 75%;
	margin: 0 auto 10px;
}
.about__list li span{
	font-size: 1.3rem;
	margin: 0 0 5px;
}
.about__list li div{
	font-size: 1.2rem;
	width: auto;
	min-height: 6em;
}
.about__list li:nth-child(4){
	padding: 0;
}
.about__list li:nth-child(7) img{
	margin: 0 auto;
}
.about__list li:nth-child(odd):after{
	right: -15%;
	top: -10%;
}
}
@media only screen and (device-height: 568px),
	only screen and (device-width: 568px) {	
.oripa__pointlist li{
	font-size: 1.3rem;
	width: 48%;
	height: 65px;
	margin: 0 1%;
	background: url(../images/img_bgbox01.png) no-repeat center center;
	background-size: 100%;
}
}



/*----------------------------
movedeco
----------------------------*/
.movedeco .wrap {
	top: 280px;
}
.movedeco .wrap {
  max-width: 1250px;
  width: 100%;
}
.movedeco__deco{
  display: block;
  position: absolute;
  visibility: hidden;
  -webkite-visibility: hidden;
	overflow: hidden;
  opacity: 0;
}
.movedeco__deco.on{
  visibility: visible;
  -webkite-visibility: visible;
  opacity: 1;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all  1s ease;
}
.movedeco__deco1 {
  background: url(../../about/images/cmn_moving_deco01.png) no-repeat center;
  width: 201px;
  height: 202px;
  top: 76px;
  left: -13px;
}
.movedeco__deco2 {
  background: url(../../about/images/cmn_moving_deco09.png) no-repeat center;
  width: 130px;
  height: 131px;
  top: 274px;
  right: 51px
}
.movedeco__deco3 {
  background: url(../../about/images/cmn_moving_deco02.png) no-repeat center;
  width: 107px;
  height: 79px;
  top: 243px;
  left: 77px;
}
.movedeco__deco4 {
  background: url(../../about/images/cmn_moving_deco10.png) no-repeat center;
  width: 66px;
  height: 56px;
  top: 484px;
  right: 108px;
}
.movedeco__deco5 {
  background: url(../../about/images/cmn_moving_deco19.png) no-repeat center;
  width: 56px;
  height: 56px;
  top: 484px;
  left: 99px;
}
.movedeco__deco6 {
  background: url(../../about/images/cmn_moving_deco11.png) no-repeat center;
  width: 60px;
  height: 61px;
  top: 578px;
  right: 50px;
}
.movedeco__deco7 {
  background: url(../../about/images/cmn_moving_deco04.png) no-repeat center;
  width: 121px;
  height: 162px;
  top: 624px;
  left: 12px;
}
.movedeco__deco8 {
  background: url(../../common/images/cmn_moving_deco8.png) no-repeat center;
  width: 46px;
  height: 45px;
  top: 803px;
  right: 125px;
}
.movedeco__deco9 {
  background: url(../../about/images/cmn_moving_deco20.png) no-repeat center;
  width: 92px;
  height: 116px;
  top: 898px;
  left: 73px;
}
.movedeco__deco10 {
  background: url(../../about/images/cmn_moving_deco13.png) no-repeat center;
  width: 78px;
  height: 58px;
  top: 904px;
  right: 47px;
}
.movedeco__deco11 {
  background: url(../../about/images/cmn_moving_deco07.png) no-repeat center;
  width: 93px;
  height: 100px;
  top: 1121px;
  left: 81px;
}
.movedeco__deco12 {
  background: url(../../about/images/cmn_moving_deco15.png) no-repeat center;
  width: 58px;
  height: 49px;
  top: 1109px;
  right: 87px;
}
.movedeco__deco13 {
  background: url(../../about/images/cmn_moving_deco18.png) no-repeat center;
   width: 65px;
  height: 58px;
  top: 1293px;
  left: 63px;
}
.movedeco__deco14 {
  background: url(../../about/images/cmn_moving_deco16.png) no-repeat center;
  width: 113px;
  height: 113px;
  top: 1185px;
  right: 12px;
}
.movedeco__deco15 {
  background: url(../../about/images/cmn_moving_deco17.png) no-repeat center;
  width: 46px;
  height: 47px;
  top: 1316px;
  right: 107px;
}
.movedeco__deco16 {
  background: url(../../about/images/cmn_moving_deco01.png) no-repeat center;
  width: 201px;
  height: 202px;
  top: 1414px;
  left: -13px;
}
.movedeco__deco17 {
  background: url(../../about/images/cmn_moving_deco09.png) no-repeat center;
  width: 130px;
  height: 131px;
  top: 1512px;
  right: 51px
}
.movedeco__deco18 {
  background: url(../../about/images/cmn_moving_deco02.png) no-repeat center;
  width: 107px;
  height: 79px;
  top: 1643px;
  left: 77px;
}
.movedeco__deco19 {
  background: url(../../about/images/cmn_moving_deco10.png) no-repeat center;
  width: 66px;
  height: 56px;
  top: 1784px;
  right: 108px;
}
.movedeco__deco20 {
  background: url(../../about/images/cmn_moving_deco19.png) no-repeat center;
  width: 56px;
  height: 56px;
  top: 1884px;
  left: 99px;
}
