@charset "utf-8";

/*====================================
サイト骨格CSS
====================================*/
html{
	font-size: 16px;
	scroll-behavior: smooth;}

body{
	font-family: YuGothic,YakuHanJP,"Noto Sans JP","游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif; 
	font-feature-settings: "palt";
	color: #000;}
	
.wrap {
	overflow: hidden;}

@media only screen and (max-width: 1000px) {

.no-scroll{
	overflow: hidden;}}

@media only screen and (max-width: 812px) {
html{
	/*タブレット表示リキッド時CSS*/
    /*font-size: calc(100vw / 81.2);*//*fz10px基準*/}
}

@media only screen and (max-width: 520px) {
html{
    font-size: calc(100vw / 52);/*fz10px基準*/}
}

/*====================================
汎用CSS
====================================*/

/*=== コンテンツ領域CSS ===*/
.box1200_100{
	width: 100%;
	max-width:1200px;
	margin: 0 auto;}
	
.box1170_100{
	width: 100%;
	max-width:1170px;
	margin: 0 auto;}
	
.m-lr40{
	margin:0 40px;}
	
.m-lr30{
	margin:0 30px;}
	
.m-lr30-15{
	margin:0 30px;}
	
.m-lr15{
	margin:0 15px;}
	
.m-lr15-0{
	margin:0 15px;}

.box_0{
	margin: 0;
	padding: 0;}

.box_0center{
	margin: 0 auto;
	padding: 0;}
	
@media (max-width: 812px)  {
.box1200_100, .box1170_100{
	width:100%;}
	
/*タブレット表示リキッド時CSS*/
/*.m-lr30,
.m-lr30-15{
	margin:0 3.69vw;}

.m-lr15,
.m-lr15-0{
	margin:0 1.84vw;}*/
}
	
@media (max-width: 520px)  {
.m-lr40{
	margin:0 4.0rem;}

.m-lr30{
	margin:0 3.0rem;}
	
.m-lr30-15{
	margin:0 1.5rem;}
	
.m-lr15{
	margin:0 1.5rem;}
	
.m-lr15-0{
	margin:0 0;}
}

/*=== 表示・非表示CSS ===*/
.d-1200{
	display:none;}

.d-960{
	display:none;}

.d-812{
	display:none;}
	
.d-750{
	display:none;}
	
.d-650{
	display:none;}
	
.d-520{
	display:none;}

@media only screen and (max-width: 1200px) {
.d-1200{
	display:block;}
	
.d-1200none{
	display:none;}}

@media only screen and (max-width: 960px) {
.d-960{
	display:block;}
	
.d-960none{
	display:none;}}

@media only screen and (max-width: 812px) {
.d-812{
	display:block;}
	
.d-812none{
	display:none;}}

@media only screen and (max-width: 750px) {
.d-750{
	display:block;}
	
.d-750none{
	display:none;}}

@media only screen and (max-width: 650px) {
.d-650{
	display:block;}
	
.d-650none{
	display:none;}}
	
@media only screen and (max-width: 520px) {
.d-520{
	display:block;}
	
.d-520none{
	display:none;}}


/*=== float=== */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0;
	height: 0;}
	
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*=== その他CSS ===*/
.position_r {
	position:relative;}

.tra_03{
	transition:0.3s;}
.vtop {
	vertical-align: top;}

@media(hover: hover) {	
.btn:hover {
	filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;}

.btn:hover img{
	filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;}
}



/*=== font ===*/
.tx_mincho {
	font-family: '游明朝', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'ＭＳ 明朝', serif;}
	
.tx_cg {
	font-family: 'Century Gothic', '游ゴシック', 'YuGothic';}


/*=== fadein ===*/
.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;}

@media (max-width: 813px)  {
.fadein {
	opacity : 1.0;
	transform: none;
	transition: none;}
}


/*=== fade ===*/
.fadeInUpObj, .fadeInObj{visibility:hidden;}

/* animate.css */
.animated, .fadeInUp, .fadeOutDown, .fadeIn, .fadeOut{
    visibility: visible;}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;}
  
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;}
  
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;}