@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; box-sizing: border-box; -webkit-box-sizing: border-box; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/*
   common
*/
body { position: relative; width: 100%; font-family: sans-serif; -webkit-text-size-adjust: 100%; font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, "メイリオ", sans-serif; /*font-family: "Lucida Grande", Meiryo, "ＭＳ Ｐゴシック", sans-serif;*/ color: #000; }
img { display: block; vertical-align: bottom; width: 100%; }
body > iframe, body > img { display: none; }
#pagetop { /*max-width: 1920px;*/ min-width: 300px; margin: 0 auto; }
#content { padding: 0; }
#header { height: 60px; border-bottom: 1px solid #dddfdd; position: relative; z-index: 100; background-color: #fff; }
#header .inner { max-width: 980px;/*920px*/ margin: 0 auto; position: relative; padding: 15px 0; }
#header .logo { position: relative; left: 10px; width: 168px; }
nav { border-top: 1px solid #dddfdd; border-bottom: 1px solid #dddfdd; }
#content .breadcrumb ul li:nth-child(2):before { content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAA+CAQAAAAPbbqqAAABlElEQVR4AaXXA5DgQBSE4bNt27Zt27Zt2yr7SmfbtrHmv7btbGbLZvqV9QUzmXQXYikXKVpIGS5guKwipzHcpLiGHMNwnxIashfDU0ppyHYMryijIeux+UA5DVmJzRcqasgiLH5QSUPmYPGXqhoyg1xcqaEhk8jBi9oaMoYsfKmvIcPJIJBGGjKQNEJooiF9SSaclhrSnUSiaKMhXYgnlk4a0oEYEuiqIa2JJJneGtKCUFLpryGNCSKDwRrSAH8yGKkhdfAmm3EaUhNPcpiiIdX5Tx6zNKQKf7BYoCEV+UY+yzWkPJ+wWa0hZXiDzWYNKc1zDDsVogR3MZxQgMcYDqgPsV19levVBV2pbSuLRermnqN9YjlMcw7UwpMcJirHjQ9ZjFEPveHa0ZvGQO0HkExf7TeUSHftZxhPZ+2XHEMH50APkoiktRZPQmmhhaQgGmtRzZ8GWmD0oa4WWz2ppYXn/1R3DszD4g9VnAOLsfhGRa3OfKK8VqreUUardi8ooxXMx5R0DhzBcFequSzgCsUKCVMAEm5Z8f5RMtcAAAAASUVORK5CYII=); background-size: 17px 31px; width: 17px; height: 31px; display: block; position: absolute; left: -17px; top: 0; margin: 0 5px; }
.breadcrumb ul { max-width: 920px; margin: 0 auto; height: 32px; overflow: hidden; font-size: 0; }
.breadcrumb ul li { display: block; float: left; font-size: 12px; line-height: 30px; padding: 1px 17px 1px 10px; position: relative; }
.breadcrumb ul li a { line-height: 30px; color: #00aaeb; text-decoration: none; }
#footer { padding: 9% 0 9%;/*33%;*/ text-align: center; }
#footer .pagetop { position: absolute; left: 50%; top:-50px; margin-left: -29px; }
#footer .copyright { display: inline-block; font-size: 0.75em; }
.floating { position: fixed; bottom: 0; left: 0; z-index: 9999; width: 100%; padding: 0.25em;/*4.0625%*/ 0; /*background: rgba(0, 0, 0, 0.7);*/ display: none;}
.floating p { width: 93.75%; height: 3.333em; margin: 0 auto; background: #e70012; border: 0.111em solid #000; font-weight: bold; font-size: 1.125em; text-align: center; }
.floating p:hover { background: #e63341; }
.floating p a { display: block; width: 100%; height: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcBAMAAACAI8KnAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAARnQU1BAACxjwv8YQUAAAABc1JHQgCuzhzpAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMAEWbuzHeZIrsz3URVqoipmNMyAAAA1UlEQVQY022Ruw4BQRSGfxJZEZcNHkChV2+12SdYzda8AQ8goVOSeActWtU+gkSp8QzWLQq/M5dlCqeZ+fKd/DNzBvhTkyTZ/ahLqVNOe+qaGyoZYrbUOCBfC8WBoqJsoqLWY8GWSB89xTPBEXkzPbwABRui9NXmBlaPUaOjO6jQ0Wc0vlcYqGiDHALTH97liJg8oJzLtix91B3JFFVHZj6wIZ9WSpM6/m0kH4Iqq6OlJAFeKE/R8qmnsbLDYaTRiw3dfTu7UNFrm0+2eSTXqfMNnm38AE+0y2Fm84PzAAAAAElFTkSuQmCC) no-repeat 97.5% center; background-size: 0.888em; color: #fff; line-height: 3.111em; text-decoration: none; }
.floating div { display: none; position: absolute; bottom: 117%; right: 3%; width: 2.8125em; height: 2.8125em; background: rgba(0, 0, 0, 0.4); border-radius: 1.40625em; }
.floating div:hover { opacity: 0.8; }
.floating div a { display: block; position: relative; width: 100%; height: 100%; }
.floating div a:before { position: absolute; top: 50%; left: 32.23%; margin: -0.3em 0 0 0; content: ""; width: 0.8125em; height: 0.8125em; border-left: 0.1875em solid #fff; border-top: 0.1875em solid #fff; border-radius: 0.1875em; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
.pc-none { display: block;}
.sp-none { display: none;}

@media screen and (min-width: 768px) {
.pc-style #header .logo { left: 0px; width: 168px; }
.pc-style #content .breadcrumb ul li { height: 35px; line-height: 35px; }
.pc-style .breadcrumb ul li a { line-height: 35px; text-decoration: underline; }
.pc-style .breadcrumb ul li a:hover { text-decoration: none; }
.pc-style #content .breadcrumb ul li:nth-child(2):before { content: ">"; background-image: none; text-align: center; }
.pc-style #content .breadcrumb ul li span { margin-left: 0.5em; }
.pc-style #footer { padding: 4em 0 4em;/*11em;*/ min-width: 980px;}
.pc-style .floating { padding: 0.7em/*1.625em*/ 0; }
.pc-style .floating p { max-width: 540px; height: 2.667em; border: 0.133em solid #000; font-size: 2.4em;}
.pc-style .floating p a { background-size: 0.9333em; line-height: 2.4em; }
.pc-style #footer .copyright { display: inline-block; font-size: 16px;/*0.75em;*/ }/*added*/
.pc-style .marker.pc-padding-left { padding-left: 0.3em; }
.pc-style .marker.pc-padding-none { padding: 0; }
.pc-style .marker.pc-padding-right { padding-right: 0.3em; }
.pc-style .pc-none { display: none ;}
.pc-style .sp-none { display: inherit;}
.pc-maxstyle #mv { background-size: 1732px auto; }
img {width: auto; }
}