@charset "UTF-8";
/* CSS Document */
/****************************************

          General Setting

*****************************************/

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, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure {
	margin: 0px;
	padding: 0px;
	outline: 0px none;
	border: 0px none;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
}
*{
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: 'Roboto','Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
    line-height: 180%;
    font-size: 14px;
    color: #444444;
}
a {
    color: #444444;
    text-decoration: none;
}
a img{
  border: none;
}
.bold500{
    font-weight: 500;	
}

.box{
    clear: both;	
}

.pad-t-10{
    padding-top: 10px;
}
.pad-t-20{
    padding-top: 20px;
}
.pad-t-30{
    padding-top: 30px;
}
.pad-t-40{
    padding-top: 40px;
}
.pad-t-50{
    padding-top: 50px;
}
.pad-t-60{
    padding-top: 60px;
}
.pad-b-10{
    padding-bottom: 10px;
}
.pad-b-40{
    padding-bottom: 40px;
}
.pad-b-50{
    padding-bottom: 50px;
}
.pad-b-60{
    padding-bottom: 60px;
}
.mar-L20{
    margin-left: 20px;	
}
.mar-L40{
    margin-left: 40px;	
}
.m-line{
    margin-top: 40px;
    margin-bottom: 40px;
    border-top: 4px double #1a4291;
}
.siro{
    color: #FFFFFF;	
}
.aka{
    color: #FF0004;
}
.bold500{
    font-weight: 500;	
}
.chuui{
    font-size: 0.8rem;
    margin-top: 10px;
}
.b-center{
	margin: 0px auto;
}
.b-righi{
	margin: 0px 0px 0px auto;
}
.b-left{
	margin: 0px auto 0px 0px;
}
.t-right{
    text-align: right;	
}
.t-center{
    text-align: center;
}
.t-gyoutume{
    line-height: 110%;
}
.bg-ao{
    background-color: #1a4291;
}
.bg-midori{
    background-color: #32B700;
}
.link-aria a{
    text-decoration: underline;
    color: #003AFF;
}
.link-aria a:hover{
    text-decoration: none;
    color: #82CD83;
}

.wrap{
    max-width: 1280px;
    background-color: #FFFFFF;
    width: 100%;
}

/****************************************

          hed

*****************************************/

.site-header{
    background: #fff;
    position: fixed;
    width: 100%;
    height: 80px;
    padding-left: 20px;
    z-index: 1;
}
.top-rogo, .top-rogo a{
    margin-top: 20px;
	height: 50px;
}
.top-rogo a:hover{
    opacity: 0.5;    
}
.top-waku{
    height: 80px;
    position: fixed;
    right: 0px;
    top: 0px;
	z-index: 1;
}
.top-btn{
    width: 100px;
    height: 80px;
    text-align: center;
    color: #FFFFFF;
    background-color: #32B700;
    font-size: 80%;
	padding-top: 15px;
}
.top-btn02{
    width: 100px;
    height: 80px;
    text-align: center;
    color: #FFFFFF;
    background-color: #1a4291;
    font-size: 80%;
	padding-top: 15px;
}
.top-btn:hover, .top-btn02:hover{
    background-color: #5B5B5B;
	transition: .5s;
}

.top-move{
    width: 100%;
    height: 500px;
    position: relative;
}
.top-img{
    width: 100%;
    height: 260px;
    position: relative;
}
.top-img-demo{
    width: 100%;
    height: 128px;
    position: relative;
    background-color: #fff;
}
.top-midashi{
    position: absolute;
    left: 80px;
    top: 180px;
    text-align: center;
    font-size: 1.8rem;
    color: #FFFFFF;
}
.top-ttl{
    position: absolute;
    left: 100px;
    top: 280px;
    text-align: center;
    font-size: 2.6rem;
	font-family: 'Heebo', sans-serif;
    color: #FFFFFF;
}
.top-copy{
    position: absolute;
    left: 100px;
    top: 310px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 300;
    color: #FFFFFF;
}
.top-wind{
    position: absolute;
    right: 30px;
    top: 160px;
    width: 200px;
    height: 300px;
}
.top-wind .inner{
    width: 100%;
    margin-bottom: 10px;
}
.top-wind .inner:hover{
    opacity: 0.7;
}


/****************************************

          bg

*****************************************/

.bg-sec-ao{
    display: block;
    background-color: #1a4291;
}
.bg-sec-aoG{
    display: block;
    background-color: #00305c;
}
.bg-sec-aoS{
    display: block;
    background-color: #DCF1FB;
}
.bg-sec-midS{
    display: block;
    background-color: #DCFBDC;
}
.bg-sec-g1{
    display: block;
    background-color: #e9eff4;
}
.bg-sec-g2{
    display: block;
    background-color: #EFEFEF;
}
.bg-sec-siro{
    display: block;
    background-color: #ffffff;
}


/****************************************

          main

*****************************************/

.main{
	margin: 0px auto;
	width: 90%;
}
.main02{
	margin: 0px auto;
	width: 86%;
}
.main03{
	margin: 0px auto;
	width: 70%;
}


/****************************************

          nav

*****************************************/

.gnav {
    display: flex;
    position: fixed;
    height: 3rem;
    padding: 0 auto;
    width: 100%;
    left: 0px;
    top: 80px;
	background-color: #015CC6;
    z-index: 1;
}
.gnav > li {
    width: 14.3%;
}
/*全てのリスト・リンク共通*/
.gnav li {
    list-style: none;
    position: relative;
}
.gnav li a {
    background-color: #2fb3f6;
    border-right: 1px solid #eee;
    color: #fff;
    display: block;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    text-decoration: none;
    width: 100%;
    font-size: 13px;
    font-weight: 300;
}
/*子階層以降共通*/
.gnav li li {
    height: 0;
    overflow: hidden;
    transition: .5s;
}
.gnav li li a {
    border-top: 1px solid #eee;
}
.gnav li:hover > ul > li {
    height: 3rem;
    overflow: visible;
}
.gnav li ul li ul {
    left: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
/*一番右のメニュー*/
.gnav > li:nth-child(7) ul li ul {
    left: -100%;
}
.gnav > li:nth-child(7) a {
    border-right: 0px solid #eee;
}
/*aの背景色を指定*/   
.gnav li:hover a {/*親階層*/
    background: #00305c;
}
.gnav li li a {/*子階層*/
    background: #00305c;
}
.gnav li li:hover a {
    background: #004789;
}
.gnav li ul li ul li a {/*孫階層*/
    background: #004789;
}
.gnav li ul li ul li:hover a {
    background: #0065c1;
}
.gnav li ul li ul li ul li a {/*ひ孫階層*/
    background: #0065c1;
}
.gnav li ul li ul li ul li:hover a {
    background: #1e7dd4;
}

.gnav02 {
    display: flex;
    position: fixed;
    height: 3rem;
    padding: 0 auto;
    width: 100%;
    top: 80px;
	background-color: #32B700;
    z-index: 1;
}
.gnav02 > li {
    width: 20%;
}
/*全てのリスト・リンク共通*/
.gnav02 li {
    list-style: none;
    position: relative;
}
.gnav02 li a {
    background-color: #32B700;
    border-right: 1px solid #eee;
    color: #fff;
    display: block;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    text-decoration: none;
    width: 100%;
    font-size: 13px;
    font-weight: 300;
}
/*子階層以降共通*/
.gnav02 li li {
    height: 0;
    overflow: hidden;
    transition: .5s;
}
.gnav02 li li a {
    border-top: 1px solid #eee;
}
.gnav02 li:hover > ul > li {
    height: 3rem;
    overflow: visible;
}
.gnav02 li ul li ul {
    left: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
/*一番右のメニュー*/
.gnav02 > li:nth-child(5) ul li ul {
    left: -100%;
}
.gnav02 > li:nth-child(5) a {
    border-right: 0px solid #eee;
}
/*aの背景色を指定*/   
.gnav02 li:hover a {/*親階層*/
    background-color: #044A00;
}
.gnav02 li li a {/*子階層*/
    background: #044A00;
}
.gnav02 li li:hover a {
    background: #00890E;
}
.gnav02 li ul li ul li a {/*孫階層*/
    background: #00890E;
}
.gnav02 li ul li ul li:hover a {
    background: #0065c1;
}
.gnav02 li ul li ul li ul li a {/*ひ孫階層*/
    background: #0065c1;
}
.gnav02 li ul li ul li ul li:hover a {
    background: #1e7dd4;
}



.menu01 ul {
	margin: 0px;
	padding: 0px;
}
.menu01 li {
    list-style: none outside none;
}
.menu01 a {
    color: #1a4291;
    display: block;
    padding: 10px 0px 10px 17px;
    border-bottom: 1px dotted #1a4291;
    background-image: url(img/li01a.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 13px;
    font-weight: 500;
}
.menu01 a:hover {
	color: #fff;
	padding: 10px 0px 10px 22px;
	background-color: #1a4291;
	background-image: url(img/li01b.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}
.menu01 a.activ {
	color: #fff;
	padding: 10px 0px 10px 22px;
	background-color: #1a4291;
	background-image: url(img/li01b.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
.menu01 a.under {
	color: #fff;
	background-color: #AAAAAA;
	border-left: 5px solid #D8D8D8;
	background-image: url(img/li01.png);
	background-repeat: no-repeat;
	background-position:  5px center;
}

.menu01-ttl {
	color: #fff;
	display: block;
	padding: 4px 0px 4px 15px;
	border-bottom: 1px dotted #fff;
	text-decoration: none;
	background-color: #00305c;
	font-size: 11px;
}

.menu02 ul {
	margin: 0px;
	padding: 0px;
}
.menu02 li {
    list-style: none outside none;
}
.menu02 a {
    color: #1a4291;
    padding: 4px 0px 4px 17px;
    background-image: url(img/li01a.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 13px;
    font-weight: 400;
}
.menu02 a:hover {
    padding: 4px 0px 4px 22px;
    background-image: url(img/li01a.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    text-decoration: underline;
}
.menu02 a.activ {
    color: #fff;
    padding: 4px 0px 4px 17px;
    background-color: #1a4291;
    background-image: url(img/li01b.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    display: block;
    width: 80%;
}


.line-index {
	clear: both;
	width: 100%;
	font-size: 11px;
	color: #444;
	font-weight: 500;
}
.line-index li {display: inline;}
.line-index a{
    color: #969696;
}
.line-index a:hover{
    color: #1a4291;
    text-decoration: underline;
}




/****************************************

          col

*****************************************/

.column4 {
    display:flex;
	flex-diretion: row;
	flex-wrap:wrap;
	justify-content: flex-start;
	align-items: stretch;
}
.column4 .inner {
    width: 23%;
    box-sizing: border-box;
    margin-right: 2.65%;
}
.column4 .inner4 {
    width: 23%;
    box-sizing: border-box;
}
.topic {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    margin: auto;
}

.topic-cap {
    display: block;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
}
.topic-cap img {
    -moz-transition: -moz-transform 0.3s ease-out;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    -ms-transition: -ms-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.topic-cap img:hover  {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
    opacity: 0.7;
}
.topic-cap-ttl {
    background-color: #1a4291;
    padding: 8px 15px;
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 25px;
    font-size: 90%;
}


/****************************************

          colum

*****************************************/
.column-bet {
    display:flex;
	flex-diretion: row;
	flex-wrap:wrap;
	align-items: stretch;
	justify-content: space-between;
}
.column-bet-nowrap {
    display:flex;
	flex-diretion: row;
	flex-wrap:nowrap;
	align-items: stretch;
	justify-content: space-between;
}
.column-end {
    display:flex;
	flex-diretion: row;
	flex-wrap:wrap;
	align-items: stretch;
	justify-content: flex-end;
}



.co-box20{
    width: 20%;
}
.co-box20a{
    width: 20%;
    min-width: 200px;
}
.co-box20b{
    width: 18%;
	padding: 15px 15px;
}
.co-box30{
    width: 30%;
}
.co-box30a{
    width: 32%;
    border-top: 3px solid #2fb3f6;
}
.co-box30b{
    width: 32%;
    border-top: 3px solid #32B700;
}
.co-box40{
    width: 40%;
}
.co-box50{
    width: 50%;
}
.co-box60{
    width: 60%;
}
.co-box70{
    width: 70%;
}
.co-box80{
    width: 80%;
}

.sec_ttl{
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 20px;
    border-bottom: 2px dotted #979797;
    width: 80%;
    padding-bottom: 10px;
}

.siro-back-01{
    width: 100%;
    padding: 20px;
    border-radius: 20px;
    background-color: #FFFFFF;
}

/****************************************

          news

*****************************************/
.news_box{
    display: flex;
    text-decoration: none;
}
.news_box:hover{
    background-color: #D5EEFF;    
}
.dete_box{
    width: 15%;
    padding: 15px;
    border-top: 1px solid #08348B;
    color: #08348B;
	font-size: 90%;
    font-weight: bold;
    text-align: center;
}
.dete_box_e{
    width: 15%;
    border-top: 1px solid #08348B;
}
.news_tex_box{
    width: 85%;
    padding: 15px;
    border-top: 1px solid #979797;
    font-size: 100%;
    color: #3B3B3B;
}
.news_tex_box_e{
    width: 85%;
    border-top: 1px solid #979797;
}
.news_tex_box span{
    font-size: 90%;
    color: #747474;
    line-height: 100%;
}


/****************************************

          page

*****************************************/
.conte90, .conte90l{
    width: 94%;
}
.conte90l a{
    text-decoration: underline;
    color: #003AFF;
}
.conte90l a:hover{
    text-decoration: none;
    color: #82CD83;
}
.cont_ttl{
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 20px;
    border-bottom: 2px solid #979797;
    padding-bottom: 10px;
}
.cont_img{
    width: 200px;
    margin-right: 2rem;
    float: left;
}
.cont_img_C{
    width: 530px;
    max-width: 90%;
	margin: 0 auto;
}
.cont_mds{
    font-size: 1.2rem;
    font-weight: 500;
    padding: 13px 10px 13px 24px;
    background-color: #eff3f9;
    border-left: 5px solid #1a4291;
}
.cont_comi{
    font-size: 1rem;
    font-weight: 500;
    color: #1a4291;
}
.honbun02{
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 2rem;
}
.honbun02ao{
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2rem;
    color: #1a4291;
    margin-bottom: 15px;
}
.honbun01{
    font-size: 100%;
    line-height: 2rem;
}
.honbun03{
    font-size: 1rem;
    line-height: 2rem;
    margin-left: 20px;
}
.honbun03 a{
    text-decoration: underline;
    color: #003AFF;
}
.honbun03 a:hover{
    ttext-decoration: none;
    color: #82CD83;
}
.honbun04{
    font-size: 100%;
    line-height: 1.5rem;
    margin-left: 40px;
}
.honbun04 a, .honbun02 a{
    text-decoration: underline;
    color: #2354B6;
}
.honbun04 a:hover, .honbun02 a:hover{
    ttext-decoration: none;
    color: #82CD83;
}
.honbun04-ind{
	font-size: 100%;
    line-height: 1.5rem;
    text-indent: -1em;
	padding-left: 4em;
}
.saisin{
    font-size: 90%;
    color: #FF0004;
}
.jiochi2{
	text-indent: -1em;
	padding-left: 2em;
}
.tab_comi{
    font-size: 1rem;
    font-weight: 700;
    color: #1a4291;
}
.m_comi{
    font-size: 1.1rem;
    font-weight: 500;
    color: #1a4291;
}
.m_comi_mid{
    font-size: 1.1rem;
    font-weight: 500;
    color: #2A9900;
}


.m_ttl{
    font-size: 1.7rem;
    font-weight: 400;
    margin-bottom: 20px;
}
.m_logo{
    height: 40px;
    margin-bottom: 40px;	
}
.m_logo02{
    height: 60px;
    margin-bottom: 40px;	
}
.m_comi02{
    font-size: 1.1rem;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 10px;
}
.waku01{
    width: 100%;
    padding: 30px 20px;
    border: 1px solid #aaa;
    border-radius: 10px;
}
.mark-sei{
    width: 70px;
    padding: 3px 3px;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #1a4291;
    border-radius: 8px;
    text-align: center;
}
.mark-sanjyo{
    width: 70px;
    padding: 3px 3px;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #32B700;
    border-radius: 8px;
    text-align: center;
}


/****************************************

          btn

*****************************************/

.btn01 {
    display: block;
    padding: 25px 0;
    text-align: center;
    font-weight: 500;
    text-decoration: none;
    line-height: 100%;
    background-color: #fff;
    border: 1px solid #08348B;
    color: #08348B;
    -webkit-transition: color 0.3s ease, opacity 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
    transition: color 0.3s ease, opacity 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
.btn01-80 {
    display: block;
    padding: 25px 0;
    text-align: center;
    font-weight: 500;
    text-decoration: none;
    line-height: 100%;
    background-color: #fff;
    border: 1px solid #08348B;
    color: #08348B;
    -webkit-transition: color 0.3s ease, opacity 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
    transition: color 0.3s ease, opacity 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
    width: 80%;
}
	
.btn01:hover, .btn01-80:hover {
    background-color: #D5EEFF;
    -webkit-transition: color 0.3s ease, opacity 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
    transition: color 0.3s ease, opacity 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}


/****************************************

          table

*****************************************/

.table01 {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 1rem;
    line-height: 120%;
    text-align: left;
    font-weight: 300;
}
.table01 a{
    text-decoration: underline;
    color: #003AFF;
}
.table01 a:hover{
    text-decoration: none;
    color: #82CD83;
}

.table01 th {
	color: #fff;
	padding: 4px 8px;
	background: #0256a6;
	border: 1px solid #aaa;
}

.table01 tr td {
	padding: 4px 8px;
	border: 1px solid #aaa;
	font-size: 80%;
}

.table02 {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 1rem;
    line-height: 120%;
    font-weight: 300;
}
.table02 a{
    text-decoration: underline;
    color: #003AFF;
}
.table02 a:hover{
    text-decoration: none;
    color: #82CD83;
}

.table02 th {
	color: #fff;
	padding: 6px 8px;
	background: #0256a6;
	border: 0px solid #aaa;
}

.table02 tr td {
    padding: 6px 8px;
    border: 0px solid #aaa;
    font-weight: 400;
    font-size: 90%;
}

.table03 {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 1rem;
    line-height: 120%;
    font-weight: 300;
}
.table03 a{
    text-decoration: underline;
    color: #003AFF;
}
.table03 a:hover{
    text-decoration: none;
    color: #82CD83;
}

.table03 th {
    color: #fff;
    padding: 8px 8px;
    background-color: #C1C1C1;
    border: 1px solid #aaa;
}

.table03 tr td {
    padding: 8px 8px;
    border: 1px solid #aaa;
    font-weight: 300;
    font-size: 90%;
}

.table04 {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 1rem;
    line-height: 120%;
    font-weight: 300;
}
.table04 a{
    text-decoration: underline;
    color: #1a4291;
}
.table04 a:hover{
    text-decoration: none;
    color: #82CD83;
}

.table04 th {
	color: #fff;
	padding: 6px 8px;
	background: #0256a6;
	border: 0px solid #aaa;
}

.table04 tr td {
    padding: 16px 8px;
    border: 3px solid #fff;
    font-weight: 400;
    font-size: 90%;
}

.table05 {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 0.9rem;
    line-height: 120%;
    font-weight: 400;
}
.table05 tr td {
    padding: 15px 8px;
    border: 0px solid #aaa;
}
.table05 a{
    text-decoration: none;
    color: #1a4291;
	padding: 15px 8px 15px 17px;
	background-image: url(img/li01a.png);
    background-repeat: no-repeat;
    background-position: 5px center;
}
.table05 a:hover{
	text-decoration: underline;
    color: #2fb3f6;
	padding: 15px 8px 15px 22px;
	background-position: 10px center;
}

.table06 {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 0.9rem;
    line-height: 120%;
    font-weight: 400;
}
.table06 tr td {
    padding: 10px 5px;
    border: 0px solid #aaa;
}
.table06 a{
    text-decoration: none;
    color: #1a4291;
	padding: 10px 5px 10px 25px;
	background-image: url(img/arrow001.png);
    background-repeat: no-repeat;
    background-position: 5px center;
}
.table06 a:hover{
	text-decoration: underline;
    color: #2fb3f6;
}



/****************************************

          menber

*****************************************/

.co-box-men{
    width: 48%;
	padding: 10px;
	border: 1px solid #aaa;
}
.co-box-men .ttl{
    display: block;
    font-size: 1.2rem;
    color: #FFFFFF;
    text-align: center;
    font-weight: 500;
    padding: 10px 0px;
}
.kasira{
    padding: 6px 12px;
    color: #FFFFFF;
    font-size: 1.5rem;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 5px;
}

.table-men {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 100%;
    line-height: 120%;
    font-weight: 300;
}
.table-men a{
    text-decoration: underline;
    color: #1a4291;
}
.table-men a:hover{
    text-decoration: none;
    color: #828ACD;
}

.table-men tr td {
    padding: 10px 8px;
    border-bottom: 1px solid #aaa;
}


/****************************************

          foot

*****************************************/

.admoji{
    color: #FFFFFF;
    font-size: 90%;
    line-height: 140%;
    font-weight: 300;
}
.sita-mokuji, .sita-mokuji a{
	color: #FFFFFF;
    font-size: 90%;
    line-height: 160%;
    font-weight: 300;
}
.sita-mokuji a:hover{
    color: #A2E1FF;
    text-decoration: underline;
}



.footer{
    background: #222;
    color: #fff;
    padding: 20px 0;
    text-align: center;
    font-size: 90%;
}

.loading{
	align-items: center;
	background: #fff;
	display: flex;
	height: 100vh;
	left: 0;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
}
.loading p{
	width: 100%;
}


/****************************************

          n

*****************************************/
.n_top {
    display: block;
    border-bottom: 1px solid #E5E5E5;
    height: 65px;
    background-image: url(img/n_rogo.png);
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom: 50px;
}

.n_ttl_c {
    margin-bottom: 30px;
    color: #191919;
    font-size: 280%;
    text-align: center;
    font-weight: 500;
    line-height: 110%;
}
.n_day {
    margin-bottom: 100px;
    text-align: left;
    padding: 15px 25px;
    color: #FFFFFF;
    font-size: 20px;
    background-color: #191919;
}
.n_btn{
    width: 30%;
    padding: 20px 5px;
    text-align: center;
	color: #191919;
    border: 1px solid #191919;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.n_btn:hover{
	color: #ffffff;
    border: 1px solid #191919;
    background-color: #191919;
}
	.n_btn a:hover{
		color: #ffffff;
	}
.n_naka{
    width: 90%;
    margin-bottom: 60px;
}
	.n_naka a{
    text-decoration: underline;
    color: #517D99;
	}
	
.n_waku{
    padding: 30px;
    border: 1px solid #CACACA;
    width: 80%;
    text-align: left;
}
.naka_soloe{
    text-align: center;		
}
.chui{
    margin-top: 20px;
    font-size: 90%;
}

.b-ichiran{
    width: 100px;
    padding: 3px 10px;
    font-size: 11px;
    color: #FFFFFF;
    background-color: #1a4291;
    border-radius: 8px;
    text-align: center;
}
.b-ichiran:hover{
    background-color: #4E4E4E;
}
.zu-moji{
    font-size: 12px;
    line-height: 110%;
}

#form-tbl {
	margin: 0px auto;
}
#form {
	border-collapse: collapse;
	margin: 1em 0;
}
#form th, #form td {
	border: 1px solid #666;
	padding: 8px;
}
#form th {
	white-space: nowrap;
	background: #e8e8e8;
}
#form td {
	background: #fff;
}