@charset "utf-8";


.conta-moji{
background-color: gray;
width: 100%;
margin: auto 0;
margin-bottom: 80px;
}
.conta-moji p{
font-size: 34px;
font-weight: bold;
color: white;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
text-align: center;
padding-top: 40px;
padding-bottom: 40px;
}
.contact0{
max-width: 1000px;
margin: auto;
}
.contact{
width: auto;
/*text-align: center;*/
display: flex;
justify-content: center;
/*margin: auto 0;*/
margin-top: 60px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
}
.contacttt{
width: auto;
/*text-align: center;*/
display: flex;
justify-content: center;
/*margin: auto 0;*/
margin-top: 60px;
margin-bottom: 70px;
margin-left: 20px;
margin-right: 20px;
}
.conta1 img{
width: 100%;
border-radius: 7px;
box-shadow: 3px 3px 5px 0px lightgray;
}
.conta1:hover{
opacity: 0.75;
position: relative;top: 1.5px;left: 1.5px;
}
.conta1{
position: relative;
padding-left: 15px;
padding-right: 15px;
}
.conta1 .mojitati{
position: absolute;
top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
text-align: center;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
/*width: 100%;*/
/*text-align: center;*/
margin: auto 0;
}
.conta1 .dai{
color: white;
font-size: 25px;
font-weight: bold;
background-color: darkslategray;
width: 300px;
padding: 3px 0 3px 0;
border-radius: 5px;
}
.conta1 .syou{
color: black;
font-size: 15px;
margin-top: 10px;
}
.sonota{
display: none;
}
@media screen and (max-width: 800px) {
.conta1 .dai{
width: 250px;
}
.sonota{
display: inline;
}
}
@media screen and (max-width: 750px) {
.conta1 .dai{
font-size: 22px;
width: 220px;
}
.conta1 .syou{
font-size: 12px;
}
}
@media screen and (max-width: 600px) {
.contact{
width: auto;
display: inline-block;
margin-top: 20px;
}
.contacttt{
width: auto;
display: inline-block;
margin-top: -20px;
}
.conta1{
padding-left: 50px;
padding-right: 50px;
margin-top: 20px;
}
.conta1 .dai{
font-size: 25px;
width: 250px;
}
.conta1 .syou{
font-size: 15px;
}
}
@media screen and (max-width: 480px) {
.conta1{
padding-left: 30px;
padding-right: 30px;
}
}
@media screen and (max-width: 415px) {
.conta1{
padding-left: 10px;
padding-right: 10px;
}
.conta1 .dai{
font-size: 20px;
}
}

.syamei .address br{
display: none;
}
@media screen and (max-width: 680px) {
.syamei .address br{
display: inline;
}
}



.in-inner-text a .new{
color: #ea5504;
font-weight: bold;
}
