@charset "utf-8"; /* CSS Document */
/*--reset start--*/
html{font-feature-settings:"palt"; scroll-behavior:smooth}
body,div,h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,button,small,strong,table,input{margin:0; font-size:1em}
body,pre{font-family:futura-pt,-apple-system, BlinkMacSystemFont,'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN',"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; -webkit-font-smoothing:antialiased; line-height:1.5; color:var(--C7)}
ul,ol{padding:0; list-style:none}
i,em,var,address{font-style:normal}
img{max-width:100%}
a{color:inherit; text-decoration:none}
pre{white-space:pre-line; margin:0; text-align:justify}
button{background:none; border:0; outline:0; appearance:none}
.lineclamp{
    line-height:1.5em; max-height:3em; background-color:inherit; position:relative; overflow:hidden; text-align:justify; display:block; }
.lineclamp::before{
    content:"..."; position:absolute; right:0; top:1.5em; display:inline-block; width:1em; height:1.5em; background-color:inherit; line-height:1.5em; color:inherit; }
.lineclamp::after{
    content:""; position:relative; float:right; width:1em; height:1.5em; background-color:inherit; margin-bottom:-1.5em}
@media(max-width:789px){
	html{font-size:calc(100vw / 75)}
	body{font-size:2.8rem}
	.PcOnly{display:none !important}
	#LeftColumn{width:69rem; margin:6rem auto; padding-top:6rem; border-top:1px solid var(--C11)}
	.Box{width:69rem; margin:0 auto}
}
@media(min-width:790px){
	html{font-size:1vw}
	body{font-size:1.4rem}
	a,label,button{transition:opacity .1s; cursor:pointer}
	a:hover,label:hover,button:hover{opacity:.6}
	.SpOnly{display:none !important}
	#Contents{width:94rem; margin:0 auto; display:flex; justify-content:space-between; flex-direction:row-reverse}
	#Header:not(.NoBgImg) + #Contents{margin-top:6rem}
	#LeftColumn{flex:0 0 26rem}
	#RightColumn{padding-left:3.4rem; border-left:1px solid var(--C7); flex:0 0 61rem}
}
@media(min-width:1000px){
	html{font-size:10px}
}
/*--reset end--*/

/*--共通パーツ start--*/
:root{
    --C1:#0a0032;/*背景・濃紺*/
    --C2:#fff;/*水色*/
    --C3:#b70000;/*水色2、少し濃い*/
    --C4:#666;/*薄いグレー　→　濃いグレー*/
    --C5:#808080;/*グレー文字*/
    --C6:#111;/*黒*/
    --C7:#fff;/*白*/
    --C8:#f00;/*赤*/
    --C9:#a7c9ff;/*リンク文字*/
    --C10:#A08C32;/*オレンジ*/
    --C11:#ffddb2;/*薄い水色系グレー*/
    --C12:#dfe9ec;/*薄い茶色系グレー*/
    --C13:#dcffff;/*明るい水色*/
    --C14:#dcf0ff;/*明るい青*/
    --C15:#afd2dc;/*薄い緑*/
    --C16:#afafd2;/*薄い紫*/
    --C17:#1958BE;/*濃い緑*/
    --C18:#303181;/*濃い紫*/
    
    --G1:linear-gradient(to top, #b70000,#f00);/*Btn1::before*/
    --G2:linear-gradient(#b70000, #f00);/*Btn1::after*/
    --G3:linear-gradient(to top,#1c008d,#3412bc);/*Btn2::before*/
    --G4:linear-gradient(#1c008d,#3412bc);/*Btn2::after*/
    --G5:linear-gradient(to top,#808080,#666);/*Btn3::before*/
    --G6:linear-gradient(to bottom,#808080,#666);/*Btn3::after*/
    --G7:radial-gradient(#093052,#395795);/**/
    --G8:linear-gradient(to right, #15c1ff, #0000ff);/*スライド*/
    --G9:linear-gradient(#1958BE, #093e96);/*一般ダミー用*/
    --G10:linear-gradient(to top,#1958BE, #093e96);/*一般ダミー用*/
}
body{background:var(--C1)}

.CmnP{margin-bottom:1rem}
.Mb1{margin-bottom:1rem}
.Mb2{margin-bottom:2rem}
.Mb3{margin-bottom:3rem}
.Mb6{margin-bottom:6rem}
.Pt1{padding-top:1rem}
.Ml3{margin-left:3rem}
.TxtLink{text-decoration:underline; color:var(--C9)}
.Gray{padding:3rem; background:var(--C7); color:var(--C1)}
.GrayInner{padding:3rem; background:var(--C7)}
.HeadImg{display:block}
.CmnOl{list-style:decimal inside}
.CmnUl{list-style:disc inside}
.CmnLi{text-align:justify; margin-bottom:1rem}
.CmnTxt{text-align:justify}
.CenTxt{text-align:center}
.TxtAlert{color:var(--C8); text-align:center}
@media(max-width:789px){
	.CmnLi{text-indent:-2.8rem; padding-left: 2.8rem}
}
@media(min-width:790px){
	.CmnLi{text-indent:-1.6rem; padding-left: 1.6rem}
}
/*--共通パーツ end--*/

/*--ボタン start--*/
[class*="MoreBtn"]{display:block; text-align:right}
ul + [class*="MoreBtn"]{margin-top:3rem}
.MoreBtn1{color:var(--C2)}
[class*="MoreBtn"]::after{content:"＞＞"; vertical-align:middle}
[class*="OvalBtn"]{position:relative; z-index:3; color:var(--C7); display:flex; justify-content:center; align-items:center; text-align:center}
[class*="OvalBtn"]::before,
[class*="OvalBtn"]::after{content:""; display:block; position:absolute; z-index:-1}
[class*="OvalBtn"]::after{top:0; left:0}/*IE11対策*/
.OvalBtn1::before{background:var(--G1)}
.OvalBtn1::after{background:var(--G2)}/*OvalBtn1がメインボタン・決定など*/
.OvalBtn2::before{background:var(--G3)}
.OvalBtn2::after{background:var(--G4)}/*OvalBtn2は戻る・サブメニュー系*/
.OvalBtn3::before{background:var(--G5)}
.OvalBtn3::after{background:var(--G6)}/*OvalBtn3は押せない、グレーアウト*/
@media(max-width:789px){
	[class*="OvalBtn"]{width:45rem; height:6rem; margin:0 auto 5rem}
	[class*="OvalBtn"]::after{width:45rem; height:6rem; border-radius:3rem}
	[class*="OvalBtn"]::before{width:46.6rem; height:7.6rem; top:-.8rem; left:-.8rem; border-radius:3.8rem}
}
@media(min-width:790px){
	[class*="OvalBtn"]{width:29rem; height:3rem; margin:0 auto 3rem}
	[class*="OvalBtn"]::after{width:29rem; height:3rem; border-radius:1.5rem}
	[class*="OvalBtn"]::before{width:29.8rem; height:3.8rem; top:-.4rem; left:-.4rem; border-radius:1.9rem}
}
/*--ボタン end--*/

/*--タイトル start--*/
.Ttl1{font-weight:bold; padding-bottom:2rem; letter-spacing:0.1rem}
.Ttl2{text-align:center; background:var(--C10); color:var(--C7); display:flex; justify-content:center; align-items:center}
.Ttl3{border-bottom:1px solid var(--C7); padding-bottom:.5em; font-weight:bold}
.Ttl3.Mb0{margin-bottom:0}
.Ttl4{background:var(--C10); color:var(--C7)}
@media(max-width:789px){
	.Ttl1{font-size:3.2rem}
	.Ttl2,.Ttl3{ font-size:3.6rem}
	.Ttl2{height:6rem}
	.Ttl3{width:69rem; margin:3rem auto}
	.Ttl4{text-align:center;padding:.5rem;margin-bottom:3rem;font-size:3.2rem}
}
@media(min-width:790px){
	.Ttl1{font-size:1.6rem}
	.Ttl2,.Ttl3{ font-size:2rem}
	.Ttl2{height:4rem}
	.Ttl3{margin-bottom:3rem}
	.Ttl4{text-align:center;padding:.5rem;margin-bottom:3rem;font-size:1.6rem}
}
/*--タイトル end--*/

/*--テーブル start--*/
.CmnTable{width:100%; table-layout:fixed}
.CmnTableTh,
.CmnTableTd{box-sizing:border-box; padding:.5em; vertical-align:middle}
.CmnTableTh,
.CmnTableTh2{background:var(--C3); color:var(--C7); text-align:center}
.CmnTableTd,
.CmnTableTd2{border:1px solid var(--C11); background:var(--C7); color:var(--C5)}
.CmnTableInput,
.CmnTxtarea{width:100%; border:0; background:var(--C11); padding:.3em; box-sizing:border-box}
.CmnSelect{width:100%; border:1px solid var(--C11); padding:.3rem; box-sizing:border-box; color:var(--C1)}
.FormLabel{display:inline-block; vertical-align:middle; margin-right:.5em}
.CmnTableTd2{text-align:center}
.Red{color:var(--C8)}
@media(max-width:789px){
	.CmnTableTh{width:21rem}
	[class*="CmnTableT"]{height:6.6rem}
}
@media(min-width:790px){
	.CmnTableTh{width:16rem}
	[class*="CmnTableT"]{height:3.5rem}
}
/*--テーブル end--*/

/*--Header start--*/
#Header{position:relative}
img[id*="HeaderImg"],
#LogoImg,
.GlobalMenuLiA{display:block}
.NoBgImg img[id*="HeaderImg"]{display:none}
#Logo,
#GlobalMenu,
.GlobalMenuRect{position:absolute}
.GlobalMenuRect{background:var(--C7); transform-origin:center center; transition:transform .4s}
#GlobalMenuInput,
#GlobalMenuBack{display:none; position:fixed; width:100%; height:100%; z-index:3; left:0; top:0; background:rgba(255,255,255,.7)}
#GlobalMenu{z-index:5; right:3rem}
#GlobalMenuUl{position:fixed; color:var(--C7); z-index:4; transition:right .4s; background:rgba(0,0,0,.8)}
#GlobalMenuUl::before{content:""; display:block; background:var(--C1)}
.GlobalMenuLi{border-bottom:1px dashed var(--C5)}
.GlobalMenuLiA{padding:2rem; transition:.3s}
#GlobalMenuInput:checked~#GlobalMenu .GlobalMenuRect:first-child{transform:translateY(0) rotate(225deg)}
#GlobalMenuInput:checked~#GlobalMenu .GlobalMenuRect:last-child{transform:translateY(0) rotate(-225deg)}
#GlobalMenuInput:checked~#GlobalMenu .GlobalMenuRect:nth-child(2){transform:rotateY(270deg)}
#GlobalMenuInput:checked~#GlobalMenuBack{display:block}
#GlobalMenuInput:checked~#GlobalMenuUl{right:0}
@media(max-width:789px){
	#Header{height:17rem; overflow:hidden}
	#Header.NoBgImg{height:18.5rem}
	#HeaderImgPc{display:none}
	#Logo{width:38rem; height:10.5rem; padding:3rem 3rem}
	#GlobalMenu{width:7rem; height:7rem; top:6rem}
	.GlobalMenuRect{width:6rem; height:.8rem; top:3.2rem; left:1.2rem}
	.GlobalMenuRect:first-child{transform:translateY(-2rem)}
	.GlobalMenuRect:last-child{transform:translateY(2rem)}
	#GlobalMenuUl{width:50%; min-height:100vh; right:-51%}
	#GlobalMenuUl::before{height:19rem}
}
@media(min-width:790px){
	#Header{width:100rem; height:13rem; margin:0 auto}
	#HeaderImgSp{display:none}
	#Logo{width:32rem; height:8.8rem; padding:2.5rem}
	#GlobalMenu{width:6.4rem; height:6.4rem; top:2.5rem}
	#GlobalMenu:hover{opacity:1}
	.GlobalMenuRect{width:4.2rem; height:.3rem; top:3rem; left:1.1rem}
	.GlobalMenuRect:first-child{transform:translateY(-1.5rem)}
	.GlobalMenuRect:last-child{transform:translateY(1.5rem)}
	#GlobalMenuUl{width:23rem; min-height:100vh; right:-23.5rem}
	#GlobalMenuUl::before{height:11.4rem}
	.GlobalMenuLiA:hover{background:#eee; color:#000; opacity:1}
	#GlobalMenuBack:hover{opacity:1}
}
@media(min-width:1200px){
	#GlobalMenuUl{width:calc(50vw - 37.6rem); right:calc(-50vw + 30rem)}
}
/*--Header end--*/

/*--Column/News start--*/
.News{color:var(--C1); background:var(--C7)}
.NewsTtl{color:var(--C1)}
.NewsLi{border-bottom:dashed 1px var(--C1)}
.NewsLi:first-child{border-top:dashed 1px var(--C1)}
.ColumnLi{border-bottom:dashed 1px var(--C2)}
.ColumnLiNew{border:solid 1px var(--C8); color:var(--C8)}
.NewsLiAnc,
.ColumnLiAnc{display:block}
.ColumnDate{margin-bottom:1rem}
.ColumnTtl{color:var(--C6); font-weight:bold}
.ColumnTxt{background:var(--C7); color:var(--C1); padding:3rem; word-break:break-all}
@media(max-width:789px){
	.ColumnLi{font-size:3rem; border-bottom:dashed .2rem var(--C2)}
	.ColumnLiDate{margin-right:2rem}
	.ColumnLiNew{padding:0 .4rem; margin-left:1rem}
	.News{margin-left:-3rem; width:75rem; box-sizing:border-box; padding:6rem 2rem}
	.NewsTtl{padding-bottom:1.5rem; font-size:3.2rem; font-weight:bold}
	.NewsLiAnc,
	.ColumnLiAnc{padding:2.8rem 2rem}
	.NewsLiDate{margin-right:2rem}
}
@media(min-width:790px){
	.ColumnLiDate{margin-right:.5rem}
	.ColumnLiNew{padding:0 .2rem; margin-left:.5rem}
	.News{padding:3rem}
	.NewsTtl{padding-bottom:1.5rem; font-size:1.6rem; font-weight:bold}
	.ColumnLiAnc,
	.NewsLiAnc{padding:2rem 1rem}
	.NewsLiDate{margin-right:.5rem}
}
/*--Column end--*/

/*--Pager start--*/
.Pager1{text-align:center}
.Pager1Li{display:inline-block}
.Pager1Anc{display:block}
.PagerActive{background:var(--C3); color:var(--C7)}
.Pager2{border-top:1px dashed var(--C11); margin-top:3rem; padding-top:3rem; position:relative; text-align:center}
.Pager2Center{display:inline-block}
.Pager2First{position:absolute; left:0}
.Pager2Last{position:absolute; right:0}
@media(max-width:789px){
	.Pager1Total{margin-bottom:2rem}
	.Pager1Li{width:3rem; height:3rem; line-height:3rem}
}
@media(min-width:790px){
	.Pager1Total{margin-bottom:1rem}
	.Pager1Li{width:1.5rem; height:1.5rem; line-height:1.5rem}
}
.Pager1LiEdge{width:auto}
/*--Pager end--*/

/*--Footer start--*/
#Footer{margin-top:6rem}
#FooterUl{display:flex; color:var(--C2); text-align:center; flex-wrap:wrap}
.FooterP{text-align:justify}
#Copyright{color:var(--C2); text-align:center; margin:3rem auto; display:block}
.FooterLiA{display:block}
.FooterP{margin:3rem auto 0}
@media(max-width:789px){
	#FooterUl{border-top:1px solid var(--C2)}
	.FooterLi{flex:1 1 35rem; border-bottom:1px solid var(--C2)}
	.FooterLiA{height:7.5rem; line-height:7.5rem}
	.FooterLi:nth-child(odd){border-right:1px solid var(--C2)}
	.FooterP{width:69rem}
}
@media(min-width:790px){
	#Footer{clear:both; width:94rem; margin:0 auto; padding-top:6rem}
	#FooterUl{justify-content:space-between}
	.FooterLi{border-right:1px solid var(--C2); flex-grow:1}
	.FooterLi:first-child{border-left:1px solid var(--C2)}
}
@media(min-width:1000px){
	#Footer{width:100rem}
}
/*--Footer end--*/

/*--左カラム start--*/
.LpImg{display:block; margin-bottom:2rem}
@media(max-width:789px){
	[id*="Left"]{margin-bottom:6rem}
	.LeftA + .Ttl1{margin-top:3rem}
}
@media(min-width:790px){
	[id*="Left"]{width:26rem}
	.LeftA{margin-top:3rem}
}
/*--左カラム end--*/