@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:#808080}
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 #b2d4e0}
	.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 #389dd7; flex:0 0 61rem}
}
@media(min-width:1000px){
	html{font-size:10px}
}
/*--reset end--*/

/*--共通パーツ start--*/
.CmnP{margin-bottom:1rem}
.Mb1{margin-bottom:1rem}
.Mb2{margin-bottom:2rem}
.Mb3{margin-bottom:3rem}
.Mb6{margin-bottom:6rem}
.Ml3{margin-left:3rem}
.TxtLink{text-decoration:underline; color:#1056bf}
.Gray{padding:3rem; background:#e8e8e8}
.GrayInner{padding:3rem; background:#fff}
.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:#f00; 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:#389dd7}
[class*="MoreBtn"]::after{content:"＞＞"; vertical-align:middle}
[class*="OvalBtn"]{position:relative; z-index:3; color:#fff; 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:linear-gradient(to top,#3b5997,#082f50)}
.OvalBtn1::after{background:linear-gradient(to bottom,#3b5997,#082f50)}/*OvalBtn1がメインボタン・決定など*/
.OvalBtn2::before{background:linear-gradient(to top,#0086c6,#0076a8)}
.OvalBtn2::after{background:linear-gradient(to bottom,#0086c6,#0076a8)}/*OvalBtn2は戻る・サブメニュー系*/
.OvalBtn3::before{background:linear-gradient(to top,#808080,#666)}
.OvalBtn3::after{background:linear-gradient(to bottom,#808080,#666)}/*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; color:#389dd7; padding-bottom:2rem; letter-spacing:0.1rem}
.Ttl2{text-align:center; background:#389dd7; color:#fff; display:flex; justify-content:center; align-items:center}
.Ttl3{border-bottom:1px solid #389dd7; color:#389dd7; padding-bottom:.5em; font-weight:bold}
.Ttl3.Mb0{margin-bottom:0}
.Ttl4{background:#00719d; color:#fff}
@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:#00719d; color:#fff; text-align:center}
.CmnTableTd,
.CmnTableTd2{border:1px solid #b2d4e0; background:#fff}
.CmnTableInput,
.CmnTxtarea{width:100%; border:0; background:#b2d4e0; padding:.3em; box-sizing:border-box}
.CmnSelect{width:100%; border:1px solid #389dd7; padding:.3rem; box-sizing:border-box; color:#389dd7}
.FormLabel{display:inline-block; vertical-align:middle; margin-right:.5em}
.CmnTableTd2{text-align:center}
@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}
#GlobalMenu{background:rgba(0,0,0,.8)}
.GlobalMenuRect{background:#389dd7; 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:#fff; z-index:4; transition:right .4s; background:rgba(0,0,0,.8)}
#GlobalMenuUl::before{content:""; display:block; background:#389dd7}
.GlobalMenuLi{border-bottom:1px dashed #808080}
.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:25rem}
	#Header.NoBgImg{height:18.5rem}
	#HeaderImgPc{display:none}
	#Logo{width:23.5rem; height:8rem; padding:5.3rem 3rem}
	#GlobalMenu{width:7rem; height:7rem; top:6rem}
	.GlobalMenuRect{width:4.6rem; height:.6rem; top:3.2rem; left:1.2rem}
	.GlobalMenuRect:first-child{transform:translateY(-1.6rem)}
	.GlobalMenuRect:last-child{transform:translateY(1.6rem)}
	#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:14rem; height:4.5rem; padding:2.5rem}
	#GlobalMenu{width:6.4rem; height:6.4rem; top:2.5rem}
	#GlobalMenu:hover{background:rgba(0,0,0,1); 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--*/
.NewsLi{border-bottom:dashed 1px #ffffff}
.NewsLi:first-child{border-top:dashed 1px #ffffff}
.ColumnLi{border-bottom:dashed 1px #389dd7}
.ColumnLiNew{border:solid 1px #f00; color:#f00}
.NewsLiAnc,
.ColumnLiAnc{display:block}
.ColumnDate{margin-bottom:1rem}
.ColumnTtl{color:#111; font-weight:bold}
@media(max-width:789px){
	.ColumnLi{font-size:3rem; border-bottom:dashed .2rem #389dd7}
	.ColumnLiDate{margin-right:2rem}
	.ColumnLiNew{padding:0 .4rem; margin-left:1rem}
	.News{margin-left:-3rem; width:75rem; box-sizing:border-box; padding:6rem 2rem; background:#e8e8e8}
	.NewsTtl{padding-bottom:1.5rem; color:#666666; 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; background:#e8e8e8}
	.NewsTtl{ padding-bottom:1.5rem; color:#666; 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:#389dd7; color:#fff}
.Pager2{border-top:1px dashed #b2d4e0; 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:#389dd7; text-align:center; flex-wrap:wrap}
.FooterP{text-align:justify}
#Copyright{color:#389dd7; 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 #389dd7}
	.FooterLi{flex:1 1 35rem; border-bottom:1px solid #389dd7}
	.FooterLiA{height:7.5rem; line-height:7.5rem}
	.FooterLi:nth-child(odd){border-right:1px solid #389dd7}
	.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 #389dd7; flex-grow:1}
	.FooterLi:first-child{border-left:1px solid #389dd7}
}
@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--*/