@charset "utf-8";

/* mainvisual
------------------------------------------------------------------------------------------------------------- */
#mainvisual{
width:100%;
min-width:950px;
height:526px;
margin-top:-78px;
background:url(../img/top/mainvisual.jpg) no-repeat center top;
background-size:cover;
position:relative;
}
#mainvisualWrapper{
width:950px;
height:526px;
margin:0 auto;
overflow:hidden;
position:relative;
}
#mainvisualLogo,
#mainvisualTxt{
display:block;
overflow:hidden;
position:absolute;
text-indent:150%;
white-space:nowrap;
}
#mainvisualLogo{
width:240px;
height:180px;
background:url(../img/top/mainvisual_logo.png) no-repeat left top;
top:120px;
left:50px;
opacity:0;
-webkit-transition: 2.0s ease;
-moz-transition: 2.0s ease;
-o-transition: 2.0s ease;
transition: 2.0s ease;
}
#mainvisual.load #mainvisualLogo{
opacity:1;
}
#mainvisualTxt{
width:656px;
height:112px;
background:url(../img/top/mainvisual_txt.png) no-repeat left top;
top:340px;
left:-800px;
-webkit-transition: 1.4s ease 1s;
-moz-transition: 1.4s ease 1s;
-o-transition: 1.4s ease 1s;
transition: 1.4s ease 1s;
}
#mainvisual.load #mainvisualTxt{
left:43px;
}
@media (max-width: 768px) {
    #mainvisual{
    min-width:0;
    height:155px;
    margin-top:0;
    background:url(../img/top/mainvisual.jpg) no-repeat center top;
    background-size:cover;
    }
    #mainvisualWrapper{
    width:100%;
    height:155px;
    }
    #mainvisualLogo{
    width:100px;
    height:75px;
    background:url(../img/top/mainvisual_logo.png) no-repeat left top;
    background-size:100px 75px;
    top:10px;
    left:25px;
    }
    #mainvisualTxt{
    width:270px;
    height:46px;
    background:url(../img/top/mainvisual_txt_sp.png) no-repeat left top;
    background-size:270px 46px;
    top:98px;
    left:-270px;
    }
    #mainvisual.load #mainvisualTxt{
    left:22px;
    }
}

/* contentsListSec
------------------------------------------------------------------------------------------------------------- */
#contentsListSec{
width:100%;
min-width:950px;
background-color:#f5f5f5;
position:relative;
z-index:9999;
}
#contentsListSec ul{
width:950px;
margin:0 auto;
display:table;
}
#contentsListSec li{
width:33.3%;
display:table-cell;
vertical-align:top;
text-align:center;
}
#contentsListSec a{
padding:40px 5px;
display:inline-block;
-webkit-transition: 0.4s ease;
-moz-transition: 0.4s ease;
-o-transition: 0.4s ease;
transition: 0.4s ease;
color:#c90915;
text-align:center;
}
#contentsListSec a:hover{
text-decoration:none;
}
#contentsListSec img,
#contentsListSec a > span{
margin:0 auto;
display:block;
line-height:1.2;
}
#contentsListSec img{
width:160px;
height:160px;
-webkit-transition: 0.4s ease;
-moz-transition: 0.4s ease;
-o-transition: 0.4s ease;
transition: 0.4s ease;
}
#contentsListSec a:hover img{
-webkit-transform: scale(1.1) translateZ(0);
transform: scale(1.1) translateZ(0);
}
#contentsListSec a > span{
margin-top:20px;
}
@media (max-width: 768px) {
    #contentsListSec{
    min-width:100%;
    padding:20px 10px 0;
    }
    #contentsListSec ul{
    width:100%;
    display:block;
    }
    #contentsListSec li{
    width:100%;
    display:block;
    }
    #contentsListSec a{
    padding:20px 0;
    display:block;
    }
    #contentsListSec a:hover{
    text-decoration:none;
    }
}

/* newsListSec
------------------------------------------------------------------------------------------------------------- */
#newsListSec h1{
padding-left:34px;
background:url(../img/common/head_icon_01.png) no-repeat left center;
font-size:30px;
font-size:3.0rem;
}
#newsListSec h1 span{
margin-left:20px;
display:inline-block;
font-size:20px;
font-size:2.0rem;
}
#newsListSec{
width:100%;
min-width:950px;
background-color:#fff;
position:relative;
z-index:9999;
}
#newsListInner{
width:950px;
margin:0 auto;
padding:40px 0;
position:relative;
}
#newsList dl{
margin-top:30px;
}
#newsList dt{
font-size:16px;
font-size:1.6rem;
line-height:1.5;
}
#newsList dt span[class^="newsType"]{
margin-left:20px;
padding:2px 8px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:14px;
font-size:1.4rem;
}
#newsList dt .newsType01{background-color:#bae5dc;}
#newsList dt .newsType02{background-color:#bccbf4;}
#newsList dt .newsType03{background-color:#f2c0f5;}
#newsList dt .newsType04{background-color:#eedc92;}
#newsList dd{
margin-top:10px;
margin-left:120px;
}
#newsList dd a{
padding-left:18px;
background:url(../img/common/arrow_icon_01.png) no-repeat 0 7px;
background-size:7px 11px;
-webkit-transition: 0.4s ease;
-moz-transition: 0.4s ease;
-o-transition: 0.4s ease;
transition: 0.4s ease;
display:block;
color:#307294;
font-size:18px;
font-size:1.8rem;
line-height:1.5;
}
#newsList dd a:hover{
color:#c90915;
text-decoration:none;
}
#updateListLink a{
position:absolute;
top:40px;
right:0;
width:20%;
padding:8px 15px 8px;
border:2px solid #616161;
display:block;
-webkit-transition:0.4s ease;
-moz-transition:0.4s ease;
-o-transition:0.4s ease;
transition:0.4s ease;
text-decoration:none;
color:#616161;
}
#updateListLink a:after{
content:"";
width:7px;
height:11px;
display:block;
background:url(../img/common/arrow_icon_06.png) no-repeat left top;
background-size:7px 11px;
position:absolute;
top:0;
bottom:0;
margin:auto;
right:15px;
-webkit-transition: 0.4s ease;
-moz-transition: 0.4s ease;
-o-transition: 0.4s ease;
transition: 0.4s ease;
}
#updateListLink a:hover{
background-color:#c90915;
border:2px solid #c90915;
color:#fff;
}
#updateListLink a:hover:after{
background-image:url(../img/common/arrow_icon_07.png);
right:10px;
}
@media (max-width: 768px) {
    #newsListSec h1{
    padding:5px 0 3px 32px;
    background-image:url(../img/common/head_icon_01_sp.png);
    background-size:24px 26px;
    font-size:22px;
    font-size:2.2rem;
    }
    #newsListSec h1 span{
    margin-left:20px;
    display:inline-block;
    font-size:18px;
    font-size:1.8rem;
    }
    #newsListSec{
    min-width:100%;
    }
    #newsListInner{
    width:100%;
    padding:30px 10px 20px;
    }
    #newsList dl:first-of-type{
    margin-top:30px;
    }
    #newsList dl:not(:first-of-type){
    margin-top:30px;
    }
    #newsList dd{
    margin-left:0;
    }
    #newsList dd a{
    background-size:7px 11px;
    }
    #updateListLink{
    margin-top:30px;
    }
    #updateListLink a{
    position:relative;
    top:0;
    width:100%;
    padding:12px 15px 10px;
    display:block;
    text-align:center;
    }
}

/* bottomNav
------------------------------------------------------------------------------------------------------------- */
#bottomNav{
width:100%;
min-width:950px;
background-color:#f5f5f5;
position:relative;
z-index:9999;
}
#bottomNav ul{
width:976px;
margin:0 auto;
padding:40px 0;
display:table;
}
#bottomNav li{
width:25%;
padding:0 13px;
display:table-cell;
vertical-align:top;
text-align:center;
}
#bottomNav a{
width:100%;
height:133px;
padding:16px 5px;
border:1px solid #c8c8c8;
background-color:#fff;
display:block;
-webkit-transition: 0.4s ease;
-moz-transition: 0.4s ease;
-o-transition: 0.4s ease;
transition: 0.4s ease;
text-align:center;
text-decoration:none;
}
#bottomNav03 a,
#bottomNav04 a{padding-top:24px;}
#bottomNav a:hover{
border:1px solid #c90915;
color:#c90915;
}
#bottomNav a:before{
content:"";
display:block;
margin:0 auto 10px;
background-repeat:no-repeat;
background-position:left top;
-webkit-transition:0.2s ease;
-moz-transition:0.2s ease;
-o-transition:0.2s ease;
transition:0.2s ease;
}
#bottomNav03 a:before,
#bottomNav04 a:before{margin-bottom:12px;}
#bottomNav01 a:before{
width:73px;
height:71px;
background-image:url(../img/top/bottom_nav_icon_01.png);
background-size:73px 71px;
}
#bottomNav02 a:before{
width:56px;
height:71px;
background-image:url(../img/top/bottom_nav_icon_02.png);
background-size:56px 71px;
}
#bottomNav03 a:before{
width:83px;
height:59px;
background-image:url(../img/top/bottom_nav_icon_03.png);
background-size:83px 59px;
}
#bottomNav04 a:before{
width:97px;
height:59px;
background-image:url(../img/top/bottom_nav_icon_04.png);
background-size:97px 59px;
}
#bottomNav a:hover:before,
#bottomNav a:focus:before,
#bottomNav a:active:before{
-webkit-transform: scale(1.1) translateZ(0);
transform: scale(1.1) translateZ(0);
}
@media (max-width: 768px) {
    #bottomNav{
    min-width:100%;
    padding:30px 10px 20px;
    }
    #bottomNav ul{
    width:100%;
    padding:0;
    display:block;
    font-size:0;
    }
    #bottomNav li{
    box-sizing:border-box;
    width:49%;
    padding:0;
    display:inline-block;
    text-align:center;
    font-size:14px;
    margin-bottom:8px;
    }
    #bottomNav li:nth-of-type(2n+1){
    margin-right:1%;
    }
    #bottomNav li:nth-of-type(2n){
    margin-left:1%;
    }
    #bottomNav a{
    height:105px;
    }
    #bottomNav03 a,
    #bottomNav04 a{padding-top:20px;}
    #bottomNav03 a:before,
    #bottomNav04 a:before{margin-bottom:12px;}
    #bottomNav01 a:before{
    width:50px;
    height:48px;
    background-image:url(../img/top/bottom_nav_icon_01.png);
    background-size:contain;
    }
    #bottomNav02 a:before{
    width:38px;
    height:48px;
    background-image:url(../img/top/bottom_nav_icon_02.png);
    background-size:contain;
    }
    #bottomNav03 a:before{
    width:59px;
    height:42px;
    background-image:url(../img/top/bottom_nav_icon_03.png);
    background-size:contain;
    }
    #bottomNav04 a:before{
    width:70px;
    height:42px;
    background-image:url(../img/top/bottom_nav_icon_04.png);
    background-size:contain;
    }
}

od {
	list-style:none;
	display: table;
　　table-layout: fixed;
    padding-left: 0;
}

/*TOPボタン画像*/
.topList li{
width:220px;
height:50px;
margin:2px 2px;
vertical-align:top;
display: table-cell;
float:left;
}