@charset "UTF-8";
@import url("reboot.css");

*{
outline:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
*::before,
*::after{
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* =========================================================
Reset
=========================================================== */
ul, menu, dir{
display:block;
list-style-type:none;
margin-block-start:0;
margin-block-end:0;
margin-inline-start:0;
margin-inline-end:0;
padding-inline-start:0;
}
dl,dd,dt{
margin:0;
font-weight:normal;
}

/* =========================================================
Rules
=========================================================== */
.sponly{
display:none;
}
.pconly{
display:block;
}

/* =========================================================
Clearfix
=========================================================== */
.clearfix:after{
content:" ";
display:block;
visibility:hidden;
clear:both;
height:0;
font-size:0.1em;
line-height:0;
zoom:1;
}

/* =========================================================
Laytout
=========================================================== */
body{
color:#373232;
background:#ffffff;
font-family:'-apple-system,BlinkMacSystemFont,Avenir','Helvetica Neue','Helvetica','Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', sans-serif;
font-size:15px;
line-height:1.8;
-webkit-text-size-adjust:100%;
-moz-text-size-adjust:100%;
-ms-text-size-adjust:100%;
text-size-adjust:100%;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
word-wrap:break-word;
background-image:url(../common/img/bg_pc.jpg);
background-position:center center;
background-attachment:fixed;
background-size:cover;
background-color:#030219;
}
.l-container{
position:relative;
margin:0 auto;
min-width:1092px;
}
.l-container__inner{
position:relative;
margin:0 auto;
max-width:980px;
z-index:5;
}

/* =========================================================
Loading
=========================================================== */
.l-load{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
z-index:1000;
background:#000000;
}
.l-load__inner{
position:absolute;
top:50%;
left:50%;
margin:-160px 0 0 -120px;
width:240px;
height:251px;
}
.l-load__thanks{
position:relative;
margin:0 auto 15px;
width:240px;
height:40px;
}
.l-load__kizuna{
position:relative;
margin:0 auto 20px;
width:210px;
height:144px;
}
.l-load__thanks img,
.l-load__kizuna img{
width:100%;
height:auto;
display:block;
}
.l-load__img{
position:relative;
margin:0 auto;
width:200px;
height:32px;
font-size:0;
line-height:1;
text-align:center;
}
.l-load__img img.l-load__img1{
width:160px;
height:32px;
display:inline-block;
}
.l-load__img img.l-load__img2{
width:21px;
height:32px;
display:inline-block;
}

/* =========================================================
Page Header Type1
=========================================================== */
.l-header{
position:relative;
margin:0;
min-width:1092px;
z-index:2;
}
.l-header__inner{
position:relative;
margin:0 auto;
padding:15px 0 30px;
max-width:980px;
}
.l-header__logo{
position:relative;
margin:0 auto 20px;
padding-top:48px;
width:680px;
}
.l-header__date{
position:relative;
margin:0 auto 20px;
width:740px;
}
.l-header__date2{
position:relative;
margin:0 auto 20px;
width:660px;
}
.l-kizuna__logo{
position:absolute;
top:10px;
left:3%;
width:18%;
height:auto;
z-index:5;
}
.l-kizuna__logo img{
width:100%;
height:auto;
display:block;
}


/* =========================================================
Page Header PageTitle
=========================================================== */
.l-header__pTitle{
position:relative;
margin:0 auto;
width:580px;
}
.l-header__pTitle-a{
position:relative;
margin:0 auto;
padding:0;
width:0;
height:88px;
border-bottom:1px solid #373232;
overflow:hidden;
}
.l-header__pTitle-b{
position:relative;
margin:0 auto;
padding:0;
width:100%;
height:52px;
overflow:hidden;
}
.l-header__pTitle-a span{
position:relative;
width:100%;
height:98px;
display:block;
overflow:hidden;
}
.l-header__pTitle-b span{
position:relative;
width:100%;
height:52px;
display:block;
overflow:hidden;
}
.l-header__pTitle-a span img{
position:absolute;
top:98px;
height:98px;
width:auto;
display:block;
}
.l-header__pTitle-b span img{
position:absolute;
bottom:52px;
height:42px;
width:auto;
display:block;
}

/* =========================================================
Footer
=========================================================== */
.l-footer{
position:relative;
width:100%;
min-width:1092px;
border-top:1px solid #003f52;
background-color:rgba(0,100,130,.3);
z-index:5;
}
.l-footer__inner{
position:relative;
margin:0 auto;
padding:30px 0 0;
max-width:980px;
}
.l-footer__bn{
position:relative;
margin:0 0 10px;
width:100%;
font-size:0;
text-align:center;
}
.l-footer__bn li{
position:relative;
margin:0 0 10px;
width:220px;
font-size:0;
text-align:center;
border-radius:4px;
display:inline-block;
vertical-align:bottom;
overflow:hidden;
}
.l-footer__bn li a,
.l-footer__bn li a img{
width:100%;
height:auto;
display:block;
}
.l-footer__sns{
position:relative;
margin:0 0 20px;
width:100%;
font-size:0;
text-align:center;
}
.l-footer__sns li{
position:relative;
margin:0 10px;
width:64px;
height:64px;
display:inline-block;
vertical-align:bottom;
}
.l-footer__sns li a,
.l-footer__sns li a img{
width:100%;
height:auto;
display:block;
}
.l-footer__copy{
position:relative;
padding:0 0 20px;
color:#ffffff;
font-size:12px;
text-align:center;
}