@charset "UTF-8";
h2 {
	background: url(../image/common/maru.png)no-repeat 50% 100%;
	background-size: 20px;
	padding: 1% 0 2%;
	margin: 0 auto 2%;
}
#mainPhoto {
	margin: 0 0 5%;
}
.centerLine {
	background: url(../image/common/shikaku.png) repeat-y 50% 0 #fff;
	background-size: 1px;
	padding:5% 0 0 0 ;
}
main .inner {
	background: #fff;
	padding: 1% 0 0 0;
}
main p {
	font-size: 14px;
}

#contact #contactList02 {
    max-width: 1000px;
    margin: 0 auto;
    text-align: left;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#contactList02 li {
	width: 50%;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
	position: relative;
	padding: 2% 4% 0 0%;
	margin: 4% 0 0;
}
#contactList02 li:first-child {
    border-right: none;
}

#contact #contactList02 li:nth-child(2n) {
	float:right;
	border-right: none;
	padding: 2% 0 0 4%;
}

#contact #contactList02 li:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: -1px;
	width: 8%;
	height: inherit;
	border-bottom: 1px solid #ffffff;
}
#contact #contactList02 li:after {
	content: "";
	position: absolute;
	right: -1px;
	bottom: 0;
	width: 1px;
	height: 8%;
	border-right: 1px solid #fff;
}
#contact #contactList02 li:nth-child(2n):before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 8%;
	height: inherit;
	border-bottom: 1px solid #ffffff;
}

#contact #contactList02 li .innerBox {
	width: 92%;
	margin: 0 auto;
}

#contact #contactList02 li:nth-child(2n) .innerBox {
	width: 92%;
	margin: 0 auto;
}
#contact #contactList02 h3 {
	color: #333;
	font-size: 120%;
	margin: 0 0 .8em;
	padding: 0 0 0 1.5em;
	background: url(../image/common/maru.png)no-repeat 0 0;
	background-size: 22px;
	font-weight: bold;
	line-height: 1.4;
}

#contact #contactList02 p.caption {
	margin: 0 0 .8em;
	min-height: 5.5em;
}

#contact #contactList02 a.tel {
	font-size: 100%;
}

#contact #contactList02 address {
	margin: 0 0 10%;
}


#contact #contactList02 li:last-child address {
	margin: 0 0 6%;
}


p.telephone {
    font-size: 180%;
    color: #666;
    font-weight: bold;
    font-family: 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','Avenir Next Condensed','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
	margin-bottom: 1rem;
    line-height: 1.2;
}

p.telephone a {
    color: #666;
}

.btn {
    width: 100%;
}

.appBnr div {
    width: 48%;
}

.appBnr div {
    width: 48%;
}


.information {
    border: 1px solid #d0261a;
    padding: 25px 0;
    width: 80%;
    margin: 0 auto 40px;
}

.information .title {
	font-weight: bold;
	margin-bottom: 1rem;
	font-size: 18px;
}

@media screen and (min-width:320px) and ( max-width:767px) { 

h2 {
	padding: 1% 0 6%;
	margin: 0 auto 3%;
}

#contact #contactList02 h3 {
	font-size: 110%;
	padding: 0 0 0 1.2em;
	background: url(../image/common/maru.png)no-repeat 0 10%;
	background-size: 15px;
}

main .inner {
	padding: 2% 0 0 0;
}

p.telephone {
    font-family: 'Impact','ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','DIN Condensed','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}

	#contact #contactList02 li,#contact #contactList02 li:nth-child(2n) {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #ccc;
		padding: 2% 0;
		margin: 6% 0 0;
		min-height: auto;
	}
	
	#contact #contactList02 li:first-child,#contact #contactList02 li:last-child {
		border-bottom: none;
	}
	
	#contact #contactList02 li .innerBox,#contact #contactList02 li:nth-child(2n) .innerBox {
		width: 96%;
	}
	
	#contact #contactList02 li:before,#contact #contactList02 li:nth-child(2n):before {
		border-bottom: 1px solid #ccc;
	}
	
	#contact #contactList02 li:after {
		border-right: 1px solid #ccc;
	}
	
	#contact #contactList02 li:first-child,#contact #contactList02 li:first-child:before,#contact #contactList02 li:first-child:after {
		border-bottom: none;
		border-right: none;
	}

	#contact #contactList02 address {
		text-align: center;
	}
	
	#contact #contactList02 li:first-child address {
		margin: 0;
	}

	#contact #contactList02 li:nth-child(3) {
		border-bottom: 1px solid #ccc;
	}
	
	p.btn a {
		margin: 0 auto 6%;
	}
	
	p.btn:last-child a {
		margin: 0 auto 10%;
	}
	
	.information {
		border: 1px solid #d0261a;
		padding: 20px 0;
		width: 100%;
		margin: 0 auto 30px;
	}

	.information .title {
		margin-bottom: 1rem;
		font-size: 16px;
	}
	
	.information p {
		font-size: 14px;
	}
	
	

}

@media screen and (min-width:768px) and ( max-width:1120px) { 
	#contact #contactList02 {
		max-width: auto;
	}
	#contact #contactList02 li {
		float:none;
		width: 100%;
		border-right: none;
		padding: 4%;
		min-height: auto;
	}
	#contact #contactList02 li:nth-child(2n) {
		float:none;
		padding: 4%;
	}
	#contact #contactList02 li:before {
		border-bottom: none;
	}
	#contact #contactList02 li:nth-child(2n):before {
		border-bottom: none;
	}
	#contact #contactList02 li:nth-child(3){
		border-bottom: 1px solid #ccc;
	}

	#contact #contactList02 address {
		text-align: center;
	}
	

}

@media screen and (min-width:768px) {
	p.btn a {
		margin: 0 auto 6%;
	}
	
	p.btn:last-child a {
		margin: 0 auto 10%;
	}
	
	 #contact #contactList02 li.borderNone{
		border-bottom: none;
	}
	
}