@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap');

/*paddingとborderがwidthとheightの中に含まれるようになる*/
*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

.pc { display: block; }
.sp { display: none; }

a { text-decoration: underline; color: #26348c; }
a:hover { text-decoration: none; color: #26348c; }
a:visited { color: #26348c; }

/* FADE定義 */
.fade { opacity: 0; }
.fadeRight { animation-name: fadeRightAnime; animation-duration: 0.8s; animation-fill-mode:forwards; opacity: 0; }
@keyframes fadeRightAnime{ from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
.delay-time02{
animation-delay: 0.2s;
}

.delay-time04{
animation-delay: 0.4s;
}

/* ベース定義 */

html { scroll-behavior: smooth; }

body { font-size: 100%; line-height: 220%; color: #333333; background-color: #ffffff; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; margin: 0; padding: 0; overflow-x: hidden; }

section.content { display: block; width: 100%; max-width: 1280px; margin: 20px auto 0; padding: 0; }

a,a:hover { transition : all 0.2s; }
a img,a:hover img { transition: 0.3s; }
a:hover img { opacity: 0.6; }

#page_top { position: fixed; right: 60px; bottom: -150px; opacity: 1; z-index: 999; }
#page_top a { position: relative; display: block; transition: 0.5s; }
#page_top a::before { bottom: 0; right: 0; left: 0; margin: auto; text-align: center; opacity: 0.6; }
#page_top a:hover { opacity: 0.6; }

i { margin: 0 8px 0 0; }

/*個別設定*/

header { display: block; overflow: hidden; width: 100%; margin: 20px auto 0; width: 100%; max-width: 1280px; }
header img:nth-child(1) { display: block; width: 339px; margin: 0 0 0 0; float: left; }
header img:nth-child(2) { display: block; width: 286px; margin: 5px 10px 0 0; float: right; }

.slide { position: relative; width: 100%; height: 500px; overflow: hidden; }
.slide-image { background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; animation: slider-1 24s linear infinite; }
.slide-image:nth-child(1) { background-image: url(../images/husky01.jpg); animation-delay: -2s; }
.slide-image:nth-child(2) { background-image: url(../images/husky02.jpg); animation-delay: 6s; }
.slide-image:nth-child(3) { background-image: url(../images/husky03.jpg); animation-delay: 14s; }
.slide-image:nth-child(4) { background-image: url(../images/husky01.jpg); animation-delay: -2s; }
.slide-image:nth-child(5) { background-image: url(../images/husky04.jpg); animation-delay: 6s; }
.slide-image:nth-child(6) { background-image: url(../images/husky03.jpg); animation-delay: 14s; }
@keyframes slider-1 { 0% { opacity: 0; transform: scale(1); } 4.16% { opacity: 1; } 33.33% { opacity: 1; } 41.66% { opacity: 0; transform: scale(1.2); } 100% { opacity: 0; } }

.slide-text { position: absolute; bottom: 10px; right: 10px; color: #fff; opacity: 0.4; font-size: 400%; line-height: 100%; text-align: right; }

.content { display: block; width: 100%; max-width: 1100px; margin: 40px auto 60px; position: relative; }

.box { width: 100.1%; margin: 0 0 20px; border-bottom: 2px solid #000; vertical-align: bottom; }
/*.box span.date { display: inline-block; font-size: 85%; margin: 0 0 0 10px; }*/
.box span.text { display: inline-block; font-size: 140%; margin: 0 0 0 20px; }
.box a { display: block; float: right; color: #fff; background-color: #000; text-decoration: none; margin: 0 0 0 10px; padding: 2px 20px; font-size: 110%; /*line-height: 230.09%;*/ }
.box a:hover { background: #26348c; }

div.historical-data div.language { overflow: hidden; }
div.historical-data div.language span { display: block; float: right; width: 40%; text-align: right; padding: 20px 105px 20px 0; }

div.historical-data { overflow: hidden; margin: 35px auto 100px; line-height: 230%; }
div.historical-data div.box { width: 40%; margin: 0 0 20px; border-bottom: 2px solid #000; vertical-align: bottom; float: right; }
div.historical-data div.title { padding: 60px 0 40px; margin: 0; clear: both; }
div.historical-data span.title { display: block; float: left; font-size: 180%; width: 20%; margin: 0 0 20px; border-bottom: 2px solid #000; padding: 2px 0 2px 5px; clear: both; }

div.btn { text-align: center; clear: both; padding: 45px 0 0 0; }
div.btn a { display: block; width: 30%;
  float: none;
  color: #fff;
  background-color: #000;
  text-decoration: none;
  margin: 0 auto;
  padding: 10px 20px;
  font-size: 110%;}
div.btn a:hover { background: #26348c; }

h1 { font-size: 240%; text-align: center; margin: 100px 0 0 0; background-color: #E8E8E8; padding: 20px; }
div.title { width: 100%; margin: 60px 0 40px; text-align: left; font-size: 180%; }

div.usbdriver { height: 300px; background: url("../images/usb-title.jpg"); background-size: cover; }

#footer { text-align: center; font-size: 85%; margin: 100px 0 40px; }
#footer img { display: block; width: 300px; margin: 0 auto 20px; }

.cookie-consent {
            display: flex;
            justify-content: center;
            align-items: center;
            position: fixed;
            bottom: 0;
            width: 100%;
            font-size: 12px;
            color: #fff;
            background: rgba(0,0,0,.7);
            padding: 1.2em;
            box-sizing: border-box;
            visibility: hidden;
        }
        .cookie-consent.is-show {
            visibility: visible;
        }
/*        .policy-link, :link, :visited, :hover, :active {
            color: rgb(0, 136, 255);
            font-size: 15px;
            text-decoration: none;
        }*/
        .cookie-agree {
            color: #fff;
            background: dodgerblue;
            padding: .2em 1.5em;
            margin-left: 40px;
			border-radius: 10px;
			border:2px solid dodgerblue;
        }
		.cookie-reject {
            color: dodgerblue;
            background: none;
            padding: .2em 1.5em;
            margin-left: 20px;
			border-radius: 10px;
			border:2px solid dodgerblue;
        }
        .cookie-agree:hover, .cookie-reject:hover {
            cursor: pointer;
        }
        /* パッと消える */
        .cc-hide1 {
            display: none;
        }
        /* ゆっくり消える */
        .cc-hide2 {
            animation: hide 1s linear 0s;
            animation-fill-mode: forwards;
        }
        @keyframes hide {
            from {
                opacity: 1;
            }
            to {
                opacity: 0;
                visibility: hidden;
            }
        }
        /* メディアクエリ */
        @media screen and (max-width: 600px) {
            .cookie-consent {
                flex-direction: column;
            }
            .cookie-text {
                margin-bottom: 1em;
            }
        }