@charset "utf-8";
* {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.8;
    color: #333;    
}
a:link {
    color: #545454;
    transition: color 0.3s;  
    text-decoration: none;
}
a:visited {
    color:#545454;
}
a:hover {
    color: #31aae2;
    text-decoration: none;
}
a:active {
    color: #31aae2;
  }
h1 {
    font-size: 1.8rem;
    margin-top: 10px;
}
h3 , h3 a {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 10px;
    padding-left: 10px;
}
.menu {
    background: #f3f3e3;
    padding: 50px 30px;
    border-radius: 10px;
}
.order {
    margin-top: 40px;
}
.orderLogo{
    height: 70px;
}
.title{
    text-align: center;
    margin: 40px 0 50px 0;
}
.title h2{
    font-size: 1.3rem;
    margin-top: 30px;    
}
.row {
    margin-top: 20px;
}
ul {
    list-style-type: none;
}
li {
    margin-bottom: 5px;
}
li:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
    color: #f7dc14;
}

#history {
    border: solid 1px #888888; 
    padding: 30px;
    margin: 50px;
}
@media screen and (max-width: 480px) {
    #history{
        padding: 10px;
    }
}
#history .title{
    margin-top: 0;
}    
#history h2 a{
    font-size: 1.5rem;
    margin: 30px 0;
    display: inline-block;
    border-bottom: dashed 2px #31aae2;
    padding-bottom: 10px;
    font-weight: 600;
}

#supportDesk {
    border: solid 1px #888888; 
    padding: 30px;
    margin: 50px;
}
@media screen and (max-width: 480px) {
    #supportDesk{
        padding: 10px;
    }
}
#supportDesk .title{
    margin-top: 0;
}    
#supportDesk h2{
    font-size: 1.5rem;
    margin: 30px 0;
    display: inline-block;
    border-bottom: dashed 2px #31aae2;
    padding-bottom: 10px;
    font-weight: 600;
}
@media screen and (max-width: 480px) {
    #supportDesk h2{
        font-size: 1rem;
    }
}
#supportDesk h3{
    margin-bottom: 30px;
}
#supportDesk .intro{
    margin-bottom: 20px;
}
#supportDesk .container{
    margin: 40px 0;
}
#supportDesk .tel:before {
    content: "\f095";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
    color: #f7dc14;
}
#supportDesk .mail:before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
    color: #f7dc14;
}

.dl-list {
    display: flex;
    margin-bottom: 1em;
    padding-bottom: 0.8em;
    align-items: flex-start;
    border-bottom: solid 1px #EFEFEF;
}
@media screen and (max-width: 480px) {
    .dl-list{
        display: block;
    }
}
.dl-list dt {
    width: 140px;
    display: flex;
    padding-right: 1em;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
}
dd {
    margin-bottom: .5rem;
    margin-left: 0;
}