@charset "UTF-8";

.masu .carh:hover {
  box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
  transform: scale(0.9);
}
#owari {
	width: 100%;
	height: 50vh;
	background: url("../img/index-bottom.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	font-size:1.2rem;
	background-color: linear-gradient(90deg, #ff9955 0%, #ff9955 50%, #449999 50%, #449999 100%);
	overflow:auto;
 	-ms-overflow-style: none; /*IE(Internet Explorer)・Microsoft Edgeへの対応*/
	scrollbar-width: none;  /*Firefoxへの対応*/
}

.box{
  position: relative;
}

.top-left {
  position: absolute;
  background-color:rgba(255,255,255,0.8);
  top: 5px;
  left: 5px;
}

.bottom-right {
  position: absolute;
  background-color:rgba(255,255,255,0.8);
  bottom: 2px;
  right: 5px;
}

img {
    image-rendering: -webkit-optimize-contrast;
}

#page_top{
  width: 100px;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #99ccff;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 100px;
  height: 60px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  contenta: '\f102';
  font-size: 25px;
  colo2023/05/09 12:39r: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -25px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #0000ff;
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.nvcolor{
	background-color:#0000ff;
}

.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.row-0 {
	margin-right:0px;
	margin-left:0px;
}

.sectionchange{
	background-color:#0000ff;
	height:10px;
}

.pickup {
	background-color:#fbf5e3;
}

.whatsnew {
	background-color:#fbf5e3;
}

.masu {
	background-color:#ccc8eb;
	padding:5%;
}

#subcontent {
	background-color:#d9fbec;
}

.facebook-wrapper {
    max-width: 500px; /* Facebook Page Plugin の最大幅 */
    margin: 0 auto;
}
 
.facebook-wrapper > .fb-page {
    width: 100%;
}
 
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}

.midashi-about {
	background-color:#ddddff;
}

.midashi-about {
	background-color:#ddddff;
}

.midashi-support {
	background-color:#c3b8f8;
}

.midashi-support2 {
	border: 7px dotted #c3b8f8;
	background-color:#dfdafb;
}

.midashi-levelup {
	background-color:#fabcc5;
}

.midashi-levelup2 {
	border: 7px dotted #fabcc5;
	background-color:#fadce0;
}

.midashi-maru {
	background-color:#8ce6df;
}

.midashi-maru2 {
	border: 7px dotted #8ce6df;
	background-color:#ccfdf9;
}

.midashi-relief {
	background-color:#f9e28a;
}

.midashi-relief2 {
	border: 7px dotted #f9e28a;
	background-color:#f8e9b5;
}

.midashi-welfare {
	background-color:#f5c099;
}

.midashi-welfare2 {
	border: 7px dotted #f5c099;
	background-color:#fbdfca;
}

.midashi-revenue {
	background-color:#81cdf5;
}

.midashi-revenue2 {
	border: 7px dotted #81cdf5;
	background-color:#d5eefb;
}

.midashi-meeting {
	background-color:#90dd83;
}

.midashi-meeting2 {
	border: 7px dotted #90dd83;
	background-color:#d0fac9;
}

.midashi-womanpost {
	background-color:#fcc7bf;
}

.midashi-womanpost2 {
	border: 7px dotted #fcc7bf;
	background-color:#ffe2dd;
}

.midashi-youngpost {
	background-color:#90cbfd;
}

.midashi-youngpost2 {
	border: 7px dotted #90cbfd;
	background-color:#dceefe;
}

.midashi-links {
	background-color:#87ceeb;
}

.midashi-links2 {
	border: 7px dotted #87ceeb;
	background-color:#afeeee;
}

.pickupfont {
	font-size:100%;
	line-height:110%;
}

.pickupfont2 {
font-family: "新丸ゴ M";
}

@media(min-width:992px){
    .headmenu{
        display: none !important;
        font-size:110%;
    }
    .navhaba{
		background-color:#0000ff;
    	height:60px;
    }
	.contents-container {
		position: absolute;
		color: #fff;
		z-index: 1;
		width:50%;
		/* 今回は適当に配置しています */
		padding: 20px 50px;
	}
	.contents-container img{
		width:70%;
	}
}


@media(max-width:991px){
    .headmenu3{
        display: none !important;
        font-size:110%;
    }
    .navhaba{
		background-color:#0000ff;
    	height:40px;
    }
	.contents-container {
		position: absolute;
		color: #fff;
		z-index: 1;
		width:75%;
		/* 今回は適当に配置しています */
		padding: 20px 30px;
	}
	.contents-container img{
		width:70%;
	}
}
@media(max-width:767px){
    .headmenu2{
        display: none !important;
        font-size:110%;
    }
    .navhaba{
		background-color:#0000ff;
		height:100%
    }
	.contents-container {
		position: absolute;
		color: #fff;
		z-index: 1;
		width:90%;
		/* 今回は適当に配置しています */
		padding: 20px 10px;
	}
	.contents-container img{
		width:70%;
	}

h1, .h1 {
  font-size: 1.25rem;
}

h2, .h2 {
  font-size: 1.25rem;
}

h3, .h3 {
  font-size: 1.25rem;
}

h4, .h4 {
  font-size: 1.25rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

}
@media(min-width:1921px){
	.contents-container {
		position: absolute;
		color: #fff;
		z-index: 1;
		width:50%;
		/* 今回は適当に配置しています */
		padding: 20px 50px;
	}
	.contents-container img{
		width:40%;
	}

}