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

body {
	background-color: #E7ECF4;
	margin: 0;
	padding: 0;
	color: #000;

	/* iOS対応*/
	-webkit-text-size-adjust: 100%;
	_display: inline;
	_zoom:1;
    font-family: "ryo-gothic-plusn", sans-serif;
    font-weight: 400;
    
}

hr {
	visibility: hidden;
}

.column-image-center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}



/* パンくず */
.breadcrumbs {
	margin: 0;
	padding: 0 10px;
	list-style: none;
	display: flex;
	column-gap: 0;
	margin-bottom: 24px;
}
.breadcrumbs li {
	font-size: 13px;
	line-height: 1;
}
.breadcrumbs > *:first-child:before {
	content: "";
	margin: 0;
}
.breadcrumbs > *:before {
	content: "/";
	color: #aaaaaa;
	margin: 0 0.75rem;
	position: relative;
	top: 1px;
}

.entry img {
	max-width: 100%;
	height: auto;
}


/* メインナビ */
.MainNav {
    padding: 18px 18px;
	display: flex;
	gap: 8px 16px;
	align-items: center;
	justify-content: space-between;
}
.MainNav > * {
	width: -moz-fit-content; /* Firefox */
	width: fit-content; /* other browsers */	
}
.MainNav .gotoITsurfWrap {
	margin: 0;
	text-align: center;
}
.MainNav .gotoITsurf {
	font-size: 18px;
	color: rgba(54, 56, 61, 1);
	display: inline-block;
	padding: 10px;
	border-radius: 100px;
	background-color: rgba(255,255,255,0.5);
}
.MainNav .TooLogo > img{
	width: 90px;
	height: auto;
}
@media (min-width: 992px) {
	.MainNav .TooLogo > img{
		width: 110px;
	}
	.MainNav .gotoITsurf {
		font-size: 20px;
		padding: 12px;
	}
}
.entry .MainNav {
	border-bottom: solid 1px rgba(255,255,255,0.6);
	margin-bottom: 24px;
}




/*一般ページ*/
.entryTitle h1 {
	color: #000;
	text-shadow: none;
	font-weight: 600;
}



/*　申し込みバー　*/
.appWrap  {
    padding: 15px 5px;
    background-color: var(--color-blue);
    position: sticky !important;
    bottom: 0;
    box-shadow: rgba(0,0,0,0.45) 0 0px 2px 1px;
    display: flex;
	column-gap: 15px;
    justify-content: center;
    align-items: center;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}
.appWrap > div {
	width:-moz-fit-content; /* Firefox */
	width:fit-content; /* other browsers */	
	min-width: 80px;
	text-align: center;
}
@media (max-width: 767px) {

    .appWrap > div {
        display: none;
    }
    .appWrap > div.gotoAppWrap {
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;;
    }
}

.appWrap .pageLink {
     color: #FFF;   
}
.appWrap .goto_top {
	font-size: 32px;
	color: white;
	display: inline-block;
	text-shadow: rgba(0,0,0,0.3) 0 1px 2px;
	transition: 0.5s;
}
.appWrap .goto_top:hover {
	opacity: 0.6;
}



/* フッター */
.foot_top_link {
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	padding: 16px 24px;
	display: inline-block;
	text-box-edge: cap alphabetic;
	text-box-trim: trim-both;
	background-color: white;
	border: solid 1px #AAA;
	border-radius: 100px;
	transition: 0.5s;
	min-width: 160px;
}
.foot_top_link:hover {
	background-color: rgba(255,255,255,0.35);
}



footer#footer {
	font-size: 0.8rem; 
	background-color:#222222;
	padding: 5rem 2rem;
	color:rgba(255,255,255,1.00);
	margin: 0 0;
}
#footer .footerToo {
	font-size: 1.2rem;
	font-weight: 800;
	margin-right: 2rem;
	display: inline-block;
}
#footer .footerDss {
  font-size:1.2rem;
  margin-right:2rem;
	display: inline-block;
}

#footer .ad {
  margin-right:2rem;
	display: block;
	margin-bottom: 0.7rem;
}
#footer .footerTel {
  font-family: "din-condensed-web";
  font-size:1rem;
	display: inline-block;
}
#footer .inq {
	display: block;
  font-size:1rem;
}
#footer .inq a {
	color: #FFFFFF;
}
#footer .copy {
	text-align: center;
}
footer#footer a:link,
footer#footer a:visited{
	color: #FFFFFF;

}