@charset "utf-8";
/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */
@media print, screen and (min-width: 768px) {

/*トップ
---------------------------------------------*/
#termsofuse {
position: relative;
padding: 150px 0 0;
}

#termsofuse dl{
width:680px;
margin: auto;
}

#termsofuse dl dt{
font-size:18px;
font-weight: bold;
line-height: 1;
color: #086DB0;
margin-bottom: 15px;
}

#termsofuse dl dt span{
font-size: 48px;
font-family: "Noto Sans", sans-serif;
font-weight: 200;
margin-right: 5px;
}

#termsofuse dl dd{
margin-bottom: 40px;
}

#termsofuse dl dd:last-child{
margin-bottom: 0;
}

#termsofuse dl dd ol{
margin-left: 15px;
list-style-type: disc;
}

#termsofuse dl a{
color: #086DB0;
text-decoration: underline;
}

#termsofuse dl a:hover{
text-decoration: none;
}

}
/* モバイルレイアウト : 480 px およびそれ以下. */
/*sp*/
@media only screen and (max-width: 767px) {

/*トップ
---------------------------------------------*/
#termsofuse {
position: relative;
padding: 80px 0 0;
}

#termsofuse dl{
width:100%;
margin: auto;
}

#termsofuse dl dt{
font-size:1.8rem;
font-weight: bold;
line-height: 1;
color: #086DB0;
margin-bottom: 15px;
}

#termsofuse dl dt span{
font-size: 3.2rem;
font-family: "Noto Sans", sans-serif;
font-weight: 200;
margin-right: 5px;
}

#termsofuse dl dd{
margin-bottom: 30px;
}

#termsofuse dl dd:last-child{
margin-bottom: 0;
}

#termsofuse dl dd ol{
margin-left: 25px;
list-style-type: disc;
}

#termsofuse dl a{
color: #086DB0;
text-decoration: underline;
}

#termsofuse dl a:hover{
text-decoration: none;
}

}