@charset "utf-8";
/*
Theme Name:Footbrio
Theme URI:https://footbrio.com
Description:Footbrio【オリジナルテーマ】
Author:株式会社リッシン
Author URI:https://rissin-corp.co.jp
Version:1.0
*/
/*Element reset*/
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:-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.75; color:#001324}
ul,ol{padding:0; list-style:none}
i,em,var,address{font-style:normal}
img{max-width:100%; height:auto}
a{display:block; color:inherit; text-decoration:none}
pre{white-space:pre-line; margin:0}
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}
body > *{font-family:"Hiragino Sans", "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; letter-spacing:1rem}
body a{transition:all .3s}
body a:hover{opacity:.5}
body.Hbfixed{position:fixed}
.splide__list{margin: 0; padding: 0;}

@keyframes zoomUp {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  100% {
    -webkit-transform:scale(1.15);
    transform:scale(1.15);
  }
}

@keyframes animeUp {
	0% {-webkit-top: 0; top: -6rem;}
	30%{-webkit-top: 0; top: -12rem;}
	45%{-webkit-top: 0; top: -6rem;}
	60%{-webkit-top: 0; top: -12rem;}
	100%,
	75%{-webkit-top: 0; top: -5rem;}
}

@media(max-width:789.9px){
	html.html{font-size:calc(100vw / 750); margin-top:0!important}
	html #wpadminbar{position:absolute; bottom:0; display:none}
	body{font-size:24rem}
	main{padding-top:110rem; font-size:30rem; margin-bottom:100rem}
	h1,h2,h3,h4,h5,div,p{font-weight:500}
	.PcOnly{display:none}
	body{font-size:16rem}
	h1,h2,h3,h4,h5,div,p{line-height:1; font-weight:500}
	.Header{display:flex; height:110rem; width:100%; justify-content:space-between; align-items:center; position:fixed; top:0; z-index:2; background:#fff; border-bottom:solid 1rem #006CFE}
	.HeaderInnear{display:flex; justify-content:center; align-items:center; width:100%; height:100%; margin:0 auto;  color:#000}
	.HeaderLogoWrap{display:flex; align-items:center; width:100%; height:110rem;width:100%; height:100%; z-index:3; background:#fff}
	.HeaderLogo{line-height:0; }
	.HeaderLogoAnc{margin-left:24rem}
	.HeaderLogoAnc img{width:230rem}
	.HeaderNav{display:none}
	.HeaderNav .HeaderLogo{position:absolute}
	#GlobalMenuInput{display:block; position:absolute; right:0; width:120rem; height:110rem; z-index:4; opacity:0}
	#GlobalMenu{position:fixed; right:0; width:120rem; height:110rem; z-index:3; text-align:center}
	.GlobalMenuRect{position:relative; width:60rem; height:3rem; border-radius: 30rem; top:30rem; left:calc(50% - 30rem); margin-bottom:14rem; background:#006CFE; border-radius:10rem; transition:all .2s}
	.GlobalMenuWords{position:relative; top:35rem; color:#006CFE; text-align:center; font-size:18rem; font-weight:bold; letter-spacing:2rem; transition:all .2s}
	#GlobalMenuInput:checked{top:0}
	#GlobalMenuInput:checked~#GlobalMenu{position:fixed}
	#GlobalMenuInput:checked~#GlobalMenu .Rect1{top:42rem; left:30rem; transform:translateY(0) rotate(145deg)}
	#GlobalMenuInput:checked~#GlobalMenu .Rect2{top:25rem; left:30rem; transform:translateY(0) rotate(-145deg)}
	#GlobalMenuInput:checked~.HeaderNavSp{visibility:visible; opacity:1; overflow-y:scroll}
	.HeaderNavSp{position:absolute; top:0; width:100%; height:100vh; opacity:0; visibility:hidden; background:linear-gradient(45deg, #1cceff 0%, #009cff 50%, #0f70f7 100%); transition:.5s}
	.HeaderNavSpUl{position:relative; padding-top:150rem}
	.HeaderNavSpUl .HeaderNavLi{position:relative; display:flex; justify-content:flex-start; align-items:center; width:100%; height:140rem; padding:0 112rem; line-height:3.9; font-size:32rem; border-bottom:solid 1rem rgba(255,255,255,.4)}
	.HeaderNavSpUl .HeaderNavLi:nth-child(1):before{content:""; position:absolute; top:40rem; left:55rem; width:47rem; height:50rem; background:url(images/OfficeFooter.svg) no-repeat}
	.HeaderNavSpUl .HeaderNavLi:nth-child(2):before{content:""; position:absolute; top:44rem; left:49rem; width:48rem; height:47rem; background:url(images/ProgressFooter.svg) no-repeat}
	.HeaderNavSpUl .HeaderNavLi:nth-child(3):before{content:""; position:absolute; top:45rem; left:55rem; width:43rem; height:48rem; background:url(images/ColumnFooter.svg) no-repeat}
	.HeaderNavSpUl2{margin-top:40rem}
	.HeaderNavSpUl2 .HeaderNavLi{position:relative; display:flex; justify-content:flex-start; align-items:center; width:100%; height:85rem; padding:0 52rem; font-size:28rem}
	.HeaderNav:first-child{margin-bottom:25rem}
	.HeaderNavLiAnc{color:#fff; font-weight:500; height:75rem; line-height:75rem}
	.HeaderNavSp p{text-align:center; margin:40rem 0 60rem}
	.HeaderNavSp p img{width:300rem}
	.Container{width:650rem; margin:0 auto}
	.H2Span{position:relative; display:inline-block}
	.Btn1{width:220rem; height:42rem; line-height:44rem; margin:50rem auto; border-radius:50rem; box-shadow:none; font-family:inherit; font-size:16rem; font-weight:normal; color:#fff; text-align:center; letter-spacing:.5rem}
	
	/*トップページ*/
	.TopPage{margin-bottom:120rem}
	.MvArea .splide__arrow--prev, .MvArea .splide__arrow--next{ position:absolute; top:220rem; width:68rem; height:68rem; line-height:0; padding:0; z-index:1; border:solid 4rem #006CFE; border-radius:35rem; background:#fff}
	.MvArea .splide__arrow--prev{left:calc(50% - 358rem)}
	.MvArea .splide__arrow--prev svg{transform:rotate(180deg)}
	.MvArea .splide__arrow--next{left:calc(50% + 292rem)}
	.MvArea .splide__arrow--prev svg,.MvArea .splide__arrow--next svg{width:24rem; height:24rem; fill:#006CFE}
	#Splide1{margin:50rem 0 80rem}
	.MvArea .splide__pagination{position:relative; top:30rem}
	.MvArea .splide__pagination button{background:#ccc; border-radius:30rem; padding:0; height:22rem; width:22rem; margin:0 10rem}
	.MvArea .splide__pagination button.is-active{background:#006CFE}
	
	.ContetArea{display:flex; justify-content:center}
	.AdSideArea{display: none}
	.MainContent{width:100%}
	.ArticleArea{width:92%; margin:0 auto}
	.SideBar{width:88%; margin:0 auto; padding-top:60rem}
	.TopPage .ArticleArea h2{padding:15rem 45rem; margin:42rem 0; font-size:32rem; font-weight:bold; color:#444; border-bottom:solid 3rem #006CFE}
	h2.ArticleAreaTtl.TtlColumn{position:relative; margin-top:0}
	.ArticleAreaTtl.TtlColumn::before{content:""; position:absolute; top:11rem; left:0; width:34rem; height:36rem; background:url(images/Column.svg) no-repeat}
	.ArticleList{display:flex; flex-wrap:wrap}
	.ArticleItem{width:48%; margin-bottom:50rem}
	.ArticleItem:nth-last-child(even){margin-right: 4%}
	.ArticleImg{width:100%; line-height:0}
	.ArticleDate{position:relative; margin:20rem 0 10rem; padding:0 10rem 0 32rem; color:#666; font-size:20rem}
	.ArticleDate::before{content:""; position:absolute; top:-4rem; left:0; width:24rem; height:24rem; background:url("images/Clock.svg") no-repeat}
	.SubPage .ArticleArea div.ArticleList .ArticleTtlWrap{margin-bottom:12rem; text-decoration: none}
	.ArticleTtlWrap:hover{opacity:1}
	.ArticleTtlWrap:hover h3{color:#006CFE}
	.ArticleTtl{margin:12rem 0 12rem; font-size:28rem; font-weight:bold; letter-spacing:.5rem; line-height:42rem; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#444;}
	.ArticleArea .ArticleItem ul.ArticleCatUl{display: flex; flex-wrap:wrap; padding:0; height:46rem}
	.ArticleArea ul.ArticleCatUl{padding:0; height:112rem; overflow:hidden}
	.ArticleCatLi{display:inline-block; padding:15rem 18rem 12rem; margin-right:16rem; margin-bottom: 16rem; border-radius:5rem; background:#006CFE; color:#fff; font-size:22rem; line-height:15rem}
	.ArticleCatLi a{display:inline; font-weight:500; line-height: 15rem;}
	.ArticleArea ul.ArticleTagUl{ padding: 0 15rem; margin-top: 15rem; border-top: solid 1rem #ddd; background: #fafafa; border-bottom: solid 1rem #ddd;}
	.ArticleArea ul .ArticleTagLi{list-style: none; padding: 15rem 0 7rem; font-size: 20rem;}
	.ArticleArea ul .ArticleTagLi:last-child{padding: 7rem 0 12rem}
	
	h2.PopularAreaTtl{position:relative; padding:15rem 45rem; margin:42rem 0; font-size:35rem; font-weight:bold; color:#001324}
	h2.PopularAreaTtl::before{content:""; position:absolute; top:11rem; left:0; width:38rem; height:40rem; background:url(images/Column.svg) no-repeat}
	.PopularList{width:100%; margin:0 auto}
	.PopularTtl{padding:0 10rem; margin:18rem 0 50rem; font-size:30rem; font-weight:bold; letter-spacing:1.25rem; line-height:42rem; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#444}
	
	/*サイドバー*/
	.SearchArea{margin-top: 35rem;}
	.SearchTtl{margin-bottom: 30rem; font-size: 35rem; font-weight: bold; color: #1d2327;}
	.SearchTxtArea input{width: 100%; height: 80rem; font-size: 26rem; padding: 6rem 15rem 2rem; border: none; outline: solid 1rem #999; background: #fafafa; border-radius: 8rem;}
	.SearchTxtArea input::placeholder{color: #777;}
	.SearchTxtArea button{position: absolute; right: 0; background: #006CFE; width: 80rem; height: 100%; padding: 20rem 20rem 18rem}
	.SearchTxtArea button:hover{cursor: pointer; background: #1d2327;}
	.searchform{position: relative;}
	.TagArea{margin-top: 60rem;}
	.TagAreahTtl{margin-bottom: 30rem; font-size: 35rem; font-weight: bold; color: #1d2327;}
	.TagAreaUl{display:flex; flex-wrap:wrap}
	.TagArea li{display:flex; margin:0 24rem 24rem 0; border-radius:3rem; color:#fff; font-size:24rem}
	.TagArea li a{color: #fff; padding: 17rem 26rem 13rem; background: #006CFE; border-radius: 5rem; text-decoration: none;}
	
	footer{font-family:"Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"}
	.FooterLogo{display:inline-block; width:270rem; margin-top:20rem}
	.FooterLogoimg{height:150rem; width:auto; aspect-ratio:auto 640 / 360}
	.FooterFlex{display:flex; flex-direction:column; justify-content:space-between; align-items:center; padding:70rem 0 75rem; align-items:center; font-weight:normal; background:#1d2327; color:#fff}
	.FooterFlex1{display:flex; flex-direction:column; justify-content:center; width:100%}
	.FooterFlex1 a{display:inline-block; color:#fff}
	.FooterNav1,.FooterNav2{width:100%}
	.FooterNavUl{display:flex; justify-content:flex-start; flex-direction:column; align-items:center; flex-wrap:wrap; width:100%}
	.FooterNavUl:last-child{justify-content:flex-start}
	.FooterNavLi{width:100%; position:relative; letter-spacing:.5rem; line-height:54rem; font-size:26rem; font-weight:normal}
	.FooterNav2{display:flex; flex-direction:row; padding:30rem 50rem; border-bottom:solid 1rem #444; margin-bottom:50rem}
	.FooterNav2 .FooterNavUl{flex-direction:row}
	.FooterNav2 .FooterNavLi{width:50%; line-height:80rem}
	.FooterNav1 .FooterNavLi{line-height:110rem; padding:5rem 50rem 0; font-size:32rem; font-weight:500; letter-spacing:1rem; border-bottom:solid 1rem #444}
	.FooterNav1 .FooterNavLi:nth-child(1) a{position:relative; padding-left:47rem}
	.FooterNav1 .FooterNavLi:nth-child(1) a::before{content:""; position:absolute; top:30rem; left:0; width:30rem; height:41rem; background:url(images/OfficeFooter.svg) no-repeat}
	.FooterNav1 .FooterNavLi:nth-child(2) a{position:relative; padding-left:50rem}
	.FooterNav1 .FooterNavLi:nth-child(2) a::before{content:""; position:absolute; top:34rem; left:0; width:34rem; height:34rem; background:url("images/ProgressFooter.svg") no-repeat}
	.FooterNav1 .FooterNavLi:nth-child(3) a{position:relative; padding-left:52rem}
	.FooterNav1 .FooterNavLi:nth-child(3) a::before{content:""; position:absolute; top:33rem; left:0; width:33rem; height:36rem; background:url("images/ColumnFooter.svg") no-repeat}
	.FooterNavLi:last-child{border-right:0}
	.FooterFlex2{display:flex; justify-content:center; width:48%}
	.CopyRight{text-align:center; color:#fff; font-size:20rem; margin-top:30rem}
	
	.SubPage h1.ArticleAreaTtl{position:relative; padding:15rem 58rem; margin-top:60rem; font-size:44rem; font-weight:bold; color:#444}
	.SubPage h1.ArticleAreaTtl::before{content:""; position:absolute; top:10rem; left:0; width:46rem; height:48rem; background:url(images/Column.svg) no-repeat}
	.SubPage h1.ArticleAreaTtl.TtlEstablishment{padding-left:45rem}
	.SubPage h1.ArticleAreaTtl.TtlEstablishment::before{content:""; position:absolute; top:7rem; left:0; width:38rem; height:50rem; background:url(images/Office.svg) no-repeat}
	.SubPage h1.ArticleAreaTtl.TtlProgress{padding-left:62rem}
	.SubPage h1.ArticleAreaTtl.TtlProgress::before{content:""; position:absolute; top:9rem; left:0; width:50rem; height:50rem; background:url(images/Progress.svg) no-repeat}
	.SubPage h1.ArticleAreaTtl.TtlSearch{padding: 0; line-height: 55rem;}
	.SubPage h1.ArticleAreaTtl.TtlSearch::before{content: none}
	.SubPage h1.ArticleAreaTtl.TtlTaxonomy{padding-left:0}
	.ArticlePage .ArticleItem:nth-last-child(odd){margin-right: 4%}
	.ArticlePage .ArticleItem:nth-last-child(even){margin-right: 0}
	
	.SinglePage .ContentArea{margin-top:35rem}
	.SinglePage h1.ArticleAreaTtl{padding:25rem 0 45rem; line-height:66rem; font-weight:bold; font-size:45rem; letter-spacing:2rem; text-align: justify;}
	.SinglePage .ArticleArea .ArticleCatUl{display:flex; flex-wrap:wrap; line-height:58rem; font-weight:bold; height:124rem; font-size:38rem; letter-spacing:1rem; text-align:justify; border-top:solid 3rem #006CFE}
	.SinglePage .ContentArea p.ArticleDate{width:100%; padding:0 10rem 0 30rem; margin:34rem 0 15rem; line-height:22rem; font-size:22rem} 
	.SinglePage .ContentArea p.ArticleDate::before{content:""; position:absolute; top:-2rem; left:0; width:24rem; height:23rem; background:url(images/Clock.svg) no-repeat}
	.SinglePage .Thumbnail{margin: 20rem 0 70rem}
	.SinglePage .ContentArea p{line-height:55rem}
	.SinglePage .ArticleArea h2{font-size:40rem; font-weight:bold; margin:80rem 0 25rem; letter-spacing:1.75rem; line-height:60rem; text-align:justify; background:#f0f6ff; padding:25rem 32rem 20rem}
	.SinglePage .ArticleArea h3{position:relative; font-size:40rem; font-weight:bold; margin:80rem 0 30rem; letter-spacing:1rem; line-height:60rem; text-align:justify; border-bottom:solid 4rem #eee; padding-bottom:25rem}
	.SinglePage .ArticleArea h3:after{content:""; position:absolute; left:0; bottom:-4rem; display:block; border-bottom:solid 4rem #006CFE; width:20%}
	.SinglePage .ArticleArea h4{display:inline-block; background:#f0f6ff; padding:20rem 25rem 16rem; margin:45rem 0 20rem; font-weight:bold}
	.SinglePage .ArticleArea p,.SinglePage .ArticleArea ul{font-size:32rem; line-height:68rem}
	.ArticleArea ul{padding-left:35rem; list-style:disc; margin-top:5rem}
	.ArticleArea p a {display:inline-block; color:#337ab7; text-decoration:underline}
	.SinglePage .ArticleArea p strong{background: linear-gradient(transparent 60%,#fcfea7 0%)}
	.PointArea{position:relative; border:solid 3rem #006CFE; border-radius:8rem; padding:40rem 30rem 33rem; margin-bottom: 55rem;}
	.PointAreaTtl{position:absolute; top:-22rem; display:inline-block; padding:5rem 25rem; margin-left:10rem; background:#fff; font-size:32rem; font-weight:bold}
	.SinglePage p.PointCenter{font-weight:bold; line-height: 58rem; letter-spacing: 2rem; text-align:center}
	.SinglePage .ArticleArea p br{display: block; content: ""; margin: -12rem 0;}
	.PointMarkar{background:linear-gradient(transparent 60%,#fcfea7 0%)}
	.TxtMarkar{background:linear-gradient(transparent 50%,#fcfea7 0%); font-weight:bold}
	.SinglePage blockquote{margin: 45rem 0;}
	.SinglePage .ArticleArea blockquote p{font-size: 24rem; line-height: 52rem;}
	.SinglePage blockquote a{display: inline}
	.SinglePage .ArticleArea table{width:100%; margin-bottom: 85rem;}
	.SinglePage .ArticleArea table tr{display:flex; flex-direction:column}
	.SinglePage .ArticleArea table th,td{display:flex; align-items:center; min-height:85rem}
	.SinglePage .ArticleArea table th{width:100%; padding:0 25rem; background:#f9f9f9; border-top:1rem solid #ddd; border-left:1rem solid #ddd; border-right:1rem solid #ddd}
	.SinglePage .ArticleArea table td{width:100%; padding:25rem 30rem; line-height:48rem; text-align:initial;  border-top:1rem solid #ddd; border-left:1rem solid #ddd; border-right:1rem solid #ddd}
	.SinglePage .ArticleArea table tr:last-child td{border-bottom:1rem solid #ddd}
	.GoTop{display: none}
	
	.SingleEstablishment .MainContent{margin-bottom: 50rem;}
	.SinglePage .ArticleArea a.PostBtnContact{display: block; position: relative; width: 600rem; font-size: 30rem; font-weight: bold; color: #fff; cursor: pointer; margin: 20rem auto 0; height: 110rem; line-height: 115rem; text-align: center; border: none; background-size: 300% 100%; border-radius: 60rem; background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #017BFE); box-shadow: 0 3rem 12rem 0 rgba(65, 132, 234, 0.6); text-decoration: none}
	
	#toc_container.toc_white{width:100%!important; padding:10rem 25rem 40rem; margin:30rem 0 60rem}
	div#toc_container p.toc_title{padding:8rem}
	.toc_toggle a{display:inline-block}
	#toc_container .toc_list{margin-top:0}
	.ArticleArea #toc_container p.toc_title+ul.toc_list{line-height:50rem; margin-top:0; border:0}
	ul.toc_list>li>a{font-size:20rem; font-weight:bold; margin-top:25rem}
	#toc_container a{color:#1f83da; font-size:30rem}
	#toc_container ul ul{border:0;}
	#toc_container ul.toc_list li ul li a{font-size:26rem; line-height: 48rem;}
	
	.ShareArea{display: flex; flex-direction: column; align-items: center; margin-top: 120rem;}
	.ShareTxt{position: relative; text-align: center; font-weight: bold; color: #333; font-size: 32rem; margin-bottom: 38rem;}
	.ShareTxt::before{content: ""; position: absolute; top: -6rem; left: -50rem; width: 2rem; height: 48rem; background: #017BFE; transform: rotate(-20deg); animation: animeUp 2.8s ease-in-out infinite;}
	.ShareTxt::after{content: ""; position: absolute; top: -6rem; right: -50rem; width: 2rem; height: 48rem; background: #017BFE; transform: rotate(20deg); animation: animeUp 2.8s ease-in-out infinite;}
	.ShareFlex{display: flex; justify-content: center}
	.ShareFlex > div{width: 100rem; height: 100rem; border-radius: 50%; background-size: cover; margin: 0 28rem}
	.ShareFlex > div a{width: 100%; height: 100%;}
	.ShareFlex div.ShareFB{background:no-repeat url("images/FB.svg");}
	.ShareFlex div.ShareX{background: #000; background-image:url("images/X.svg"); background-position: center; background-size:52%; background-repeat: no-repeat}
	.ShareFlex div.ShareLinkdIn{background:no-repeat url("images/Linkedin.svg"); background-size: cover;}
	.ShareFlex div.ShareLine{background:no-repeat url("images/Line.svg");}
	
	/*下層ページ*/
	/*共通・ヘッダー設定*/
	.SubPage{position:relative; min-height:calc(100vh - 383rem); padding-bottom:10rem}
	.SubPage .MainContent{width:88%; margin:0 auto}
	.SubPageTtlArea{position:relative; width:100%; margin:0 auto; margin-bottom:90rem; color:#fff}
	.ArticlePage .SubPageTtlArea{width:100%; border-bottom:solid 3rem #006CFE; padding-bottom:60rem; margin-bottom:60rem}
	.ArticlePage .ArticleArea{width:100%; min-height: 500rem}
	.SubPage h1.SubPageTtl{position:relative; padding:15rem 0; margin-top:70rem; font-size:45rem; line-height:60rem; font-weight:bold; color:#001324}
	.SubPageTtl span{color:#fff; display:block; font-size:16rem; margin-top:10rem}
	.SubPageTtl span a{color:#fff}
	.SubContentsTtl{position:relative; font-size:36rem; font-weight:500; margin-bottom:80rem; padding-bottom:20rem; border-bottom:solid 1.5rem #eee}
	.SubPage + footer{margin-top:100rem}
	#breadcrumb{display:flex; align-items:center; background:#f3f3f3; height:70rem}
	.SubPage #breadcrumb{height:40rem; background:#fff}
	#breadcrumb ul{width:92%; margin:0 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
	.SubPage #breadcrumb ul{width:100%}
	.SubPage .ArticleArea.TxtArea p{line-height: 50rem;}
	.SubPage .ArticleArea.TxtArea a{color: #337ab7; text-decoration: underline; margin-top: 20rem;}
	.SubPage .ArticleArea .ArticleCatLi a{color: #fff; text-decoration: none; margin-top: 20rem;}
	#breadcrumb li{display:inline-block; position:relative; padding-right:45rem; color:#fff; letter-spacing:.5rem; font-size:24rem}
	#breadcrumb li:last-child{display:contents}
	#breadcrumb li::before{content:">"; display:block; position:absolute; right:10rem; color:#000}
	#breadcrumb li:last-child::before{display:none}
	#breadcrumb a{text-decoration:underline; color:#000}
	#breadcrumb span{color:#000}

	/*各ページ設定*/
	/* 会社情報 */
	.CompanyTable{width:100%}
	.CompanyTable tr{display:flex; flex-direction:column}
	.CompanyTable th,td{display:flex; align-items:center; min-height:80rem}
	.CompanyTable th{width:100%; padding:0 25rem; background:#f9f9f9; border-top:1rem solid #ddd; border-left:1rem solid #ddd; border-right:1rem solid #ddd}
	.CompanyTable td{width:100%; padding:25rem 30rem; line-height:48rem; text-align:initial;  border-top:1rem solid #ddd; border-left:1rem solid #ddd; border-right:1rem solid #ddd}
	.CompanyTable tr:last-child td{border-bottom:1rem solid #ddd}
	
	/* ポリシー */
	.PrivacyPage .SubPageTtlArea{position:relative; margin-bottom:100rem; height:320rem; color:#000; background:transparent; border-bottom:dotted 2rem #ddd}
	.PrivacyPage .SubPageTtlArea .Container{top:140rem}
	.SubPageTtleArea img{position:absolute; top:0; right:0; width:80rem}
	.PrivacyPage .SubPageTtl:before{background:#000}
	.PrivacyPage #breadcrumb li{color:#000}
	.PrivacyPage #breadcrumb span{color:#000}
	.PrivacyPolicy h2{font-size:35rem; font-weight:bold; line-height:50rem; margin:70rem 0 28rem; padding-bottom:28rem; border-bottom:solid 1rem #333}
	.PrivacyPolicy p{margin-bottom:37rem; line-height:52rem}
	.PrivacyPolicy ul{line-height:52rem; padding-left:38rem; margin:-18rem 0 28rem}
	.PrivacyPolicy ul li{list-style:disc}
	p.PrivacyDesc{margin-bottom:100rem}
	.Page404 h3{text-align:center; padding:30rem; background:#eee; font-size:24rem; line-height:1; border:none}
	.Page404 p{text-align:center}
	
	/* お問い合わせ */
	.FormArea{background:#f7f7f7; border-radius:10rem}
	.FormWrap{padding:75rem 40rem}
	.FormWrap .FormTtl{text-align:center; font-weight:bold; margin-bottom:50rem}
	.FormWrap dl{display:flex; flex-direction:column; margin-bottom:28rem; font-size:18rem}
	.FormWrap dt{flex:0 0 25%}
	.FormWrap dd{flex:0 0 75%}
	.FormWrap dd span{width:100%; font-size:24rem; line-height:50rem}
	.FormWrap dd input,textarea{width:100%; padding:15rem; background:#fff; border:solid 1px #ddd; border-radius:3rem; font-size:24rem; font-family:YuGothic}
	.FormWrap dd input[name="your-name"]{width:300rem}
	.FormWrap dd textarea{height:380rem; font-size:24rem; overflow-wrap:revert}
	.FormWrap input::placeholder,.FormWrap textarea::placeholder {color:#e0e0e0}
	.FormWrap dt p{position:relative; font-size:30rem; margin:15rem 0} 
	.Hissu{position:relative; top:-5rem; font-size:24rem; padding:5rem 10rem; border-radius:3rem; line-height:1; color:#ff0000}
	.wpcf7-radio{display:block; padding-top:16rem}
	.wpcf7-radio label{display:flex; margin-bottom:16rem}
	.wpcf7-radio span{margin:0}
	.wpcf7-radio span:last-child label{margin-bottom:12rem}
	.wpcf7-radio label:hover{cursor:pointer}
	.wpcf7-radio label input{width:auto}
	.wpcf7-radio label input[type="radio"]{width:34rem; height:44rem}
	.wpcf7-radio label span{margin-left:15rem; font-size:30rem; line-height:45rem}
	.ContactConfirm{margin:60rem 0 30rem; text-align:center; font-size:28rem; line-height:50rem}
	.ContactConfirm a{display:inline; color:#3084D5; text-decoration:underline}
	.ContactBtn{height:90rem; width:480rem; margin:0 auto; font-size:28rem; color:#fff; background:#006CFE; border:solid 1rem #ddd; border-radius:50rem; text-align:center; transition:all .2s}
	.ContactBtn:hover{background:#fff; border:solid 1.5rem #004480}
	.ContactBtn p{height:90rem}
	.ContactBtn:hover input{color:#004480}
	.ContactBtn input{width:100%; height:100%; border:none; background:none; color:#fff; line-height:2.6; cursor:pointer}
	.ContactConfirmPage h1,.ThanksPage h1,.Page404 h1{padding:100rem 0 15rem; margin-left:0; text-align:center}
	.ContactConfirmPage h1:before,.ThanksPage h1:before{display:none}
	.ContactDesc{padding:0 52rem 20rem}
	.ContactConfirmPage .FormRadio{margin-top:60rem}
	.ContactConfirmPage .ContactName{height:auto}
	.ContactConfirmPage .FormBtnArea{margin-top:60rem}
	.ContactConfirmPage .FormBtnArea p{padding:10rem 0 40rem}
	.ContactConfirmPage p.Submit.Previous input{background:#f0f0f0; color:#000}
	.ContactConfirmPage p.Submit.Next{padding-bottom:0}
	.ContactConfirmPage p.Submit.Next input{background:#f7931e; color:#fff}
	.ThanksPage .SubPageTtl{text-align:center}
	.ThanksPage .ContactDesc,.Page404Desc{text-align:center}
	.ThanksDesc{line-height:42rem}
	.ThanksBackTop{width:575rem; height:88rem; line-height:88rem; margin:0 auto; text-align:center; background:#f7931e; color:#fff}
	a.BtnBack{width:540rem; height:90rem; line-height:90rem; margin:80rem auto; border-radius:50rem; box-shadow:none; font-family:inherit; font-size:30rem; text-align:center; letter-spacing:.5rem; background:#006CFE; color:#fff}
	
	/*お知らせ関連ページ設定*/
	.NewsFilter{display:flex; margin-top:40rem}
	.NewsFilter li{background:#f5f5f5; border-radius:5rem; margin-right:24rem; font-size:28rem; line-height:28rem}
	.NewsFilter li a{padding:15rem 24rem}
	.NewsFilter .Active{background:#000; padding:15rem 24rem; color:#fff; line-height:28rem}
	.NewsUl{margin-top:40rem}
	.NewsLi{border-top:solid 1rem #ddd}
	.NewsUl .NewsLi:last-child{border-bottom:solid 1rem #ddd}
	.NewsLiAnc{display:flex; flex-wrap:wrap; padding:35rem 30rem; font-size:24rem}
	.NewsDate{line-height:40rem}
	.NewsCatUl{display:flex; margin-left:30rem}
	.NewsCatLi {min-width:150rem; margin-right:20rem; text-align:center; height:100%; line-height:1.6; background:#f5f5f5}
	.NewsAreaLi:first-child{border-top:solid 1px #dedede; border-bottom:solid 1px #dedede}
	.NewsAreaLi + .NewsAreaLi{border-bottom:solid 1px #dedede}
	.NewsTtl{width:100%; font-size:30rem; padding-top:10rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
	
	.SinglePage .ArticleArea .PostCardWrap{display:block; text-decoration:none}
	.PostCard{display:flex; justify-content:center; width:100%; padding:22rem; margin:40rem 0 60rem; border:solid 2.5rem #006CFE; background:#fafdff; border-radius:15rem}
	.PostCardImg{height:fit-content; width:45%; padding-right:12rem}
	.PostCardTxt{width:55%; padding-left:8rem}
	.SinglePage .ArticleArea .PostCardTxt{color:#001324}
	.SinglePage .ArticleArea .PostCardTxt:hover{color:#1f83da; text-decoration:underline}
	.SinglePage .ArticleArea p.PostCardTtl{letter-spacing:.5rem; overflow:hidden; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:28rem; font-weight:bold; line-height:38rem; margin:16rem 0}
	.SinglePage .ArticleArea p.PostCardDesc{line-height:19rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:19rem}
	.SinglePage .ArticleArea p.ProfileTtl{font-size: 35rem; font-weight: bold; line-height: 1; margin-bottom: 30rem;}
	.SinglePage .ArticleContent ul{padding: 30rem 25rem 28rem 60rem; margin: 35rem 0 37rem; border: solid 3rem #006CFE;}
	
	.ResultTtl{font-size: 32rem; margin-bottom: 38rem; font-weight: bold;}
	
	/*pagenation*/
	.nav-links{display:flex; justify-content:center; align-items:baseline; margin-bottom:80rem}
	.nav-links *{margin:0 8rem; font-size:17rem}
	.screen-reader-text{display:none}
	a.page-numbers{text-decoration:underline}
	.nav-links .next{font-size:13rem}	
}

@media(min-width:790px){
	/*共通*/
	html{font-size:.1vw; margin-top:0!important}
	html.html{scroll-padding-top:162rem}
	.SpOnly{display:none}
	body{font-size:16rem}
	h1,h2,h3,h4,h5,div,p{line-height:1; font-weight:500}
	blockquote{margin:30rem 0; font-size:14rem}
	.Header{position:fixed; display:flex; height:80rem; width:100%; justify-content:space-between; align-items:center; box-shadow:0 0 10rem rgba(0,0,0,.1); z-index:2; background:#fff}
	.HeaderInnear{display:flex; justify-content:center; align-items:center; width:100%; height:100%; margin:0 auto;  color:#000}
	.HeaderLogo{width:165rem; line-height:0; margin:0 50rem}
	.HeaderLogoAnc{display:flex}
	.HeaderLogoimg{height:32rem; width:auto; aspect-ratio:auto 640 / 360}
	.HeaderNav{width:100%}
	.HeaderNavUl{display:flex; justify-content:end; margin-right:172rem}
	.HeaderNavLi{position:relative}
	.HeaderNavLi04{position:absolute; top:0; right:20rem; height:95rem; border-radius:0 0 10rem 10rem; width:140rem; background:linear-gradient(to bottom,#017BFE 50%,#01a2fe); text-align:center}
	.HeaderNavLi04 .HeaderNavLiAnc{display:flex; flex-direction:column; justify-content:center; height:100%; font-weight:bold; color:#fff; font-size:20rem; padding-left:0; line-height:30rem; letter-spacing:2rem}
	.HeaderNavLi04 .HeaderNavLiAnc span{position:relative; display:block; font-size:11rem; font-weight:500; letter-spacing:1rem; line-height:23rem}
	.HeaderNavLi04 .HeaderNavLiAnc span::before{content:""; position:absolute; top:3rem; left:2rem; height:15rem; width:1rem; background:#fff; transform:rotate(-15deg)}
	.HeaderNavLi04 .HeaderNavLiAnc span::after{content:""; position:absolute; top:3rem; right:5rem; height:15rem; width:1rem; background:#fff; transform:rotate(15deg)}
	.HeaderNavLiAnc{position:relative; padding-left:26rem; font-size:15rem; font-weight:bold; color:#444; margin:0 15rem}
	.HeaderNavLi01 .HeaderNavLiAnc::before{content:""; position:absolute; top:2rem; left:2rem; width:13rem; height:21rem; background:url(images/Office.svg) no-repeat}
	.HeaderNavLi02 .HeaderNavLiAnc::before{content:""; position:absolute; top:3rem; left:0; width:20rem; height:20rem; background:url(images/Progress.svg) no-repeat}
	.HeaderNavLi03 .HeaderNavLiAnc::before{content:""; position:absolute; top:2rem; left:0; width:20rem; height:22rem; background:url(images/Column.svg) no-repeat}
	.HeaderNavSp{display:none}
	.HeaderNav:first-child{margin-bottom:25rem}
	#GlobalMenuInput{display:none}
	#GlobalMenu{display:none}
	.Container{width:760rem; margin:0 auto}
	.H2Span{position:relative; display:inline-block}
	.Btn1{width:220rem; height:42rem; line-height:44rem; margin:50rem auto; border-radius:50rem; box-shadow:none; font-family:inherit; font-size:16rem; font-weight:normal; color:#fff; text-align:center; letter-spacing:.5rem}
	
	/*トップページ*/
	.TopPage{padding-top:80rem}
	.MvArea{padding:40rem 30rem 32rem; background:#f5f5f5; overflow:hidden; max-height:420rem}
	.MvArea .splide__slide{text-align:center}
	.MvArea .splide__slide img{height:auto; width:100%}
	.MvArea .splide__arrows{position:absolute; width:100%; z-index:1}
	.MvArea .splide__arrow--prev,.MvArea .splide__arrow--next{position:absolute; top:calc(8vw -  15rem); width:35rem; height:35rem; line-height:0; padding:0; border:solid 2.5rem #006CFE; border-radius:30rem; background:#fff}
	.MvArea .splide__arrow--prev{left:calc(50% - 420rem); transform:rotate(180deg)}
	.MvArea .splide__arrow--next{left:calc(50% + 325rem)}
	.MvArea .splide__arrow--prev:hover,.MvArea .splide__arrow--next:hover{cursor:pointer; opacity:.5; transition:.3s}
	.MvArea .splide__arrow--prev svg,.MvArea .splide__arrow--next svg{width:15rem; height:15rem; fill:#006CFE}
	.MvArea .splide__pagination{position:relative; top:15rem}
	.MvArea .splide__pagination button{background:#ccc; border-radius:30rem; height:12rem; width:12rem; margin:0 8rem; cursor: pointer}
	.MvArea .splide__pagination button.is-active{background:#006CFE}
	
	/* メインカラム */
	.ContentArea{display:flex; justify-content:center; width:900rem; padding-bottom:100rem; margin:45rem auto 0}
	.AdSideArea{display: none}
	.MainContent{width:630rem; padding:0 0 10rem; margin-right:45rem; background:#fff}
	.SideBar{width:220rem}
	.TopPage .ArticleArea h2{padding:12rem 30rem; margin:42rem 0; font-size:20rem; font-weight:bold; color:#1d2327; border-bottom:solid 2rem #006CFE}
	h2.ArticleAreaTtl.TtlColumn{position:relative; margin-top:0}
	.ArticleAreaTtl.TtlColumn::before{content:""; position:absolute; top:10rem; left:0; width:20rem; height:22rem; background:url(images/Column.svg) no-repeat}
	.ArticleList{display:flex; flex-wrap:wrap}
	.ArticleItem{width:300rem; margin-right:30rem; margin-bottom:32rem}
	.ArticleList .ArticleItem:nth-child(2n){margin-right:0}
	.ArticleImg{width:100%; line-height:0}
	.ArticleImg img{height:auto; box-shadow: 2rem 5rem 8rem rgba(0,0,0,.05)}
	.ArticleImg:hover img{opacity: .6; box-shadow: 0}
	.ArticleDate{position:relative; margin-top:13rem; padding:0 10rem 0 15rem; color:#1d2327; font-size:11rem; line-height:12rem;}
	.ArticleDate::before{content:""; position:absolute; top:0; left:0; width:12rem; height:12rem; background:url("images/Clock.svg") no-repeat}
	.ArticleTtlWrap{margin:8rem 0 10rem}
	.ArticleTtlWrap:hover{opacity:1}
	.ArticleTtlWrap:hover h3{color:#006CFE; text-decoration: underline;}
	.ArticleTtl{font-size:16rem; font-weight:bold; letter-spacing:1rem; line-height:22rem; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#1d2327}
	.TopPage .ArticleArea .ArticleCatUl{padding-left:0}
	.ArticleCatUl{display:flex; flex-wrap:wrap; height:23rem; overflow:hidden}
	.ArticleCatLi{display:flex; margin:0 7rem 10rem 0; border-radius:3rem; color:#fff; font-size:12rem}
	.BtnMore{position: relative; width: 242rem; font-size: 16rem; font-weight: bold; color: #fff; cursor: pointer; margin: 20rem auto 0; height: 52rem; line-height: 52rem; text-align: center; border: none; background-size: 300% 100%; border-radius: 50rem; background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #017BFE); box-shadow: 0 3rem 12rem 0 rgba(65, 132, 234, 0.6)}
	.BtnMore::after{content: ""; position: absolute; width: 10rem; height: 10rem; top:20.5rem; right:26rem; border: solid 2rem #fff; border-left: 0; border-top: 0; transform: rotate(-45deg)}
	
	/* サイドバー */
	#Splide2{height:300rem; margin-bottom: 60rem;}
	#Splide2 .splide__arrows{position:absolute; width:100%; z-index:1}
	#Splide2 .splide__arrow--prev,#Splide2 .splide__arrow--next{position:absolute; top:125rem; width:35rem; height:35rem}
	#Splide2 .splide__arrow--prev{left:calc(50% - 110rem); transform:rotate(180deg)}
	#Splide2 .splide__arrow--next{left:calc(50% + 75rem)}
	#Splide2 .splide__arrow--prev:hover,#Splide2 .splide__arrow--next:hover{cursor:pointer; opacity:.5; transition:.3s}
	#Splide2 .splide__arrow--prev svg,#Splide2 .splide__arrow--next svg{width:18rem; height:18rem}
	#Splide2 .splide__pagination{position:relative; top:12rem}
	#Splide2 .splide__pagination button{background:#ccc; border-radius:30rem; height:12rem; width:12rem; margin:0 5rem}
	#Splide2 .splide__pagination button.is-active{background:#006CFE}
	.SearchTtl{margin-bottom: 15rem; font-size: 14rem; font-weight: bold; color: #1d2327;}
	.SearchTxtArea input{width: 100%; height: 35rem; font-size: 12.5rem; padding: 2rem 8rem 0; border: none; outline: solid 1rem #999; background: #fafafa; border-radius: 3rem;}
	.SearchTxtArea input::placeholder{color: #777;}
	.SearchTxtArea button{position: absolute; right: 0; background: #006CFE; width: 32rem; height: 100%; padding: 9rem 7.5rem 8rem;}
	.SearchTxtArea button:hover{cursor: pointer; background: #1d2327;}
	.searchform{position: relative;}
	.TagArea{margin-top: 28rem;}
	.TagAreahTtl{margin-bottom: 15rem; font-size: 14rem; font-weight: bold; color: #1d2327;}
	.TagAreaUl{display:flex; flex-wrap:wrap}
	.TagArea li{display:flex; margin:0 7rem 12rem 0; border-radius:3rem; color:#fff; font-size:12rem}
	.TagArea li a{color: #fff; padding: 5.5rem 8rem 5rem; background: #006CFE; border-radius: 4rem; text-decoration: none;}
	.SideBarAd{margin-top: 15rem;}
	
	.PopularList{padding:10rem 0; background:#fff}
	.PopularAreaTtl{padding:10rem; margin:5rem 0 20rem ; font-size:14rem; font-weight:bold; color:#1d2327; border-bottom:solid 1.5rem #006CFE}
	.PopularItem{width:100%; margin-bottom:18rem}
	.PopularImg{width:100%; line-height:0}
	.PopularTtl{margin-top:8rem; font-size:12rem; font-weight:bold; letter-spacing:.75rem; line-height:17rem; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#1d2327}
	
	footer{position: relative; background:#1d2327; color:#fff}
	footer::after{content:""; position: absolute; bottom: 0; left: 0; height: 6rem; width: 100%; background-image: linear-gradient(to right, #017BFE 50%, #2dc3fa);}
	.FooterFlex{padding:80rem 20rem}
	.FooterCatch{text-align:center; font-size:26rem; letter-spacing:2rem; margin-bottom:40rem}
	.FooterNav{display:flex}
	.FooterNav1{margin-bottom:20rem}
	.FooterNavUl{display:flex; justify-content:center; align-items:center}
	.FooterNavLi{text-align:center; margin:12rem 20rem; position:relative; font-size:17rem}
	.FooterNavLi:last-child{border-right:0}
	.FooterNav1 .FooterNavLi{padding-left:30rem}
	.FooterNav1 .FooterNavLi:nth-child(1)::before{content:""; position:absolute; top:-5rem; left:2rem; width:16rem; height:25rem; background:url(images/OfficeFooter.svg) no-repeat}
	.FooterNav1 .FooterNavLi:nth-child(2)::before{content:""; position:absolute; top:-3rem; left:0; width:22rem; height:22rem; background:url(images/ProgressFooter.svg) no-repeat}
	.FooterNav1 .FooterNavLi:nth-child(3)::before{content:""; position:absolute; top:-3rem; left:0; width:20rem; height:22rem; background:url(images/ColumnFooter.svg) no-repeat}
	.FooterNav2 .FooterNavLi{width:auto; text-align:center; margin:12rem 15rem; position:relative; font-size:13rem}
	.FooterLogo{display:block; width:200rem; margin:50rem auto 20rem}
	.CopyRight{font-size:14rem; text-align:center}
	
	/*下層ページ*/
	#breadcrumb{background:#f3f3f3; padding:20rem}
	#breadcrumb ul{display:flex; width:90%; margin:0 auto}
	#breadcrumb li{position:relative; padding-right:30rem; letter-spacing:.5rem; font-size:13rem}
	#breadcrumb li::before{content:">"; display:block; position:absolute; right:10rem; color:#999}
	#breadcrumb li:last-child::before{display:none}
	#breadcrumb a{color:#000; text-decoration:underline; text-underline-offset:2.5rem}
	#breadcrumb .breadhome{position:relative}
	#breadcrumb .breadhome::before{content:""; position:absolute; left:-25rem; top:0; width:15rem; height:15rem; background:url("images/Home.svg") no-repeat}
	.SubPage{position:relative; padding-bottom:10rem; padding-top:80rem}
	.SubPageTtlArea{position:relative; display:flex; flex-direction:column; margin-bottom:30rem; color:#333; border-bottom: solid 2rem #006CFE;}
	.SubPageTtlArea #breadcrumb{background:none; padding:25rem 0 40rem 0}
	.SubPageTtlArea #breadcrumb ul{margin-left:25rem}
	.SubPageTtl{margin-top:8rem; font-size:36rem; font-weight:bold}
	.TagPageTtl{font-size:30rem; margin:15rem 0 10rem}
	.TtlTag{background:#006CFE; color:#fff; padding:12rem 18rem 10rem; margin-right:5rem; border-radius:10rem}
	.SubContentsTtl{position:relative; font-size:18rem; font-weight:500; margin-bottom:70rem; padding-bottom:30rem; border-bottom:solid 1.5rem #eee}
	.SubPageH2{padding-bottom:65rem; font-size:42rem; font-family:"Abel", sans-serif; letter-spacing:8rem; text-align:center}
	.SubPageTxt{text-align:center; margin-bottom:80rem; letter-spacing:2rem}
	
	/*記事一覧ページ設定*/
	.ArticlePage .SubPageTtlArea{ border-bottom:solid 2rem #006CFE; margin-bottom:42rem}
	.SubPage h1.ArticleAreaTtl{position:relative; margin-top:8rem; padding-left:45rem; font-size:35rem; font-weight:bold}
	.SubPage h1.ArticleAreaTtl.TtlColumn{padding-left:42rem}
	.SubPage h1.ArticleAreaTtl.TtlColumn::before{content:""; position:absolute; top:0; left:0; width:33rem; height:34rem; background:url(images/Column.svg) no-repeat}
	.SubPage h1.ArticleAreaTtl.TtlEstablishment{padding-left:35rem}
	.SubPage h1.ArticleAreaTtl.TtlEstablishment::before{content:""; position:absolute; top:0; left:0; width:22rem; height:34rem; background:url(images/Office.svg) no-repeat}
	.SubPage h1.ArticleAreaTtl.TtlProgress::before{content:""; position:absolute; top:0; left:0; width:36rem; height:36rem; background:url(images/Progress.svg) no-repeat}
	.SubPage h1.ArticleAreaTtl.TtlSearch::before{content:""; position:absolute; top:0; left:0; width:30rem; height:36rem; background:url(images/SearchBlack.svg) no-repeat}
	.SubPage h1.ArticleAreaTtl.TtlTaxonomy{padding-left:0}
	
	/*投稿ページ設定*/
	.SinglePage .MainContent{margin-right:50rem}
	.SinglePage{padding-top:80rem}
	.SinglePage .BreadAera{height:80rem; display:flex; justify-content:flex-start; align-items:center; background:#f0f0f0}
	.SinglePage .BreadAera #breadcrumb{width:1045rem; margin:0 auto}
	.SinglePage .ContentArea{margin-top:50rem}
	.SinglePage h1.ArticleAreaTtl{margin-bottom:15rem; font-size:33rem; letter-spacing:1.5rem; line-height:47rem; font-weight:bold; color:#001324}
	.SinglePage .ArticleCatUl{display:flex; align-items:center; height:50rem; margin-bottom:20rem; padding:18rem 0 0; border-top:solid 1.5rem #006CFE}
	.Thumbnail{margin-bottom:50rem}
	.Thumbnail img{width:100%; height:auto}
	.SinglePage .ArticleArea h2{font-size:26rem; font-weight:bold; margin:40rem 0 25rem; letter-spacing:1.75rem; line-height:40rem; text-align:justify; background:#f0f6ff; padding:18rem 15rem 15rem}
	.SinglePage .ArticleArea h3{position:relative; font-size:22rem; font-weight:bold; margin:35rem 0 20rem; letter-spacing:1rem; line-height:34rem; text-align:justify; padding:12rem 0; border-bottom:solid 2rem #eee}
	.SinglePage .ArticleArea h3:after{content:""; position:absolute; left:0; bottom:-2rem; display:block; border-bottom:solid 2rem #006CFE; width:20%}
	.SinglePage .ArticleArea h4{display:inline-block; background:#f0f6ff; font-weight:bold; padding:10rem 12rem 8rem; margin:25rem 0 12rem}
	.SinglePage .ArticleArea p strong{background:linear-gradient(transparent 58%, #fcfea7 0%); background-position:100% 0}
	.SinglePage .ArticleArea p img{margin-bottom: 20rem}
	.SinglePage .ArticleCatUl p.ArticleDate{position:relative; padding-left:17rem; margin:0;font-size:13rem; text-align:justify; letter-spacing:1rem; line-height:28rem}
	.SinglePage .ArticleCatUl p::before{content:""; position:absolute; top:8rem; left:0; width:13rem; height:13rem; background:url("images/Clock.svg") no-repeat}
	.SinglePage .ArticleCatLi{margin:0 8rem 0 0}
	.SinglePage .ArticleArea p,.SinglePage .ArticleArea ul{line-height:35rem}
	.ArticleArea ul.ArticleCatUl{line-height:12rem; padding-left:0}
	.ArticleArea ul.ArticleCatUl a{color:#fff; padding:5.5rem 8rem 5rem; background:#006CFE; border-radius:4rem; text-decoration:none}
	.ArticleArea ul.ArticleTagUl{ padding: 0 12rem; margin-top: 10rem; border-top: solid 1rem #ddd; background: #fafafa; border-bottom: solid 1rem #ddd;}
	.ArticleArea ul .ArticleTagLi{list-style: none; padding: 10rem 0 5rem; font-size: 13rem;}
	.ArticleArea ul .ArticleTagLi:last-child{padding: 5rem 0 8rem}
	.PointArea{position:relative; border:solid 3rem #006CFE; border-radius:8rem; padding:28rem 20rem 26rem; margin-bottom: 40rem;}
	.PointAreaTtl{position:absolute; top:-16rem; display:inline-block; padding:5rem 15rem; margin-left:10rem; background:#fff; font-size:20rem; font-weight:bold}
	.SinglePage .ArticleArea p.PointCenter{font-weight:bold; text-align:center}
	.SinglePage .ArticleArea p br{display: block; content: ""; margin: -6rem 0;}
	.PointMarkar{padding:5rem 0; background:linear-gradient(transparent 70%,#fcfea7 0%); background-position:100% -4rem}
	.TxtMarkar{background:linear-gradient(transparent 50%,#fcfea7 0%); font-weight:bold}
	.ArticleArea ul{padding-left:22rem; list-style:disc}
	.SinglePage .ArticleArea a{display:inline-block; color:#337ab7; text-decoration:underline}
	.SinglePage .SideBar{margin-top:2rem}
	.SinglePage .ArticleArea .PostCardWrap{display:block; text-decoration:none}
	.PostCard{display:flex; justify-content:center; width:100%; padding:13rem 18rem; margin:20rem 0 30rem; border:solid 2.5rem #006CFE; background:#fafdff; border-radius:15rem}
	.PostCardImg{height:fit-content; width:27%; padding-right:12rem}
	.PostCardTxt{width:73%; padding:0 12rem}
	.SinglePage .ArticleArea .PostCardTxt{display:flex; flex-direction:column; justify-content:center; color:#001324}
	.SinglePage .ArticleArea .PostCardTxt:hover{color:#1f83da; text-decoration:underline}
	.SinglePage .ArticleArea p.PostCardTtl{font-size:18rem; font-weight:bold; line-height:24rem; margin:8rem 0 5rem}
	.SinglePage .ArticleArea p.PostCardDesc{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13rem}
	.SinglePage .ArticleContent ul{padding:20rem 40rem 18rem; margin:15rem 0 17rem; border:solid 1.5rem #006CFE;}
	.SinglePage .ArticleContent ol{padding:20rem 55rem 18rem; margin:15rem 0 17rem; border:solid 1.5rem #006CFE;line-height: 35rem; list-style: auto}
	.SinglePage .ArticleArea ul li{font-weight:500!important}
	.SinglePage .ArticleArea blockquote p{line-height:26rem}
	.SinglePage .ArticleArea blockquote p a{display:inline}
	.SinglePage .ArticleArea blockquote.ImgQuote{margin: 0;}
	.SinglePage .ArticleArea blockquote.ImgQuote p{line-height:20rem; text-align: center;}
	.SinglePage .ArticleArea blockquote.ImgQuote p a{display:inline}
	.SinglePage .ArticleArea table{width:100%}
	.SinglePage .ArticleArea table tr{display:flex}
	.SinglePage .ArticleArea table th,td{display:flex; align-items:center; min-height:52rem}
	.SinglePage .ArticleArea table th{width:28%; padding:15rem 25rem; background:#f9f9f9; text-align: left; line-height: 28rem; border-top:1rem solid #ddd; border-left:1rem solid #ddd}
	.SinglePage .ArticleArea table td{width:72%; padding:15rem 30rem; line-height:32rem; text-align:initial;  border-top:1rem solid #ddd; border-left:1rem solid #ddd; border-right:1rem solid #ddd}
	.SinglePage .ArticleArea table tr:last-child th,.SinglePage .ArticleArea table tr:last-child td{border-bottom:1rem solid #ddd}
	.ProfileTtl{font-size: 22rem; font-weight: bold; margin-bottom: 8rem;}
	.SinglePage .ArticleArea a.PostBtnContact{display: block; position: relative; width: 280rem; font-size: 16rem; font-weight: bold; color: #fff; cursor: pointer; margin: 20rem auto 0; height: 55rem; line-height: 55rem; text-align: center; border: none; background-size: 300% 100%; border-radius: 50rem; background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #017BFE); box-shadow: 0 3rem 12rem 0 rgba(65, 132, 234, 0.6); text-decoration: none}
	.AuthorAreaTtl{font-size: 20rem; font-weight: bold; letter-spacing:1.75rem; line-height:35rem; text-align: justify;  padding-left:15rem; margin:50rem 0 25rem; border-left:solid 5rem #006CFE}
	.AuthorArea{display:flex; justify-content:flex-start; align-items:center; border-radius:10rem; border:solid 1rem #ddd; background:#fbfbfb; padding:18rem 0}
	.AuthorTtl{display:block; width:25%; text-align:center; margin-bottom:10rem; border-right:solid 1rem #ddd}
	.AuthorIcon{width:100rem; height:100rem; border-radius:50%; margin-bottom:10rem}
	.AuthorProfile{width:75%; padding:0 40rem; line-height:28rem}
	.ShareArea{display: flex; flex-direction: column; align-items: center; margin-top: 100rem;}
	.ShareTxt{position: relative; text-align: center; font-weight: bold; color: #333; font-size: 20rem; margin-bottom: 30rem;}
	.ShareTxt::before{content: ""; position: absolute; top: -5rem; left: -25rem; width: 2rem; height: 25rem; background: #017BFE; transform: rotate(-15deg); animation: animeUp 2.8s ease-in-out infinite;}
	.ShareTxt::after{content: ""; position: absolute; top: -5rem; right: -25rem; width: 2rem; height: 25rem; background: #017BFE; transform: rotate(15deg); animation: animeUp 2.8s ease-in-out infinite;}
	.ShareFlex{display: flex; justify-content: center}
	.ShareFlex > div{width: 55rem; height: 55rem; border-radius: 50%; background-size: cover; margin: 0 16rem; transition: .3s}
	.ShareFlex > div a{position: relative; width: 100%; height: 100%;}
	.ShareFlex > div:has(a:hover){opacity: .65}
	.ShareFlex > div a:hover{width: 100%; height: 100%;}
	.ShareFlex div.ShareFB{background:no-repeat url("images/FB.svg");}
	.ShareFlex div.ShareX{background: #000; background-image:url("images/X.svg"); background-position: center; background-size:52%; background-repeat: no-repeat}
	.ShareFlex div.ShareLinkdIn{background:no-repeat url("images/Linkedin.svg"); background-size: cover;}
	.ShareFlex div.ShareLine{background:no-repeat url("images/Line.svg");}
	
	.NewsFilter{display:flex; margin-top:40rem}
	.NewsFilter li{background:#f5f5f5; border-radius:5rem; margin-right:10rem; font-size:14rem; line-height:14rem}
	.NewsFilter li a{padding:7rem 12rem}
	.NewsFilter .Active{background:#000; padding:7rem 12rem; color:#fff}
	.NewsUl{margin-top:25rem}
	.NewsLi{border-top:solid 1rem #ddd}
	.NewsUl .NewsLi{border-bottom:solid 1rem #ddd}
	.NewsLiAnc{display:flex; flex-wrap:wrap; align-items:center; padding:22rem 0}
	.NewsDate{color:#888; margin-right:15rem}
	.NewsCatUl{display:flex}
	.NewsCatLi{padding:4rem 8rem; background:#f5f5f5; font-size:13rem; margin-right:10rem}
	.NewsCatUl .NewsCatLi:last-child{margin-right:20rem}
	.NewsTtl{width:100%; padding-top:18rem}
	.ArchivePage h1{margin-bottom:50rem}
	
	#toc_container.toc_white{width:100%!important; padding:10rem 30rem; margin-top:35rem; border: 2rem solid #0093fc}
	.SinglePage .ArticleArea p+ul.toc_list{border:0}
	div#toc_container p.toc_title{padding:8rem; font-size:18rem}
	#toc_container .toc_list{margin-top:0; line-height:28rem}
	.ArticleArea #toc_container p.toc_title+ul.toc_list{margin-top:0}
	.ArticleArea #toc_container ul.toc_list ul {border:0}
	.ArticleArea #toc_container ul.toc_list ul li{line-height:28rem}
	.ArticleArea #toc_container ul.toc_list ul li ul li span{display:none}
	.ArticleArea #toc_container ul.toc_list ul li ul li a{position:relative; padding-left:15rem}
	.ArticleArea #toc_container ul.toc_list ul li ul li a:before{content:"・"; position:absolute; left:0}
	.ArticleArea #toc_container ul.toc_list>li:last-child{margin-bottom:20rem}
	ul.toc_list>li>a{font-size:19rem; font-weight:bold; margin-top:12rem}
	#toc_container a{color:#0093fc}
	#toc_container a span{margin-right: 5rem;}
	#toc_container .toc_toggle a{color:#337ab7; text-decoration:underline}
	#toc_container a:hover{color:#333; opacity: 1}
	
	/*各ページ設定*/
	
	/* 会社情報 */
	.CompanyTable{width:100%}
	.CompanyTable tr{display:flex}
	.CompanyTable th,td{display:flex; align-items:center; min-height:52rem}
	.CompanyTable th{width:28%; padding:0 25rem; background:#f9f9f9; border-top:1rem solid #ddd; border-left:1rem solid #ddd}
	.CompanyTable td{width:72%; padding:10rem 30rem; line-height:32rem; text-align:initial;  border-top:1rem solid #ddd; border-left:1rem solid #ddd; border-right:1rem solid #ddd}
	.CompanyTable tr:last-child th,.CompanyTable tr:last-child td{border-bottom:1rem solid #ddd}
	
	/* お問い合わせ */
	.FormWrap{padding:50rem; border-radius:10rem; background:#fafafa; border:solid 1rem #ddd}
	.FormTtl{font-size:22rem; margin:10rem 0 50rem; text-align:center; font-weight:bold}
	.FormWrap form{padding:2rem 0; overflow:hidden}
	.FormWrap dl{display:flex; margin-bottom:25rem; font-size:17rem}
	.FormWrap dt{flex:0 0 35%; padding-top:15rem}
	.FormWrap dd{flex:0 0 65%}
	.FormWrap dd span{display:block; width:100%; font-size:16rem}
	.FormWrap dd input,textarea{width:100%; padding:8rem 10rem; background:#fff; border:solid 1px #ddd; border-radius:3rem; font-size:16rem; font-family:'Yu Gothic'; font-weight:500}
	.FormWrap dd input:focus,.FormWrap dd textarea:focus{outline:solid 1rem #017BFE}
	.FormWrap dd textarea{height:280rem; font-size:16rem; overflow-wrap:revert}
	.FormWrap input::placeholder,.FormWrap textarea::placeholder {color:#e0e0e0; font-family:Yu Gothic}
	.FormWrap dt p{position:relative; display:flex} 
	.Hissu{position:relative; top:-7rem; font-size:17rem; padding:4rem 7rem; border-radius:3rem; line-height:1; color:#ff0000}
	.wpcf7-radio{padding-top:16rem}
	.wpcf7-radio label{display:flex; margin-bottom:16rem}
	.wpcf7-radio span{margin:0}
	.wpcf7-radio span:last-child label{margin-bottom:12rem}
	.wpcf7-radio label:hover{cursor:pointer}
	.wpcf7-radio label input{width:auto}
	.wpcf7-radio label input[type="radio"]{background-color:#f7931e; width:18rem}
	.wpcf7-radio label span{margin-left:15rem}
	.ContactConfirm{margin:50rem 0 30rem; text-align:center; justify-content:center; font-size:17rem}
	.ContactConfirm a{display:inline; color:#3084D5; text-decoration:underline}
	.ContactBtn{height:50rem; width:260rem; margin:0 auto 5rem; font-size:17rem; color:#fff; background:#017BFE; border:solid 1rem #ddd; letter-spacing:1.5rem; border-radius:5rem; text-align:center; transition:all .2s; line-height:48rem}
	.ContactBtn:hover{background:#fff; border:solid 1rem #017BFE; color:#017BFE}
	.ContactBtn p{height:50rem}
	.ContactBtn:hover input{color:#004480}
	.ContactBtn input{width:100%; height:100%; border:none; background:none; color:#fff; line-height:2.6; cursor:pointer}
	.screen-reader-response{display:none}
	.wpcf7-not-valid-tip{height:25rem; margin-top:12rem; color:#ff0000}
	.wpcf7-acceptance label{display:flex; align-items:center; justify-content:center; font-size:17rem; letter-spacing:1rem}
	.wpcf7-acceptance input{width:24rem; height:24rem; margin-top:2rem; margin-right:12rem}
	.wpcf7-acceptance span{margin:0}
	.wpcf7-spinner{display:none}
	.ThanksDesc{margin-top:45rem; line-height:28rem}
	a.BtnBack{width:220rem; height:42rem; line-height:44rem; margin:50rem auto; border-radius:50rem; box-shadow:none; font-family:inherit; font-size:16rem; text-align:center; letter-spacing:.5rem; background:#006CFE; color:#fff}
	.GoTop{position: fixed; bottom: 24rem; right: 24rem; width: 42rem; height: 42rem; border-radius: 30rem; background: #fff; border: solid 2.5rem #017BFE;}
	.GoTop::before{content: ""; position: absolute; top:16rem; left: 12.5rem; width: 13rem; height: 13rem; border-top: 3rem solid #017BFE; border-right: 3rem solid #017BFE; border-radius: 2rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 3;}
	
	/* ポリシー */
	.PrivacyPolicy h2{font-size:20rem; font-weight:bold; margin-bottom:18rem; padding-bottom:18rem; border-bottom:solid 1rem #333}
	.PrivacyPolicy h2:first-child{margin-top: 50rem;}
	.PrivacyPolicy p{font-size:15rem; line-height:26rem; margin-bottom:37rem}
	.PrivacyPolicy ul{font-size:15rem; line-height:26rem; padding-left:20rem; margin:-18rem 0 28rem}
	.PrivacyPolicy ul li{list-style:disc}
	p.PrivacyDesc{font-size:15rem; margin-bottom:100rem}
	
	.Page404 h3{text-align:center; padding:30rem; background:#eee; font-size:24rem; line-height:1; border:none}
	.Page404 p{text-align:center; font-size:18rem}
	
	/*お知らせ関連ページ設定*/
	.SinglePage #breadcrumb li{color:#000}
	.SinglePage #breadcrumb span{color:#000}
	.ArchivePage .SubPageTtlArea{position:relative; margin-bottom:120rem; height:320rem; color:#000; background:transparent; border-bottom:dotted 2rem #ddd}
	.ArchivePage .SubPageTtlArea .Container{top:140rem}
	.ArchivePage .SubPageTtl:before{background:#000}
	.ArchivePage #breadcrumb li{color:#000}
	.ArchivePage #breadcrumb span{color:#000}
	.Container.NewsFlex{width:970rem}
	.NewsFlex{display:flex; justify-content:space-between; min-height:400rem}
	.NewsFlexPost{width:76%; padding-right:calc(3% - 1rem); padding-left:20rem; border-right:solid 1rem #c9c9c9}
	.NewsFlexArchive{width:24%; padding:12rem 20rem 12rem 3%}
	.ArchiveItemUl{margin-bottom:30rem; padding:0 5rem}
	.NewsFlexPost .NewsAreaLi{padding:0 18rem}
	.NewsFlexPost .NewsAreaLiAnc{padding:20rem 0}
	.NewsAreaLi h2{font-size:16rem; margin:0; border:none; padding:0}
	.NewsAreaLi h2:before{border:0}
	.SubPage .NewsAreaUl{margin-bottom:35rem}
	.ArchiveAreaTtl{background:#f8f8f8; padding:3rem 5rem; margin-bottom:10rem}
	.ArchiveAreaTtl:nth-of-type(2n){margin-top:30rem}
	.ArchiveItem{margin-top:8rem}
	.ArchiveItem li{}
	/*pagenation*/
	.nav-links{display:flex; justify-content:center; align-items:baseline; margin-bottom:80rem}
	.nav-links *{margin:0 8rem; font-size:17rem}
	.screen-reader-text{display:none}
	a.page-numbers{text-decoration:underline}
	.nav-links .next{font-size:13rem}	
	
	.ResultTtl{font-size: 20rem; margin-bottom: 40rem; font-weight: bold;}
	
	.Page404 h1.SubPageTtl{text-align:center; font-size:45rem; margin:100rem 0 40rem}
	.Page404 h2{font-size:18rem; text-align:center; margin-bottom:70rem; padding-bottom:50rem; border-bottom:solid 1.5rem #eee}
	.Page404 a.BtnBack{width:220rem; height:42rem; line-height:44rem; margin:50rem auto; border-radius:50rem; box-shadow:none; font-family:inherit; font-size:16rem; text-align:center; letter-spacing:.5rem; background:#006CFE; color:#fff}
}

@media(min-width:1000px){
	html{font-size:1px}
	.Container{width:940rem}
}

@media (min-width:1000px) and (max-width:1279.9px){
	.HeaderNavUl{margin-right:200rem}
	.HeaderNavLi04{right:45rem}
	.TopPage .ContentArea,.SubPage .ContentArea{width:940rem}
	.SinglePage .ContentArea{width:95%}
	.MainContent{width:calc(100% - 310rem)}
	.ArticleItem{width:300rem}
}

@media (min-width:1152px){
	.TopPage .ContentArea,.SubPage .ContentArea{width:1040rem}
	.SinglePage .ContentArea{width:1040rem}
	.MainContent{width:770rem; margin-right:50rem}
	.ArticleItem{width:238rem}
	.ArticleList .ArticleItem:nth-child(2n){margin-right:25rem}
	.ArticleList .ArticleItem:nth-child(3n){margin-right:0}
}

@media(min-width:1280px){
	.HeaderNavUl{margin-right:220rem}
	.HeaderNavLiAnc{margin:0 20rem}
	.HeaderNavLi04{width:160rem; right:5%}
	.ContentArea{width:1120rem}
	.MainContent{width:770rem; padding:0 0 10rem; margin-right:50rem}
	.SinglePage .MainContent{width: 730rem;}
	.ArticleItem{width:240rem; margin-right:25rem}
	.SinglePage .ContentArea{width: 1180rem;}
	.SinglePage .AdSideArea{display: block; width: 120rem; margin-right: 50rem;}
}

@media(min-width:1366px){
	header{padding:0 5%}
	#breadcrumb{padding:20rem 5%}
	.HeaderNavLi04{right:8%}
	.TopPage .ContentArea,.SubPage .ContentArea{width: 1210rem;}
	.AdSideArea{display: block; width: 120rem; margin-right: 50rem;}
}

@media(min-width:1520px){
	.MvArea .splide__arrow--prev,.MvArea .splide__arrow--next{top:calc(6vw - 10rem)}
}

@media(min-width:1920px){
	.MvArea{padding:40rem 100rem}
	.MvArea .splide__arrow--prev,.MvArea .splide__arrow--next{top:calc(5vw -  20rem)}
	header{padding:0 10%}
	#breadcrumb{padding:20rem 10%}
	.HeaderNavLi04{right:12%}
}