@charset "UTF-8";

/* 概要 */
#sudo{
	padding:40px 0 0;
}
#sudo h5.logo img{
	width:230px;
	height:26px;
}
#sudo p{
	padding:0 0 15px;
}
@media (min-width: 568px) {
	#photo{
		text-align:center;
	}
	#photo img{
		width:80%;
	}
}
@media (min-width: 768px) {
	#sudo{
		padding:50px 0 0;
	}
	#sudo h5.logo img{
		width:250px;
		height:29px;
	}
	#photo img{
		width:50%;
	}
}
@media (min-width: 1200px) {
	#photo img{
		width:45%;
	}
}

#point{
	padding:10px 0 0;
}
.point{
	padding:20px 0 0;
}
.point h6{
	font-size:1.7rem;
	color:#CB4829;
	padding:0 0 5px;
	text-align:center;
}
.point#site-link{
	text-align:center;
}
.point p#link{
	font-size:1.2rem;
	padding-top:30px;
	font-family:'Verdana','BIZ UDゴシック','BIZ UDGothic','游ゴシック','YuGothic','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.point p#link a{
	position:relative;
  	display:inline-block;
}
.point p#link a:hover{
	text-decoration:none;
}
.point p#link a::after{
	content:'';
  	position:absolute;
  	bottom:-2px;
  	left:0;
  	width:calc(100% - 18px);
  	height:1px;
  	background-color:#666;
  	-webkit-transform:scaleX(0);
  	-moz-transform:scaleX(0);
  	-ms-transform:scaleX(0);
  	-o-transform:scaleX(0);
  	transform:scaleX(0);
	-webkit-transition:ease-in-out 0.3s;
    -moz-transition:ease-in-out 0.3s;
    -ms-transition:ease-in-out 0.3s;
    -o-transition:ease-in-out 0.3s;
    transition:ease-in-out 0.3s;
}
.point p#link a:hover::after{
	-webkit-transform:scaleX(1);
  	-moz--transform:scaleX(1);
  	-ms-transform:scaleX(1);
  	-o-transform:scaleX(1);
  	transform:scaleX(1);
}
.fa-chevron-circle-right{
	font-size:110%;
	vertical-align:-1px;
	padding-left:5px;
	color:#CB4829;
}
a .fa-chevron-circle-right{
	-webkit-transition:ease-out 0.5s;
    -moz-transition:ease-out 0.5s;
    -o-transition:ease-out 0.5s;
    -ms-transition:ease-out 0.5s;
    transition:ease-out 0.5s;
}
a:hover .fa-chevron-circle-right{
	opacity:0.5;
}

.br768-1024,
.br1025{
	display:none;
}
@media (min-width: 375px) {
	.point h6{
		letter-spacing:1px;
	}
	br.br375{
		display:none;
	}
}
@media (min-width: 414px) {
	br.br414{
		display:none;
	}
}
@media (min-width: 768px) {
	#point{
		padding:15px 0 0;
	}
	.point h6{
		font-size:1.8rem;
	}
	.point p{
		text-align:center;
	}
}
@media (min-width: 1024px) {
	.br1025{
		display:inline;
	}
}
@media (min-width: 1200px) {
	#point{
		padding:30px 0 0;
	}
	.point h6{
		font-size:2.0rem;
	}
}
@media (min-width: 768px) and (max-width: 1024px){
	.br768-1024{
		display:inline;
	}
}