@charset "utf-8";
/* お問い合わせ
------------------------------- */
/* フッター上のサブナビ部分 */
.sub-nav{
margin-top: 80px;
display: flex;
justify-content: space-between;
}
.sub-nav2{
margin-bottom: 80px;
text-align: center;
}

.s-con-box{
display: block;
text-align: center;
background: #fff;
border: 0.6rem solid #AAAAAA;
color: #06B4EA;
background-repeat: no-repeat;  
}
.s-con-box2{
display: block;
text-align: center;
background: #fff;
border: 0.6rem solid #AAAAAA;
color: #06B4EA;
background-repeat: no-repeat;  
}
.s-con-box2{margin-left: auto;
margin-right: auto;
width:80%;
padding: 5px 5px;
background-size: 75px
}

.con-tel{
background-image: url("../img/con01.png");
}
.con-mail{
background-image: url("../img/con02.png");
}
.con-omi{
background-image: url("../img/con03.png");
}
.s-con-box p.sub-nav-m01{
font-family: "M PLUS 1p";
font-weight: 500;
}
.s-con-box2 p.sub-nav-o01{
font-family: "M PLUS 1p";
font-weight: 500;
font-size:18px;
letter-spacing: 0.03rem;
}
.s-con-box p.sub-nav-tel{
font-family: 'Oswald', sans-serif;
font-weight: 900;
}
.s-con-box p.sub-nav-mail{
font-family: "M PLUS 1p";
font-weight: 900;
}
.s-con-box2 p.sub-nav-omi{
font-family: "M PLUS 1p";
font-weight: 900;
font-size:28px;
letter-spacing: 0.1rem;
}
.s-con-box p.sub-nav-m02{
font-family: "M PLUS 1p";
font-weight: normal;
font-size: 14px
}
.s-con-box2 p.sub-nav-o02{
font-family: "M PLUS 1p";
font-weight: normal;
font-size: 14px;
}
.sub-nav-mail::before{
content: '\f0e0';
font-family: "Font Awesome 5 Free";
font-weight: 900;
padding-right: 10px
}
.sub-nav-tel::before{
content: '\f095';
font-family: "Font Awesome 5 Free";
font-weight: 900;
padding-right: 10px
}
.sub-nav-omi::before{
content: '\f044';
font-family: "Font Awesome 5 Free";
font-weight: 900;
padding-right: 10px
}
.s-con-box a{
display: inline-block;
text-align: center;
color: #06B4EA;
line-height: 1
}
.s-con-box a:hover{
transition: all .3s; 
color: #FFFF00;
line-height: 1
}
.s-con-box2 a{
display: inline-block;
text-align: center;
color: #06B4EA;
}
.s-con-box2 a:hover{
transition: all .3s; 
color: #FFFF00;
}
/* ########### 666px以下 ########### */
@media screen and (max-width: 666px) {
/* フッター上のサブナビ部分 */

.con-tel{
background-position:106% 99%;
}
.con-mail{
background-position:101% 99%;
}
.con-omi{
background-size: 20%;
background-position:101% 80%;
}
.s-con-box p.sub-nav-m01{
font-size:18px;
letter-spacing: 0.05rem;
margin-bottom: 5px
}

.s-con-box p.sub-nav-tel{
font-size:24px;
letter-spacing: 0.3rem
}
.s-con-box p.sub-nav-mail{
font-weight: 900;
font-size:24px;
letter-spacing: 0.2rem
}	
	
	
}
/* ########### 833px以下 ########### */
@media screen and (max-width: 833px) {
/* フッター上のサブナビ部分 */
.sub-nav{
display: none
}
}
/* ########### 667pxから834pxまで ########### */
@media screen and (min-width: 667px) and (max-width: 833px) {
/* フッター上のサブナビ部分 */

.s-con-box{
width:43%;
line-height: 2;
padding: 5px 5px;
background-size: 75px
}

.con-tel{
background-position:106% 99%;
}
.con-mail{
background-position:101% 99%;
}
.con-omi{
background-size: 15%;
background-position:100% 80%;
}
.s-con-box p.sub-nav-m01{
font-size:18px;
letter-spacing: 0.05rem;
margin-bottom: 5px
}

.s-con-box p.sub-nav-tel{
font-size:24px;
letter-spacing: 0.3rem
}
.s-con-box p.sub-nav-mail{
font-weight: 900;
font-size:24px;
letter-spacing: 0.2rem
}
}	 
/* ########### 834px 以上########### */
@media screen and (min-width:834px) {
/* フッター上のサブナビ部分 */

.s-con-box{
width:45%;
line-height: 1;
padding: 12px 5px;
background-size: 90px
}

.con-tel{
background-position:103% 99%;
}
.con-mail{
background-position:97% 75%;
}
.con-omi{
background-size: 13%;
background-position:97% 75%;
}
.s-con-box p.sub-nav-m01{
font-size:19px;
letter-spacing: 0.05rem
}
.s-con-box p.sub-nav-tel{
font-size:28px;
letter-spacing: 0.4rem
}
.s-con-box p.sub-nav-mail{
font-size:28px;
letter-spacing: 0.2rem
}

}