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



/*Top slide-show
-----------------------------------------------------------*/
.common-wrapper .base_ttl01 {
  font-size: 2.5em; }
.common-wrapper .base_ttl01 span {
    padding-top: 7px; }

.swiper-wrapper .swiper-slide{
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: -webkit-calc
  
  
  (100vh - 100px) !important;
  height: -moz-calc(100vh - 100px) !important;
  height: -o-calc(100vh - 100px) !important;
  height: calc(100vh - 100px) !important;
  position:relative;
  z-index:0.5 !important;
}

.swiper-button-prev {
  background-image: url("../images/arrow_left.svg") !important;
}

.swiper-button-next {
  background-image: url("../images/arrow_right.svg") !important;
}

.swiper-container .swiper-pagination-bullet-active {
  background: #fff;
}

.txt_area {
  position: absolute;
  width: 100%;
  text-align: center;
  color:#fff;
  top: 35%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 50px;
}

.txt_area img{
	width:300px;
	height:auto;
	margin:0 auto;
}

.txt_area p.space {
    font-size:120px;
	color:#060;
	line-height:1em;
	font-family: 'Bebas Neue', cursive;
	font-weight:normal;
}

.txt_area .txt h1{
	font-size:30px;
	color:#000;
	font-family: 'Noto Sans JP', sans-serif;
	line-height:1.5em;
	font-weight:bold;
}

@media screen and (max-width:1194px) {
	
.swiper-wrapper .swiper-slide{
	height:600px !important;
}

.txt_area {
  top: 40%;
}

.txt_area img{
	width:250px;
}
	
}

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

.txt_area {
  top: 35%;
}

.txt_area p.space {
    font-size:84px;
}
	
.txt_area .txt h1{
	font-size:24px;
}

}

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

.txt_area p.space {
    font-size:72px;
}
	
.txt_area .txt h1{
	font-size:20px;
}

}

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

.txt_area p.space {
    font-size:55px;
}
	
.txt_area .txt h1{
	font-size:18px;
}

}




/*Base Content
-----------------------------------------------------------*/
#wrapp{
	width:100%;
	overflow:hidden;
	padding-bottom:100px;
	position:relative;
}

.box{
	width:100%;
	padding:75px 0 75px 0;
}

.bg-white{
	background:#fff;
}

.bg-green{
	background:#e7f2df;
}

.contents{
	width:1194px;
	height:auto;
	margin:0 auto;
}

.contents-950{
	width:950px;
	height:auto;
	margin:0 auto;
}

.contents-600{
	width:600px;
	height:auto;
	margin:0 auto;
}

.contents-100per{
	width:100%;
}

h2 img{
	width:75px;
	height:auto;
	margin:0 auto;
}

h2{
	text-align:center;
	font-size:36px;
	color:#060;
	margin-bottom:50px;
	font-family: 'Noto Sans JP', sans-serif;
}

h2 span.big{/*ie-help,ie-conference 2ヶ所共通*/
	font-size:60px;
	color:#C00;
	font-weight:normal;
	line-height:1.3em;
	letter-spacing:0.1em;
}

p.b-text{/*黒文字*/
	color:#555;
	font-size:17px;
	font-family: 'Noto Sans JP', sans-serif;
}

p.w-text{/*白文字*/
	color:#fff;
	font-size:17px;
	font-family: 'Noto Sans JP', sans-serif;
}

p.r-text{/*赤文字*/
	color:#C00;
	font-size:24px;
	font-weight:bold;
	font-family: 'Noto Sans JP', sans-serif;
}

span.e-text{/*英文字*/
	color:#F90;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	line-height:1em;
	letter-spacing:0.025em;
	font-family: 'Bebas Neue', cursive;
}

h3.h3-100{
	text-align:center;
	color:#fff;
	font-size:48px;
	background:#390;
	padding:30px 2.5%;
	font-family: 'Noto Sans JP', sans-serif;
	line-height:1.5em;
}

br.sp-br{
	display:none;
}

.list {
  overflow: hidden;
}

.list li {
  opacity: 0;
}

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

.contents{
	width:92%;
}

.contents-100per{
	width:100% !important;
}

}

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

.contents-950{
	width:92% !important;
}

}

@media screen and (max-width:896px) {
	
p.b-text{/*黒文字*/
	font-size:15px;
}

p.w-text{/*白文字*/
	font-size:15px;
}

}

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

h2{
	font-size:30px;
}

h2 span.big{/*ie-help,ie-conference 2ヶ所共通*/
	font-size:48px;
	/*letter-spacing:0;*/
}

h3.h3-100{
	font-size:36px;
}

}

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

h2 span.big{/*ie-help,ie-conference 2ヶ所共通*/
	font-size:40px;
}

}

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

h2{
	font-size:24px;
}

}




/*Trouble
-----------------------------------------------------------*/

/*このようなお悩みはありませんか？ 以下*/

#ie-trouble ul{
	margin-bottom:50px;
}

#ie-trouble ul.trouble li.left img{
	float: left;
	width:572px;
	height:auto;
}

#ie-trouble ul.trouble li.right{
	float:right;
	width:572px;
}

#ie-trouble ul.question li.right img{
	float:right;
	width:350px;
	height:auto;
}

#ie-trouble ul.question li.left{
	float:left;
	width:794px;
}

#ie-trouble ul.question li.left p.q-text{
	width:100%;
	font-size:20px;
	border-radius:0.75em;
	text-shadow:2px 2px 3px #CC9;
	padding:20px 5%;
	margin-bottom:10px;
	background: url(../images/old_map.png) repeat 0 0;
	color:#333;
}

/* 一般的な流れ 以下*/

#ie-trouble h4.h4-example,
#ie-trouble ul.example li,
#ie-trouble ul.example li span,
#ie-trouble ul.example li h5,
p.example-allow{
	line-height:1em;
}

#ie-trouble h4.h4-example{
	text-align:center;
	font-size:30px;
}

#ie-trouble ul.example li{
	float:left;
	width:388px;
	padding:10px 2% 20px 2%;
	margin-right:15px;
	text-align:center;
	border:8px double #FC0;
}

#ie-trouble ul.example li.last{
	margin-right:0;
}

#ie-trouble ul.example li span{
	font-size:72px;
	font-family: 'Bebas Neue', cursive;
	color:#FC0;
}

#ie-trouble ul.example li img{
	width:300px;
	height:auto;
	margin:0 auto;
}

#ie-trouble ul.example li h5{
	font-size:24px;
}

#ie-trouble p.example-allow{
	text-align:center;
	font-size:72px;
	color:#fc0;
}

@media screen and (max-width:1194px) {
	
/*このようなお悩みはありませんか？ 以下*/

#ie-trouble ul.trouble li.left img{
	width:48%;
}

#ie-trouble ul.trouble li.right{
	width:48%;
}

#ie-trouble ul.question li.right img{
	width:30%;
}

#ie-trouble ul.question li.left{
	width:66%;
}

/* 一般的な流れ 以下*/

#ie-trouble ul.example li{
	width:32%;
	margin-right:2%;
}

#ie-trouble ul.example li h5{
	line-height:1.3em;
}

#ie-trouble ul.watashi li{
	height:180px;
}

#ie-trouble ul.example li img{
	width:100%;
}

}

@media screen and (max-width:736px) {
	
/*このようなお悩みはありませんか？ 以下*/
	
#ie-trouble ul.trouble li.left img{
	float:none;
	width:100%;
	margin-bottom:30px;
}

#ie-trouble ul.trouble li.right{
	float:none;
	width:100%;
}

#ie-trouble ul.question li.right img{
	float:none;
	width:350px;
	margin:0 auto;
}

#ie-trouble ul.question li.left{
	float:none;
	width:100%;
}

#ie-trouble p.example-allow{
	margin-top:20px;
}

}

@media screen and (max-width:667px) {
	
/* 一般的な流れ 以下*/

#ie-trouble ul.example{
	width:86%;
	margin:0 auto;
}
	
#ie-trouble ul.example li{
	float:none;
	width:100%;
	margin:0 auto 20px auto;
}

#ie-trouble ul.example li.last{
	margin:0 auto;
}

#ie-trouble ul.example li img{
	width:250px;
}

#ie-trouble ul.watashi li{
	height:auto;
}

}



@media screen and (max-width:414px) {
	
#ie-trouble ul.question li.left p.q-text{
	font-size:18px;
}

#ie-trouble h4.h4-example{
	font-size:24px;
}

}

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

#ie-trouble ul.question li.right img{
	width:100%;
}

#ie-trouble ul.example li img{
	width:100%;
}

}




/*Home Search Advisor ここから*/
#ie-trouble h4.h4-advisor{
	text-align:center;
	font-size:48px;
	font-family: 'Bebas Neue', cursive;
	color:#C00;
}

#ie-trouble ul.advisor li.left img{
	float:left;
	width:250px;
	height:auto;
	margin-right:75px;
}

#ie-trouble ul.advisor li.right{
	float:right;
	width:625px;
}

#ie-trouble ul.advisor li.right h5{
	font-size:20px;
	color:#060;
}

#ie-trouble ul.advisor li.right .profile{
	padding:20px 3%;
	background:#f5f5f5;
	border:1px solid #ccc;
}

#ie-trouble ul.advisor li.right .profile h6{
	color:#C00;
	font-size:20px;
}

@media screen and (max-width:1194px) {
	
#ie-trouble ul.advisor li.left img{
	width:30%;
	margin-right:5%;
}

#ie-trouble ul.advisor li.right{
	width:65%;
}

}

@media screen and (max-width:667px) {
	
#ie-trouble ul.advisor li.left img{
	float:none;
	width:250px;
	margin:0 auto 30px auto;
}

#ie-trouble ul.advisor li.right{
	float:none;
	width:100%;
}
	
}

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

#ie-trouble h4.h4-advisor{
	font-size:40px;
}

}
/*Home Search Advisor ここまで*/




/*Flow
-----------------------------------------------------------*/
#ie-flow .flow ul{
	width:100%;
	box-shadow:0.5px 0.5px 0.5px #CC9;
	background:#fff;
}

#ie-flow .flow ul li.flow-number{
	float:left;
	width:120px;
	height:120px;
	padding:30px 0;
	background:#060;
	color:#e7f2df;
	text-align:center;
	font-size:60px;
	font-family: 'Bebas Neue', cursive;
	line-height:1em;
}

#ie-flow .flow ul li.flow-box{
	float:left;
	width:630px;
	height:120px;
	padding:20px 3%;
	background:#fff;
}

#ie-flow .flow ul li.flow-box h3{
	font-size:22px;
	color:#060;
}

#ie-flow .flow ul li.flow-ph{
	float:right;
	width:200px;
	position:relative;
}

#ie-flow .flow ul li.flow-ph img{
	width:200px;
	height:120px;
	position:absolute;
	top:0;
	right:0;
}

#ie-flow p.flow-allow{
	text-align:center;
	font-size:24px;
	color:#060;
}

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

#ie-flow .flow ul li.flow-number{
	  width:15%;
}

#ie-flow .flow ul li.flow-box{
	width:55%;
}

#ie-flow .flow ul li.flow-ph{
	width:30%;
}

#ie-flow .flow ul li.flow-ph img{
	width:auto;
}
	
}

@media screen and (max-width:667px) {
	
#ie-flow .flow ul li.flow-number{
	float:none;
	width:100px;
	height:auto;
	padding:15px 0;
	margin:0 auto;
}

#ie-flow .flow ul li.flow-box{
	float:none;
	width:100%;
	height:auto;
}

#ie-flow .flow ul li.flow-box h3{
	margin-bottom:10px;
}


#ie-flow .flow ul li.flow-ph{
	float:none;
	width:100%;
}

#ie-flow .flow ul li.flow-ph img{
	width:100%;
	height:auto;
	position: static;/*absolute解除*/
}

}




/*Recommend
-----------------------------------------------------------*/
/* -------スライダーCSSここから------- */
.loop_css {
  position: relative;
  display: -webkit-flex;
  display: flex;
  width: 100vw;
  height:250px;
  left: 50%;
  margin-left: -50vw;
  overflow: hidden;
}

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

.loop_css {
  height:200px;
}

}

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

.loop_css {
  height:150px;
}

}

.loop_css img {
  width: auto;
  height: 100%;
}

/* 1つ目の画像 */
.loop_css img:first-child {
  -webkit-animation: loop 50s -25s linear infinite;
  animation: loop 50s -25s linear infinite;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

/* 2つ目の画像 */
.loop_css img + img {
  -webkit-animation: loop2 50s  linear infinite;
  animation: loop2 50s linear infinite;
}

/*アニメーション*/
@-webkit-keyframes loop {
  0% {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes loop {
  0% {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@-webkit-keyframes loop2 {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}

@keyframes loop2 {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}
/* -------スライダーCSSここまで------- */



#ie-recommend ul.recommend-question{
	width:100%;
}

#ie-recommend ul.recommend-question li{
	float:left;
	margin-right:1px;
	padding:15px 2% 20px 2%;
	width:238px;
	height:165px;
	background:#555;
}

#ie-recommend ul.recommend-question li.last{
	margin-right:0;
}

#ie-recommend ul.recommend-question li span{
	text-align:center;
	color:#FC0;
	font-size:36px;
	font-family: 'Bebas Neue', cursive;
	line-height:1em;
}

#ie-recommend p.recommend-allow{
	text-align:center;
	font-size:72px;
	color:#555;
}

#ie-recommend ul.recommend-consult li img{
	float:left;
	width:250px;
	height:auto;
}

#ie-recommend ul.recommend-consult li.right{
	float:right;
	width:894px;
}

#ie-recommend ul.recommend-consult li.right h4{
	background:#FC0;
	text-align:center;
	margin-bottom:10px;
	border-radius:10em;
	padding:10px 2%;
	width:12em;
	line-height:1em;
}

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

#ie-recommend ul.recommend-question li{
	width:19.8%;
	margin-right:0.25%;
	height:230px;
}

#ie-recommend ul.recommend-consult li img{
	width:26%;
}

#ie-recommend ul.recommend-consult li.right{
	width:70%;
}

}

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

#ie-recommend ul.recommend-consult li img{
	float:none;
	width:200px;
	height:auto;
	margin:0 auto 10px auto;
}

#ie-recommend ul.recommend-consult li.right{
	float:none;
	width:100%;
}

}

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

#ie-recommend ul.recommend-question li{
	float:none;
	margin:0 auto 1px auto;
	width:100%;
	height:auto;
	padding:15px 4% 20px 4%;
}

}




/*Help
-----------------------------------------------------------*/
#ie-help .help-main{
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height:700px;
  position:relative;
  z-index:0.5 !important;
}

#ie-help ul.help li{
	float:left;
	width:455px;
	height:455px;
	background:#fff;
	margin-top:40px;
	padding:25px 4%;
	box-shadow:0.5px 0.5px 0.5px #CC9;
}

#ie-help ul.help li.right{
	float:right;
}

#ie-help ul.help li img{
	width:auto;
	height:200px;
	margin:0 auto;
}

#ie-help ul.help li h4.needs{
	text-align:center;
	font-size:24px;
	line-height:1.3em;
}

#ie-help ul.help li h4.needs span{
	color:#060;
}

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

#ie-help .help-main{
	height:500px !important;
}

}

@media screen and (max-width:950px) {
	
#ie-help ul.help li{
	width:48%;
	height:525px;
	margin-top:4%;
}
	
}

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

#ie-help .help-main{
	height:400px !important;
}

#ie-help ul.help li{
	float:none;
	width:100%;
	height:auto;
}

#ie-help ul.help li.right{
	float:none;
}

}

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

#ie-help .help-main{
	height:300px !important;
}

}




/*Contact ※3箇所共通
-----------------------------------------------------------*/
.ie-contact{
  background-image:url(../images/contact-main.png);
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height:600px;
  padding:50px 2%;
  position:relative;
  z-index:0.5 !important;
}

.ie-contact .contents-600{
	width:600px;
	height:100%;
	padding:5px 3% 20px 3%;
	background:#fff;
	border:3px solid #060;
	opacity:0.95;
}

h2 span.same{
	color:#C00;
	line-height:1.3em;
}

.ie-contact .contents-600 .tel-link{
	text-align:center;
	line-height:1em;
	font-size:36px;
	font-family: 'Bebas Neue', cursive;
	margin-bottom:10px;
	border-radius:2px;
}

.ie-contact .contents-600 .tel-link a{
	width:100%;
	padding:20px 2%;
	display:block;
	color:#fff;
}

.ie-contact .contents-600 .orange{
	background:#F90;
}
.ie-contact .contents-600 .orange a:hover{
	background:#390;
}
.ie-contact .contents-600 .green{
	background:#390;
}
.ie-contact .contents-600 .green a:hover{
	background:#F90;
}

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

.ie-contact .contents-600{
	width:94%;
	margin:0 auto;
}

}

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

}




/*Promise
-----------------------------------------------------------*/
#ie-promise .promise ul{
	width:100%;
	box-shadow:0.5px 0.5px 0.5px #CC9;
	background:#FFC;
	margin-bottom:30px;/*flowと異なる箇所*/
}

#ie-promise .promise ul li.promise-number{
	float:left;
	height:120px;
	width:120px;
	padding:30px 0;
	background:#F90;
	color:#FFC;
	text-align:center;
	font-size:60px;
	font-family: 'Bebas Neue', cursive;
	line-height:1em;
}

#ie-promise .promise ul li.promise-box{
	float:left;
	width:630px;
	height:120px;
	padding:20px 3%;
	background:#FFC;
}

#ie-promise .promise ul li.promise-box h3{
	font-size:22px;
	color:#C00;
}

#ie-promise .promise ul li.promise-ph{
	float:right;
	width:200px;
	position:relative;
}

#ie-promise .promise ul li.promise-ph img{
	width:200px;
	height:120px;
	position:absolute;
	top:0;
	right:0;
}

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

#ie-promise .promise ul li.promise-number{
	width:15%;
}

#ie-promise .promise ul li.promise-box{
	width:55%;
}

#ie-promise .promise ul li.promise-ph{
	width:30%;
}

#ie-promise .promise ul li.promise-ph img{
	width:auto;
}
	
}

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

#ie-promise .promise ul li.promise-number{
	float:none;
	width:100px;
	height:auto;
	padding:15px 0;
	margin:0 auto;
}

#ie-promise .promise ul li.promise-box{
	float:none;
	width:100%;
	height:auto;
}

#ie-promise .promise ul li.promise-box h3{
	margin-bottom:10px;
}

#ie-promise .promise ul li.promise-ph{
	float:none;
	width:100%;
}

#ie-promise .promise ul li.promise-ph img{
	width:100%;
	height:auto;
	position: static;/*absolute解除*/
}

}




/*Conference
-----------------------------------------------------------*/
#ie-conference .conference-main{
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height:700px;
  /*height: -webkit-calc
  (100vh - 100px) !important;
  height: -moz-calc(100vh - 100px) !important;
  height: -o-calc(100vh - 100px) !important;
  height: calc(100vh - 100px) !important;*/
  position:relative;
  z-index:0.5 !important;
}

#ie-conference ul.conference{
	position:relative;
}

#ie-conference ul.conference li{
	float:left;
	width:650px;
}

#ie-conference ul.conference li.right{
	position:absolute;
	top:0;
	right:0;
}

#ie-conference ul.conference li img{
	width:auto;
	height:auto;
}

#ie-conference ul.conference li p{
	border-radius:10em;
	text-shadow:2px 2px 3px #ccc;
	padding:20px 3%;
	margin-top:20px;
	background:#fff;
	opacity:0.8;
	box-shadow:0.5px 0.5px 0.5px #ccc;
	font-size:24px;
}

#ie-conference h4{
	text-align:center;
	font-size:30px;
	color:#fff;
	line-height:1.3em;
	padding:10px 5%;
	background: #e7f2df;
	background: -moz-linear-gradient(left,  #e7f2df 0%, #ca4b4a 25%, #ca4b4a 50%, #ca4b4a 75%, #ca4b4a 75%, #e7f2df 100%);
	background: -webkit-linear-gradient(left,  #e7f2df 0%,#ca4b4a 25%,#ca4b4a 50%,#ca4b4a 75%,#ca4b4a 75%,#e7f2df 100%);
	background: linear-gradient(to right,  #e7f2df 0%,#ca4b4a 25%,#ca4b4a 50%,#ca4b4a 75%,#ca4b4a 75%,#e7f2df 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7f2df', endColorstr='#e7f2df',GradientType=1 );
}

#ie-conference img.check{
	width:250px;
	margin:0 auto;
}

#ie-conference ul.check-list li{
	font-size:24px;
	text-align:center;
	margin-bottom:15px;
}

#ie-conference ul.check-list li span{
	color:#C00;
	font-size:30px;
}

p.g-text{/*緑文字*/
	font-size:24px;
	font-weight:bold;
	color:#060;
	font-family: 'Noto Sans JP', sans-serif;
}

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

#ie-conference .conference-main{
	height:500px !important;
}


#ie-conference ul.conference li{
	width:100%;
}

#ie-conference ul.conference li img{
	width:75%;
}

#ie-conference ul.conference li.right{
	width:75%;
}

}

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

#ie-conference ul.conference li img{
	width:100%;
	margin-top:100px;
}
	
#ie-conference ul.conference li.right{
	width:100%;
}

#ie-conference h4{
	font-size:24px;
}

#ie-conference ul.check-list li{
	font-size:20px;
}

#ie-conference ul.check-list li span{
	font-size:24px;
}

p.g-text{/*緑文字*/
	font-size:20px;
}

}

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

#ie-conference .conference-main{
	height:400px !important;
}

#ie-conference ul.conference li img{
	margin-top:200px;
}
	
#ie-conference ul.conference li p{
	border-radius:0.5em;
}

#ie-conference ul.conference li.right p.r-text{
	font-size:20px;
}

}

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

#ie-conference ul.conference li img{
	margin-top:250px;
}

#ie-conference ul.conference li p{
	padding:10px 3%;
}

#ie-conference img.check{
	width:200px;
}

}

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

#ie-conference .conference-main{
	height:300px !important;
}

}




/*PageTop
-----------------------------------------------------------*/
#page-top{
	position: fixed;
	right:1%;
	bottom:0;
}

#page-top a img{
	display:block;
	width:200px;
	height:auto;
}

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

#page-top a img{
	width:150px;
}

}




/*Fadeアニメーション設定
-----------------------------------------------------------*/
 .fade{
  opacity: 0;
   transform: translate3d(0, 0, 0);
  transition: all 2s ease;/*fadeスピード*/
  &.full {
   transition: all 0.8 ease;
  }
}

 .top_fade{
  opacity: 0;
   transform: translate3d(0, -50px, 0);
  transition: all 1s ease;/*fadeスピード*/
  &.full {
   transition: all 0.8 ease;
  }
}

 .right_fade{
  opacity: 0;
   transform: translate3d(300px, 0, 0);
  transition: all 2.5s ease;/*fadeスピード*/
  &.full {
   transition: all 0.8 ease;
  }
}

 .left_fade{
  opacity: 0;
   transform: translate3d(-100px, 0, 0);
  transition: all 1s ease;/*fadeスピード*/
  &.full {
   transition: all 0.8 ease;
  }
}

 .bottom_fade{
  opacity: 0;
   transform: translate3d(0, 100px, 0);
  transition: all 1s ease;/*fadeスピード*/
  &.full {
   transition: all 0.8 ease;
  }
}
/*delay,fast,full*/

.fade-content .anm_mod.active {
 opacity: 1;
 transform: translate3d(0, 0, 0);
}