@charset "utf-8";
/* CSS Document */
html {
	font:16px/1.231 arial,helvetica,clean,sans-serif;
	font-size: 16px;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
    line-height: 1.5em;
    touch-action: manipulation;
}
html,body {
	width: 100%;
	height:100%;
	margin:0px;
}
h1,h2,h3,h4,h5,p,dd,dl,dt {
    margin: 0;
    padding: 0;
}
ul,li,ol{
	list-style-type: none;
	text-decoration: none;
    margin: 0;
    padding: 0;
}
header{
    border-bottom:1px solid #dfdfdf;
}
/*パンくず*/
.breadcrumbs {
    max-width: 1100px;
    margin: auto;
    padding: 1rem 0;
}
.breadcrumbs ol{
    list-style: none;
}
.breadcrumbs ol li{
    display: inline-block;
    position: relative;
    margin-right: 2rem;
}
.breadcrumbs ol a{
    color: #999999;
    text-decoration: none;
}
.breadcrumbs ol a:hover{
    text-decoration: underline;
}
.breadcrumbs ol li:after {
    content: ">";
    position: absolute;
    top: 46%;
    right: -1.55rem;
    font-size: 1.1rem;
    color: #999;
    line-height: 2.1;
    transform: translate(0, -50%);
}
.breadcrumbs ol li:last-child:after{
    content: "";
}
/*PC用デザイン*/
@media screen and (min-width: 769px) {
.pc-none{
    display: none;
}
}
/*SP用デザイン*/
@media screen and (max-width: 768px) {
.sp-none{
    display: none;
}
/*パンくず*/
.breadcrumbs{
    padding: 12px 20px 0;
}
.breadcrumbs ol {
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: flex-start;
    overflow-x: auto;
    height: 26px;
}
.breadcrumbs ol li{
    white-space: nowrap;
    line-height: 1;
}
.breadcrumbs ol a{
    font-size: 0.7rem;
    line-height: 1;
}
}