/* カスタマイズ用CSS */
body {
  font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, Roboto,  sans-serif;
}


.free_area p {
font-size: 26px ;
line-height: 1.6 ;
color: #366292 ;
font-weight: bold ;
}

.free_area p span {
    font-weight: normal ;
    font-size: 20px ;
    color: #333 ;
    margin-right: 10px ;
}

p.dial {
    font-size: 52px ;
    font-weight: 900;
    text-shadow : 2px 2px 2px #999 ;
}

.ec-inlineBtn--primary a {
    color: #FFF ;
    margin-top: 50px ;
}

.ec-inlineBtn--primary a:hover {
    text-decoration: none ;
}

.ec-headerTitle__title h1 {
    font-size: 15px ;
    text-align: center ;
}

.ec-headerTitle__title p{
    font-size: 18px;
    font-weight: normal ;
    text-align: center ;
}

.ec-itemNav {
    border-top: 1px solid #DDD ;
    border-bottom: 1px solid #DDD ;
}

.ec-headerTitle__title img {
    max-width: 300px; 
    margin-bottom: 15px ;
}

.ec-newsRole .ec-newsRole__newsDate,
.ec-newsRole .ec-newsRole__newsTitle {
    font-size: 18px ;
}

.ec-newsRole .ec-newsRole__newsDescription {
    font-size: 18px ;
}

.ec-footerRole {
    background-color: #366292
}

p.dial img {
  max-height: 50px;
  margin-right: 5px;
}

.ec-headerTitle__title h1 {
    line-height: 1.7;
}

.ec-headerTitle__title h1 span {
    font-weight: normal;
    font-size: 20px;
}


@media only screen and (min-width: 768px) {
.ec-headerTitle .ec-headerTitle__title a {
    font-size: 28px;
    font-weight: bold ;
    letter-spacing: -0.2px ;
    text-align: center ;
}

.ec-sliderRole {
    margin-top: 50px ;
}

.ec-grid2 {
    margin-top: 30px ;
}

.ec-headingTitle {
    font-weight: 700 ;
}

.product-caution {
    font-size: 15px ;
}

.product-caution strong {
    margin-right: 5px;
    margin-left: 5px ;
    font-size: 18px ;
}

.ec-borderedDefs dd {
    width: 70%;
    line-height: 2;
  }
}