/*imagepark hp-omakase*/

html {margin:0px; padding:0px; font-size: 62.5%;scroll-behavior: smooth;}

body { margin:0px; padding:0px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#333;
-webkit-text-size-adjust: 100%;
min-height: 100vh;
background-color: #fff;

}
a {
  color: inherit;
  text-decoration: none;
}
/*-----------------------------------------------------*/

ul {margin:0px; padding:0px; list-style:none;}
ol {margin:0px; padding:0px; list-style:none;}
li {margin:0px; padding:0px;}

dl,dt,dd {margin:0px; padding:0px;}

.fl {float:left;}
.fr {float:right;}

.mr10 { margin-right:10px;}
.mr20 { margin-right:20px;}
.ml10 { margin-left:10px;}
.ml30 { margin-left:30px;}
.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb40 { margin-bottom:40px;}

img {border:0px;vertical-align: text-bottom;image-rendering: -webkit-optimize-contrast;
}

.red {color:#E90522;}

/*-----------------------------------------------------*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*-----------------------------------------------------*/



/*-----------------------------------------------------*/


.tennai_info.survice_info{
height: 160px;

}

h1{
margin: 0!important
}

.movel_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.movel_up.on {
  transform: translateY(0);
  opacity: 1.0;
}

.scroll_right {
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    transform: translateX(30px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.scroll_right.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}

.scroll_left {
    -webkit-transition: 2.6s ease-in-out;
    -moz-transition: 2.6s ease-in-out;
    -o-transition: 2.6s ease-in-out;
    transition: 2.6s ease-in-out;
    transform: translateX(-30px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.scroll_left.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}
	
.slide-right {
	-webkit-animation: slide-right 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.8s both;
	        animation: slide-right 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.8s both;
}
	
@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
	 opacity: 0;
  }
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-26%);
	   opacity: 1.0;
  }
}


	
.slide-top {
	-webkit-animation: slide-top 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2.4s both;
	        animation: slide-top 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2.4s both;
}
	
@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
	 opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-26%);
	   opacity: 1.0;
  }
}

.slide-top-02 {
	-webkit-animation: slide-top 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.8s both;
	        animation: slide-top 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.8s both;
}	
	
@-webkit-keyframes slide-top-02 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
	  opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-58%);
            transform: translateY(-20%);
	  opacity: 1.0;
  }
}
.timing01 {transition-delay: .2s;}
.timing02 {transition-delay: .4s;}
.timing03 {transition-delay: .8s;}
.timing04 {transition-delay: 1.2s;}
.timing05 {transition-delay: 1.6s;}
.timing06 {transition-delay: 2.0s;}


.timing_01 {animation-delay: .2s;}
.timing_02 {animation-delay: .4s;}
.timing_03 {animation-delay: .8s;}

#wrapper {
min-height: 100vh;
    position: relative;/*←相対位置*/
    padding-bottom: 120px;/*←footerの高さ*/
    box-sizing: border-box;
	margin-top: 20px;
	overflow: hidden;
	
	
}
/* pc */
@media only screen and (min-width: 769px) {

/*左から右にフェードイン*/
.fadein {
  opacity: 0;
  transition: all 5.0s ease;

}
.fadein.show {
  opacity: 1;
  transform: none;
}

 
.fadein--lr {
  transform: translate(-100px, 0);
	
}
 
.fadein--rl {
  transform: translate(100px, 0);
}
 
.fadein--up {
  transform: translate(0, 100px);
}
 
.fadein--down {
  transform: translate(0, -100px);
}
 
.fadein--scaleUp {
  transform: scale(.5);
}
 
.fadein--scaleDown {
  transform: scale(1.5);
}
 
.fadein--rotateL {
  transform: rotate(180deg);
}
 
.fadein--rotateR {
  transform: rotate(-180deg);
}

#head {
	width:96%;
	max-width:1200px;
	margin:0 auto;
	position:relative;
}

#head h1 {
	margin:0px;
	padding:0px;
}

#head .logo {
	width:14%;
	height: auto;
	float:left;
	margin-bottom:15px;
}

	#head .logo img {
	width:100%;

}
	
	
#head .headmenu {
	position:absolute;
	right:0px;
	top:25px;
	
}





#foot {
	border-top:#DDDDDD 1px solid;
	padding:30px 15px;
}


.foot_left {
	width:50%;
	float:left;

}


#copy {
	text-align:right;
	margin:20px auto;
	font-size:80%;
	width:50%;
	float:right;
}

}



/* tabret */
@media only screen and (max-width:768px)  {



#head {
	width:96%;
	margin:0 auto;
	position:relative;
}

#head h1 {
	margin:0px;
	padding:0px;
}

#head .logo {
	width:19.1%;
	float:left;
	margin-bottom:15px;
}

#head .logo img {
	width:100%;
	height:auto;
}

#head .headmenu {
	position:absolute;
	right:0px;
	top:10px;
	
}





#foot {
	border-top:#DDDDDD 1px solid;
	padding:30px 15px;
}


.foot_left {
	width:100%;
	float:none;
	text-align:center;

}


#copy {
	text-align:right;
	margin:20px auto;
	font-size:80%;
	width:100%;
	float:none;
	text-align:center;
}

}
/* sphone */
@media only screen and (max-width: 640px) {

	
#head .logo {
	width:20%;
	float:left;
	margin-bottom:15px;
	margin-left: 10px;
}

#head .logo img {
	width:100%;
	height:auto;
}

#head .headmenu {
	position:absolute;
	right:0px;
	top:10px;
	width:50%;
	height: auto;
}

#head .headmenu img {
	width:20%;
	height:auto;
}
	
#foot {
	border-top:#DDDDDD 1px solid;
	padding:30px 15px;
}


.foot_left {
	width:100%;
	float:none;
	text-align:center;

}


#copy {
	text-align:right;
	margin:20px auto;
	font-size:80%;
	width:100%;
	float:none;
	text-align:center;
}


}

.c-txt {
  color: #ff701e;
  display: inline-block;
  font-size: 1.8rem;
  letter-spacing: 0.06em;
font-weight: bold;
}


.c-txt.line {
  padding-bottom: 5px;
  position: relative;
}
.c-txt.line::before {
  background: #ffffff;
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
.c-txt.line:hover{
 font-weight: bold;
}

.c-txt.line:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}
 
.anim-box.slide-skew.is-animated {
  animation: slide-skew 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}
 
@keyframes slide-skew {
  0% {
    transform: translate(180px,30px);
    opacity: 0;
  }
  100% {
    transform: translate(0,0);
  }
  20%,100% {
    opacity: 1;
  }
}