@charset "UTF-8";
/* CSS Document */
:root {
    --main-font: 'M PLUS 1p', sans-serif;
    --sub-font: 'Outfit', sans-serif;
    --black: #111111;
    --white: #ffffff;
    --blue: #0E2788;
    --blue-gradient-btn: linear-gradient(200deg, #020A5F 0%, #1F51C4 75%);
   }
/* Reset
**********************************************/
* {
    margin: 0;
    padding: 0;
}
a {
    text-decoration : none;
    color: #008bda;
}
ul,
ol {
    list-style : none
}
img {
    vertical-align : middle;
    max-width: 100%;
    height: auto;
}
.ie8 img {
    width: auto
}


/* 基本設定
**********************************************/
html {
    height: 100%;
}

body {
    /*font-family: "osaka", "HGS ゴシック M", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    /*font-size: 13px;*/
    width: 100%;
    /* font-family: var(--main-font); */
    font-family: "M PLUS 1p", "osaka", "HGS ゴシック M", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* iframe内のCSS */
html,
body {
  overflow: auto;

  scrollbar-width: none;      /* Firefox */
  -ms-overflow-style: none;   /* IE / 旧Edge */
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
}

.f-left {
    float: left
}
.f-right {
    float: right
}


/* リンク設定
**********************************************/
a {
    text-decoration: none
}
a img,
a {
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}
a:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.png_img,
.pointer {
    cursor: pointer
}





.topPage h2 {
    width: 940px;
    margin: 1.5em auto .8em auto;
}

.whatsnew {
    width: 90%;
    margin: 0 auto;
}
#news-wrap {
    overflow: hidden;
    zoom: 1;
}
#news-wrap div {}
#news-wrap h3 {
    display: none;
}
dl.topics {margin: 3px 0;color: var(--blue);}

dl.topics dt {
    float: left;
    color: var(--blue);
    padding: 15px 0;
    border-top: 1px solid var(--blue);
    width: 100%;
    box-sizing: border-box;
    font-weight: 400;
}

dl.topics dd {
    margin-top: -38px;
    float: left;
    padding: 0 0 10px 120px;
    box-sizing: border-box;
    font-weight: 400;
}

.news_img{
	width:auto;
	height:130px;
    padding-top: 40px;
	}

.news_b{margin-bottom:30px;}




@media \0screen\,screen\9 { 
    #news {
        width: 100%;
        min-width: 960px;
        width: expression(document.body.clientWidth < 962? "960px" : "auto");
    }
}


@media screen and (max-width: 959px) { 


}
@media screen and (max-width: 690px) { 
    .whatsnew {font-size: 14px;}
    .topPage h2 {margin: 1em auto .3em auto}
    #news-wrap h3 {width: 100%}
    #news-wrap div {width: 100%}
    dl.topics dd {float: none;padding: 6px 0 10px 0;margin-top: 0;}
	dl.topics dt {float: none;padding: 10px 0 0 0;}
    .news_img{padding-top: 10px;
	}
}
@media screen and (max-width: 480px) { 

.news_img{
	width:auto;
	height:90px;
	}
.news_b{}


iframe{height:200px;}
}