@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
font-weight: normal;
}
/* サイト基本設定 */
body{
font-family: 'Noto Sans JP', sans-serif;
color: #333;
line-height:1.5;
}
.container {
width: 1080px;
margin: 0 auto;
}
.center {
text-align: center;
}
.red-arrow {
max-width: 30px;
width: 100%;
margin-right: 12px;
color: #ed1c24!important;
}
.wrap {
overflow: hidden;
position: relative;
z-index: 10;
padding: 28px 0;
background-color: #f9f7f7!important;
margin-top: 0px;
}
.bg-image-loop{
width: 100%;
height: 20px;
position: relative;
background: url(https://static.cms.flux.jp/w/T7BbYHL7ra/images/divider_posi.png) repeat-x 0 0;
background-size: auto 100%;
animation: bg-slider 50s linear infinite;
padding: 0;
animation-direction:reverse;
}
@keyframes bg-slider {
from { background-position: 0 0; }
to { background-position: -1518px 0; } /* 1518pxとは使用した背景画像の長さ */
}
@media screen and (max-width: 480px) {
.wrap {
padding: 18px 0;
}
.bg-image-loop {
height: 13px;
}
}
/* サイト基本設定 */
img {
vertical-align: bottom;
max-width:100%;
width: 100%;
height: auto;
}
a {
text-decoration:none;
color: #000;
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
cursor: pointer;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
ul {
list-style: none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
width: 100%;
}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
color: #000;
}
input[type="button"] {
-webkit-appearance: none;
border-radius: 0;
}
button{
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
}