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

/*footer1*/
div#footer1 {
    padding: 80px 0 0 0;
    border-top: 2px solid #931227;
    /* background: #931227; */
}
div#footer1 h2{
    text-align: center;
    font-size: 28px;
    color: #707070;
    margin: 0 0 20px 0;
}

#footer1 .Block{
	display: flex;
	flex-wrap: wrap;
}

#footer1 .Block dl{
	float: left;
	margin-right: 10%;
	margin-bottom: 30px;
}

#footer1 .Block dl:nth-of-type(3n){
	margin-right: 0;	
}

#footer1 .Block dl dt{
	padding: 0 0 5px 0;
	margin: 30px 0 21px 0;
	border-bottom: 2px solid #931227;
	color: #707070;
	font-size: 21px;
}
#footer1 .Block dl dd{
	margin: 0;
	font-size: 14px;
	line-height: 180%;
	color: #707070;
}
#footer1 .Block dl dd img{
    margin: 15px 0;
    display: block;
}
#footer1 img{
	width: 100%;
}

#footer1 .ftr{
	margin: 50px 0 0 0;
	background: #931227;
	color: #FFF;
	font-size: 14px;
	padding: 40px 0 10px;
}
#footer1 .block{
    background: #931227;
}

#footer1 .ftr-logo {
    text-align: center;
    width: 231px;
    margin: 5px auto;
}
#footer1 .ftr-ADD {
    text-align: center;
}
#footer1 .ftr-ADD p{
    margin: 5px 0;
}

#footer1 .ftr-ADD p a{
	color: #222;
	text-decoration: none;
}

#footer1 .ftr-SNS {
    width: 16%;
    margin: 15px auto;
}
#footer1 .ftr-SNS ul{
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}

#footer1 .ftr-SNS ul li{
	list-style: none;
	width: 20%;
}

#footer1 .fnav{
	display: flex;
	justify-content: space-between;
	width: 500px;
	margin: 0 auto;
	padding: 0 0 30px 0;
}

#footer1 .fnav li{
	list-style: none;
}

#footer1 .fnav li a{
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
}
#footer1 p.Copyright{
	text-align: center;
	font-size: 12px;
	padding: 0 0 15px 0;
	color: #FFF;
}
#footer1 p.hojyo{
    text-align: center;
    color: #fff;
    font-size: 13px;
    padding: 5px 0;
    margin: 0 auto 30px;
    border: solid 1px #FFF;
    width: 440px;
}
#footer1 p.hojyo br{
    display: none;
}
/*footer1*/

/*footer2*/
#footer2{
	padding: 40px 0 10px 0;
	background: #f8f8f8;
}
#footer2 img{
	width: 100%;
}
#footer2 .floatL{
	width: 180px;
}

#footer2 .floatR{
	width: 70%;
}

#footer2 .fnav{
	display: flex;
	justify-content: space-between;
	width: 40%;
	margin: 20px auto 20px;
	padding: 0;
	float: right;
}

#footer2 .fnav li{
	list-style: none;
}

#footer2 .fnav li a{
	color: #222;
	text-decoration: none;
}

#footer2 .Copyright{
	text-align: center;
	width: 100%;
}
#footer2 .Copyright p{
	font-size: 13px;
}
/*footer2*/
/*footer3*/
#footer3 {
    padding: 30px 80px 10px;
	background: #dcdcdc;
}

#footer3 img{
	width: 100%;
}
#footer3 .floatL{
	width: 50%;
}
#footer3 .floatR{
	width: 50%;
}
#footer3 .ftr-Logo{
	max-width: 180px;
	margin: 0 0 10px 0;
}
#footer3 .ftr-ADD p{
	margin: 0;
	line-height: 1.6;
}
#footer3 .ftr-ADD p a{
	text-decoration: none;
	color: #222;
}
#footer3 .ftr-SNS {
    max-width: 200px;
	float: right;
	margin-bottom: 10px;
}
#footer3 .ftr-SNS ul{
	margin: 0;
	padding: 0;	
}
#footer3 .ftr-SNS ul li{
	list-style: none;
	width: 50px;
	float: left;
	margin-left: 15px;
}
#footer3 .fnav{
	clear: both;
	padding: 0;
	margin: 0;
	max-width: 300px;
	float: right;
}

#footer3 .fnav li{
	list-style: none;
	float: left;
	width: 22%;
	margin-right: 4%;
}

#footer3 .fnav li:nth-child(4n){
	margin-right: 0;
}

#footer3 .fnav li a{
	text-decoration: none;
	color: #222;
	line-height: 1.6;
}

#footer3 .Copyright p{
	text-align: center;
	font-size: 13px;
	margin: 30px 0 0 0;
}
/*footer3*/



@media(max-width:1024px){
/*footer2*/
	#footer2 .fnav {
		width: 60%;
	}
/*footer2*/
/*footer3*/
	div#footer3 {
		padding: 30px 20px 10px;
	}
/*footer3*/
}


@media(max-width:960px){
/*footer1*/
	#footer1 .ftr {
		margin: 40px 0 0;
		font-size: 12px;
	}
	#footer1 .ftr-SNS {
		width: 24%;
	}
	#footer1 .ftr-SNS ul li {
		width: 24%;
	}
/*footer1*/
}

@media(max-width:768px){
	div#footer1{
    padding: 40px 0 0 0;
}
	div#footer1 h2{
    font-size: 24px;
    margin: 0 0 20px 0;
}
/*footer1*/	
#footer1 img{
    width: 70%;
}
#footer1 p.hojyo{
    width: 80%;
    margin: 0 auto 20px;
    line-height: 160%;
    font-size: 75%;
}
#footer1 p.hojyo br {
    display: block;
}
#footer1 p.Copyright{
    width: 80%;
    margin: 0 auto;
    line-height: 160%;
    font-size: 70%;
}
#footer1 .fnav li a{
    font-size: 13px;
}
#footer1 .ftr-ADD p{
    margin: 0px 0;
}
#footer1 .ftr-ADD p a{
	color: #FFF;
}
#footer1 .fnav{
    display: block;
    width: 100%;
    text-align: center;
}
	#footer1 .Block dl {
		float: left;
		margin-right: 0;
		margin-bottom: 0;
	}
	#footer1 .Block dl dt.ftr-Heading {
		position: relative;
		padding: 8px 0;
		font-size: 17px;
		margin: 15px 0;
	}
	#footer1 dt.ftr-Heading:after{
		content: "";
		width: 15px;
		height: 15px;
		border-bottom: 2px solid #777;
		border-right: 2px solid #777;

		position: absolute;
		top: 20%;
		right: 10px;
		transform: rotate(45deg);
	}
	#footer1 dt.ftr-Heading.open:after {
		content: "";
		top: 30%;
		right: 10px;
		transform: rotate(225deg);
	}
/*footer1*/
}

@media(max-width:580px){
/*footer2*/
	#footer2 .floatL {
		width: 120px;
		margin: 0 auto;
		float: inherit;
	}
	#footer2 .floatR {
		width: 100%;
		margin: 0 auto;
		float: inherit;
	}
	#footer2 .fnav {
		width: 80%;
		margin: 12px auto 15px;
		float: inherit;
	}
/*footer2*/
/*footer3*/
	#footer3 .floatL {
		width: 100%;
	}
	#footer3 .floatR {
		width: 100%;
	}
	#footer3 .ftr-Logo {
		max-width: 30%;
		margin: 0 auto 3%;
	}
	#footer3 .ftr-ADD {
		text-align: center;
		margin: 0 0 8% 0;
	}
	#footer3 .ftr-SNS {
		max-width: 40%;
		float: unset;
		margin-bottom: 10px;
		margin: 0 auto 5%;
		overflow: hidden;
	}
	#footer3 .ftr-SNS ul li {
		list-style: none;
		width: 23.333%;
		float: left;
		margin-left: 15%;
	}
	#footer3 .ftr-SNS ul li:first-child{
		margin-left: 0;
	}
	#footer3 .fnav {
		clear: both;
		padding: 0;
		margin: 0;
		max-width: 100%;
		float: right;
		width: 100%;
	}
	#footer3 .fnav li {
		list-style: none;
		float: left;
		width: 25%;
		margin-right: 0;
		text-align: center;
	}
	#footer3 .fnav li a {
		text-decoration: none;
		color: #222;
		line-height: 1.8;
		font-size: 13px;
	}
/*footer3*/
}

@media(max-width:480px){
/*footer1*/
	#footer1 .Block dl {
		padding: 0 4%;
	}
/*footer1*/
}

@media(max-width:414px){
/*footer3*/
	#footer3 .ftr-Logo {
		max-width: 40%;
		margin: 0 auto 3%;
	}
	#footer3 .ftr-SNS {
		max-width: 50%;
		float: unset;
		margin-bottom: 10px;
		margin: 0 auto 5%;
		overflow: hidden;
	}
/*footer3*/

}

@media(max-width:375px){
	
}