@charset "utf-8";
html{
	-webkit-text-size-adjust: 100%;
}
body {
	font-family: "Noto Sans JP", sans-serif;
	font-size:16px;
	text-align:center;
	color:#253246;
}

@media screen and (max-width:800px){
	body {
		font-size:3.4vw;
	}
}


a {
	color:#253246;
	transition : opacity 0.4s;
	-webkit-transition : opacity 0.4s;
	opacity:1;
	outline:none;
}
a:hover {
	opacity: 0.8;
}

img{
	max-width:100%;
	vertical-align:bottom;
}

.only_smart,
.only_smart_i{
	display:none !important;
}

@media screen and (max-width:800px){
	.only_pc{
		display:none !important;
	}

	.only_smart{
		display:block !important;
	}
	.only_smart_i{
		display:inline-block !important;
	}
}

#wrapper{
}


/* 色関係 */
.navy{
	color:#253246;
}
.bg_navy{
	background-color:#253246;
	color:#fff;
}
.red{
	color:#E82825;
}
.orange{
	color:#FF6043;
}
.bg_orange{
	background-color:#FF6043 !important;
	color:#fff;
}
.bg_pink{
	background-color:#FFEFEC;
}

.bg_white{
	background-color:#253246;
	color:#fff;
}



/* 書式 */
.left{
	text-align:left;
}
.right{
	text-align:right;
}
.bold{
	font-weight:bold;
}



/* header */
header h1{
	background:#84a3bf url(../images/h1_bg.jpg)no-repeat center center;
	background-size:auto 100%;
}
header h1 img{
	max-width:750px;
	margin:auto;
	transform:translateY(1%);
}

@media screen and (max-width:800px){
	header h1{
		background-image:none;
	}
	header h1 img{
		max-width:100%;
		transform:none;
	}
}

/* logo */

.logos{
	background:#ffffff;
	margin-top: 20px; /* 上余白 */
    margin-bottom: 20px; /* 下余白 */
    padding: 10px; /* 内側余白 */
	
}

.logos img {
	max-width: 90%; /* 画像の幅を100%に設定 */
	height: auto; /* 高さを自動調整 */
  }

.logos figcaption li span.small {
	font-size: 0.9em; /* または任意のサイズ */
  }

  @media (max-width: 768px) {
	.logos figcaption li span.small {
	  font-size: 0.8em; /* スマートフォンサイズでのフォントサイズ */
	}
  }


/* .apply */
.apply{
	padding:20px 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.apply li{
	max-width:304px;
	width:48%;
	margin:0 1.5%;
}

@media screen and (max-width:800px){
	.apply{
		padding:1% 0;
		display: block;
	}
	.apply li{
		max-width:100%;
		width:54%;
		margin:2% auto;
	}
}


/* article */
article{
}


/* .cont */
.cont{
}
.cont h2{
	font-size:28px;
	font-weight:900;
}

@media screen and (max-width:800px){
	.cont h2{
		font-size:4.8vw;
	}
}


/* .line */
.line{
	background-image: linear-gradient(90deg, #FFF052, #FFF052); 
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 0 90%;
	transition: background-size 1s ease-in-out;
}
.line.scrollin{
	background-size: 100% 90%;
}


/* #cont1 */
#cont1{
	padding:30px 0 70px;
}
#cont1 h2 span{
	line-height:2;
	display:block;
	font-size:20px;
}
#cont1 .flex{
	max-width:800px;
	width:94%;
	margin:20px auto 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#cont1 .flex:after{
	content:'';
	display:block;
	margin:30px auto;
	width:0;
	height:0;
	border-style:solid;
	border-width: 64px 134px 0 134px;
	border-color: #253246 transparent transparent transparent;
}
#cont1 .flex ul{
	width:50%;
}
#cont1 .flex ul li{
	margin:1.5em 0;
	padding-left:1.5em;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	background:url(../images/check1.svg)no-repeat left 0.5em;
	background-size:1em auto;
}
#cont1 .flex ul li span{
	border-bottom:5px solid #FFCFC7;
}
#cont1 .flex img{
	width:48%;
}
#cont1 dl{
	max-width:760px;
	width:100%;
	margin:auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#cont1 dl dt{
	width:100%;
	margin-bottom:1em;
	font-size:28px;
	font-weight:900;
	white-space:nowrap;
}
#cont1 dl dt span{
	font-size:42px;
}
#cont1 dl dt span.line{
	background-position: left bottom 10%;
	background-size: 0 30%;
}
#cont1 dl dt span.line.scrollin{
	background-size: 100% 30%;
}
#cont1 dl dd{
	margin-bottom: 1em;
	width:32%;
	padding:1.2em 0;
	font-size:20px;
	font-weight:900;
}

@media screen and (max-width:800px){
	#cont1{
		padding:5% 0 9%;
	}
	#cont1 h2 span{
		font-size:3.6vw;
	}
	#cont1 .flex{
		width:94%;
		margin:3% auto 0;
		display: block;
	}
	#cont1 .flex:after{
		margin:5% auto;
		border-width: 2.5em 5em 0 5em;
	}
	#cont1 .flex ul{
		width:auto;
		display:inline-block;
	}
	#cont1 .flex ul li{
		margin:1.2em 0;
		font-size:3.4vw;
	}
	#cont1 .flex ul li span{
		border-bottom:3px solid #FFCFC7;
	}
	#cont1 .flex img{
		width:60%;
	}
	#cont1 dl{
		display: block;
	}
	#cont1 dl dt{
		font-size:4vw;
	}
	#cont1 dl dt span{
		font-size:5.5vw;
	}
	#cont1 dl dd{
		width:84%;
		margin:1.2em auto 0;
		padding:1em 0;
		font-size:3.6vw;
	}
	#cont1 dl dd br{
		display:none;
	}
}


/* #cont2 */
#cont2{
	padding:60px 0;
}
#cont2 ul li{
	margin-top:60px;
	margin-left:calc(50% - 450px);
	padding:30px;
	background-color:#fff;
	border-radius:1em 0 0 1em;
	box-shadow:0 10px 0 rgba(0,0,0,0.12);
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
#cont2 ul li:nth-child(even){
	margin-left:0;
	margin-right:calc(50% - 450px);
	border-radius:0 1em 1em 0;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
#cont2 ul li figure{
	width:400px;
}
#cont2 ul li section{
	width:400px;
	margin-left:30px;
	text-align:left;
}
#cont2 ul li section h3{
	font-size:24px;
	font-weight:900;
}
#cont2 ul li section h3 .merit{
	display:block;
	width:7em;
	line-height:2;
	margin-bottom:0.5em;
	font-size:18px;
	text-align:center;
	border-radius:1em;
}
#cont2 ul li section p{
	margin-top:0.5em;
	font-size:18px;
}
#cont2 ul li section p span{
	display:block;
	font-size:14px;
}

@media screen and (max-width:1024px){
	#cont2 ul li{
		margin-left:9%;
	}
	#cont2 ul li:nth-child(even){
		margin-right:9%;
	}
	#cont2 ul li figure{
		width:49%;
	}
	#cont2 ul li section{
		width:49%;
		margin-left:3%;
	}
}

@media screen and (max-width:800px){
	#cont2{
		padding:6% 0;
	}
	#cont2 ul li{
		margin-top:5%;
		padding:5% 9% 5% 5%;
		box-shadow:0 5px 0 rgba(0,0,0,0.12);
		display: block;
	}
	#cont2 ul li:nth-child(even){
		padding:5% 5% 5% 9%;
	}
	#cont2 ul li figure{
		width:auto;
	}
	#cont2 ul li section{
		width:auto;
		margin-left:0;
		margin-top:5%;
	}
	#cont2 ul li section h3{
		font-size:4vw;
	}
	#cont2 ul li section h3 .merit{
		font-size:3vw;
	}
	#cont2 ul li section p{
		font-size:3.4vw;
	}
	#cont2 ul li section p span{
		font-size:3vw;
	}
}


/* #cont3 */
#cont3{
	padding:20px 0 90px;
}
#cont3 section{
	max-width:900px;
	width:94%;
	margin:auto;
}
#cont3 section h2{
	line-height:2.5;
	font-size:24px;
}
#cont3 section ul{
	margin-top:20px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#cont3 section ul li{
	width:48%;
	padding:5%;
	background-color:#fff;
	border:12px solid #FFA08E;
}
#cont3 section ul li figure img{
	width:270px;
	margin-bottom:1.5em;
}
#cont3 section ul li figure figcaption span{
	display:inline-block;
	width:13em;
	font-size:20px;
	font-weight:900;
}

@media screen and (max-width:800px){
	#cont3{
		padding:9% 0;
	}
	#cont3 section{
		width:80%;
	}
	#cont3 section h2{
		font-size:4.5vw;
	}
	#cont3 section ul{
		margin-top:-1.5%;
		display: block;
	}
	#cont3 section ul li{
		width:auto;
		margin-top:5%;
		padding:9%;
		border:2vw solid #FFA08E;
	}
	#cont3 section ul li figure img{
		width:60%;
	}
	#cont3 section ul li figure figcaption span{
		font-size:3.4vw;
	}
}


/* #cont4 */
#cont4{
	padding:50px 0 90px;
}
#cont4 figure.only_pc > table{
	max-width:800px;
	width:94%;
	margin:50px auto 0;
}
#cont4 figure.only_pc > table th,
#cont4 figure.only_pc > table td{
	width:25%;
	height:4.5em;
	border:3px solid #D9D9D9;
	font-size:18px;
	font-weight:bold;
}
#cont4 figure.only_pc > table th:first-child{
	border:3px solid #fff;
	border-right:none;
}
#cont4 figure.only_pc > table tr:first-child th{
	height:3em;
	color:#fff;
	background-color:#4D4D4D;
}
#cont4 figure.only_pc > table tr:first-child th:first-child{
	border:none;
	background-color:transparent;
}
#cont4 figure.only_pc > table tr:first-child th:last-child{
	background-color:transparent;
	border:none;
}
#cont4 figure.only_pc > table .check{
	width:2em;
}
#cont4 figure.only_pc > table .large{
	font-size:36px;
	font-weight:900;
}
#cont4 figure.only_pc > table dl{
	background-color:#FFFFD9;
	border:3px solid #FF6043;
	border-radius:1em;
	box-shadow:8px 8px 0 rgba(139,139,139,0.3);
	transform:scale(1.1);
}
#cont4 figure.only_pc > table dl dt,
#cont4 figure.only_pc > table dl dd{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
#cont4 figure.only_pc > table dl dt{
	height:3em;
	border-radius:1em 1em 0 0;
}
#cont4 figure.only_pc > table dl dt .logo{
	width:9em;
}
#cont4 figure.only_pc > table dl dd{
	height:4.5em;
	border-top:3px solid #FF6043;
}
#cont4 p{
	margin-top:50px;
	font-size:22px;
	font-weight:900;
}
#cont4 p.large{
	margin-top:0.5em;
	font-size:28px;
}

@media screen and (max-width:800px){
	#cont4{
		padding:5% 0 9%;
	}
	#cont4 figure.only_smart > table{
		width:80%;
		margin:5% auto 0;
	}
	#cont4 figure.only_smart > table th,
	#cont4 figure.only_smart > table td{
		height:3em;
		border:2px solid #D9D9D9;
		font-size:3.6vw;
		font-weight:bold;
	}
	#cont4 figure.only_smart > table th:first-child{
		width:35%;
		border:2px solid #fff;
		border-right:none;
		color:#fff;
		background-color:#4D4D4D;
	}
	#cont4 figure.only_smart > table tr:nth-child(2) th:first-child{
		border:none;
		background-color:transparent;
	}
	#cont4 figure.only_smart > table .check{
		width:1.5em;
	}
	#cont4 figure.only_smart > table .large{
		font-size:6.5vw;
	}
	#cont4 figure.only_smart > table dl{
		background-color:#FFFFD9;
		border:2px solid #FF6043;
		border-radius:0.5em;
		box-shadow:3px 3px 0 rgba(139,139,139,0.3);
		transform:translateY(0.15em) scale(1.03);
		display: -webkit-flex;
    display: flex;
	}
	#cont4 figure.only_smart > table dl dt,
	#cont4 figure.only_smart > table dl dd{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	#cont4 figure.only_smart > table dl dt{
		width:36%;
		height:3em;
		border-radius:1em 1em 0 0;
	}
	#cont4 figure.only_smart > table dl dt .logo{
		width:6em;
	}
	#cont4 figure.only_smart > table dl dd{
		width:64%;
		height:3em;
		padding-right:3%;
		border-left:2px solid #FF6043;
	}
	#cont4 p{
		margin-top:5%;
		font-size:3.4vw;
	}
	#cont4 p.large{
		font-size:4.5vw;
	}
}


/* #cont5 */
#cont5{
	padding:50px 0;
}
#cont5 ul{
	max-width:800px;
	width:94%;
	margin:50px auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#cont5 ul li{
	width:31.5%;
	padding:2%;
	background-color:#fff;
	border:1px solid #fff;
	cursor:pointer;
	transition: all .3s;
}
#cont5 ul li:hover{
	box-shadow:0 5px 0 #CACACA;
	border:1px solid #FF6043;
	transform:translateY(-5px);
}
#cont5 ul li figure figcaption{
	margin-top:0.5em;
	text-align:left;
}
#cont5 > p{
	font-size:22px;
	font-weight:900;
}
#cont5 .inner{
	max-width:800px;
	width:94%;
	margin:50px auto;
	padding:2% 3%;
	background-color:#fff;
	border-radius:1em;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}
#cont5 .inner p{
	width:73%;
	line-height:1.8;
	font-size:18px;
	font-weight:500;
	text-align:left;
}
#cont5 .inner p .line{
	font-weight:900;
}
#cont5 .inner figure{
	width:27%;
}

@media screen and (max-width:800px){
	#cont5{
		padding:9% 0;
	}
	#cont5 ul{
		width:80%;
		margin:5% auto;
		display: block;
	}
	#cont5 ul li{
		width:auto;
		margin-top:5%;
		padding:3%;
	}
	#cont5 ul li figure{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	#cont5 ul li figure img{
		width:40%;
	}
	#cont5 ul li figure figcaption{
		width:55%;
	}
	#cont5 > p{
		font-size:3.6vw;
	}
	#cont5 .inner{
		width:80%;
		margin:5% auto;
		padding:5% 3%;
		display: block;
	}
	#cont5 .inner p{
		width:auto;
		font-size:3.4vw;
	}
	#cont5 .inner figure{
		width:40%;
		margin:1em auto 0;
	}
}


/* #cont6 */
#cont6{
	padding:50px 0;
}
#cont6 ol{
	max-width:1080px;
	width:94%;
	margin:auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#cont6 ol li{
	width:117px;
	margin:5% 1em 0;
	padding:calc(1.5% +  1.6em) 1.5% 1.5%;
	background-color:#E9EAEC;
	position:relative;
}
#cont6 ol li:nth-child(n+2):before{
	content:'';
	width:0;
	height:0;
	border-style:solid;
	border-width: 0.8em 0 0.8em 1em;
	border-color: transparent transparent transparent #253246;
	position:absolute;
	right:calc(100% + 1em);
	top:50%;
	transform:translate(50%,-50%);
	}
#cont6 ol li figure figcaption{
	height:3.5em;
	font-weight:900;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	position:relative;
}
#cont6 ol li figure figcaption span{
	display:inline-block;
	width:1.5em;
	line-height:1.5;
	border-radius:50%;
	font-size:20px;
	font-weight:900;
	position:absolute;
	left:50%;
	bottom:100%;
	transform:translateX(-50%);
}


@media screen and (max-width:1140px){
	#cont6 ol{
		width:700px;
	}
}

@media screen and (max-width:800px){
	#cont6{
		padding:9% 0;
	}
	#cont6 ol{
		width:80%;
		display: block;
	}
	#cont6 ol li{
		width:auto;
		margin:2em 0 0;
		padding:1.5%;
	}
	#cont6 ol li:nth-child(n+2):before{
		content:'';
		width:0;
		height:0;
		border-style:solid;
		border-width: 1em 0.8em 0 0.8em;
		border-color: #253246 transparent transparent transparent;
		right:50%;
		top:auto;
		bottom:calc(100% + 1em);
		transform:translate(50%,50%);
	}
	#cont6 ol li figure{
		display: -webkit-flex;
		display: flex;
		 -webkit-justify-content: flex-end;
		justify-content: flex-end;
		-webkit-align-items: center;
		align-items: center;
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	#cont6 ol li figure img{
		width:3.5em;
	}
	#cont6 ol li figure figcaption{
		height:auto;
		margin-left:1em;
		display: block;
	}
	#cont6 ol li figure figcaption br{
		display:none;
	}
	#cont6 ol li figure figcaption span{
		font-size:3.4vw;
		position:static;
		left:auto;
		bottom:auto;
		transform:none;
		margin-right:1em;
	}
}


/* #cont7 */
#cont7{
	padding:50px 0;
}
#cont7 ul{
	max-width:652px;
	width:90%;
	margin:auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#cont7 ul li{
	max-width:100%;
	width:24%;
	margin-top:3%;
}

@media screen and (max-width:800px){
	#cont7{
		padding:9% 0;
	}
	#cont7 ul{
		width:80%;
		margin-top:3%;
	}
	#cont7 ul li{
		width:49%;
		margin-top:1.5%;
	}
}


/* footer */
footer{
	padding:30px 0;
}
footer dl{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
footer dl dt{
	width:100%;
	font-size:26px;
	font-weight:900;
	margin-bottom: 10px;
}
footer dl dd{
	max-width:304px;
	width:48%;
	margin:8px 0.8%;
}
footer > a {
    font-size: 20px;
    color: #fff;
    margin-top: 10px; /* 上部に20pxの余白を設定 */
	margin-bottom: 50px;
    display: inline-block; /* a要素をインラインブロックにする */
}

footer > a img {
    width: 0.8em;
    vertical-align: middle;
    margin-left: 0.4em;
}

@media screen and (max-width:800px){
	footer{
		padding:5% 0;
	}
	footer dl{
		display: block;
	}
	footer dl dt{
		font-size:4vw;
	}
	footer dl dd{
		max-width:100%;
		width:54%;
		margin:3% auto;
	}
	footer > a{
		font-size:3.4vw;
	}
}

/* #side_banner */
#side_banner {
	position: fixed;
	right: 0;
	top: 20%;
	z-index: 3;
  }
  @media screen and (max-width: 768px) {
	#side_banner {
	  right: auto;
	  top: auto;
	  bottom: 0;
	  left: 0;
	  display: flex;
	  justify-content: space-between;
	  width: 100%;
	}
	#side_banner li {
	  width: 33.3%;
	}
  }
  
  #side_banner li a {
	width: 60px;
	line-height: 1.2;
	display: block;
	font-size: 15px;
	font-weight: bold;
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-webkit-text-orientation: upright;
	text-orientation: upright;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
  }
  @media screen and (max-width: 768px) {
	#side_banner li a {
	  width: 100%;
	  writing-mode: inherit;
	  -webkit-writing-mode: inherit;
	  writing-mode: inherit;
	  -webkit-text-orientation: inherit;
	  text-orientation: inherit;
	  font-size: 3vw;
	  line-height: normal;
	  height: 50px !important;
	}
  }
  
  #side_banner li a span {
	padding: 2px 5px 0 0;
  }
  #side_banner li a span span {
	padding: 0;
  }
  @media screen and (max-width: 768px) {
	#side_banner li a span span {
	  display: none;
	}
  }
  
  #side_banner li a img {
	vertical-align: 0.2em;
	margin-bottom: 0.2em;
  }
  @media screen and (max-width: 768px) {
	#side_banner li a img {
	  width: auto;
	  height: 22px;
	  margin: 0 5px 0 0;
	}
  }
  
  #side_banner li:first-child a {
	height: 160px;
	margin-bottom: 0.5em;
	color: #fff;
	background-color: #ff6043;
	border: 4px solid rgba(255, 255, 255, 0.3);
	text-align: left;
  }
  @media screen and (max-width: 768px) {
	#side_banner li:first-child a {
	  border: none;
	  margin-bottom: 0;
	}
  }
  
  #side_banner li:nth-child(2) a {
	height: 160px;
	margin-bottom: 0.5em;
	color: #fff;
	background-color: #253246;
	border: 4px solid rgba(255, 255, 255, 0.3);
	text-align: left;
	font-size: 13px;
  }
  @media screen and (max-width: 768px) {
	#side_banner li:nth-child(2) a {
	  font-size: 2vw;
	  border: none;
	  margin-bottom: 0;
	}
  }
  @media screen and (max-width: 430px) {
	#side_banner li:nth-child(2) a {
	  font-size: 3vw;
	}
  }
  
  #side_banner li:last-child a {
	height: 160px;
	color: #253246;
	background-color: #fdf64a;
	border: 4px solid #253246;
	text-align: left;
  }
  @media screen and (max-width: 768px) {
	#side_banner li:last-child a {
	  border: none;
	}
  }
  
  #side_banner li.hov {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	position: relative;
	right: 0;
  }
  #side_banner li.hov.open {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	right: 231px;
  }
  @media screen and (max-width: 768px) {
	#side_banner li.hov.open {
	  right: 0;
	}
  }
  #side_banner li.hov a {
	pointer-events: auto;
  }
  @media screen and (max-width: 768px) {
	#side_banner li.hov a {
	  pointer-events: auto;
	}
  }
  #side_banner li.hov .bnr {
	position: absolute;
	top: 0;
	right: -231px;
	
  }
  @media screen and (max-width: 768px) {
	#side_banner li.hov .bnr {
	  display: none;
	}
  }
  #side_banner li.hov .bnr a {
	pointer-events: auto;
	width: 231px;
	height: 160px;
	background-color: transparent;
	border: none;
  }
  #side_banner li.hov .bnr a img {
	height: 100%;
	margin-bottom: 0;
  }
  #side_banner li.hov .bnr a:hover {
	opacity: 1;
  }  




/* #topbtn */
#topbtn{
	width:50px;
	line-height:50px;
	font-size:21px;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	border-radius:50%;
	color:#fff;
	background-color:rgba(0,0,0,0.5);
	position:fixed;
	z-index:102;
	right:20px;
	bottom:-150px;
	-webkit-transition: bottom 0.8s;
	transition: bottom 0.8s;
}
@media screen and (max-width:768px){
	#topbtn{
		width:40px;
		line-height:40px;
		font-size:18px;
		right:15px;
	}
}


/* fadein */
.fadein {
	opacity : 0;
	-webkit-transform : translate(0, 70px);
	transform : translate(0, 70px);
	-webkit-transition-property: transform,opacity;
	transition-property : transform,opacity;
	-webkit-transition-duration: 1s;
	transition-duration : 1s;
}
.fadein_0 {
	opacity : 0;
	-webkit-transform : translate(0, 0);
	transform : translate(0, 0);
	-webkit-transition-property: transform,opacity;
	transition-property : transform,opacity;
	-webkit-transition-duration: 1s;
	transition-duration : 1s;
}

.fadein.scrollin,
.fadein_0.scrollin{
	opacity : 1;
	-webkit-transform : translate(0, 0);
	transform : translate(0, 0);
}