@charset "UTF-8";

#pagebody {
    z-index: 1;
}

#content .box {
	padding: 0.5em;
	border: none;
	margin-bottom: 1.5rem;
	box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.1);
}

#content .box.radius {
	border-radius: 10px;
}


#content .box h3 {
	margin-top: 0;
}
#content .box p {
	margin-top: 0;
	line-height: 1.4;
}

#content .flexbox {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

#content .flexbox.reverse {
	flex-direction: row-reverse;
}

#content .flexbox .flexitem.width30 {
	width:30%;
}

#content .flexbox .flexitem {
	padding: 2rem;
	max-width: 50%;
}

#content .box.gray {
	background-color: #444444;
	color: #FFFFFF;
}
#content .box.blue {
	background-color: #2F98B7;
	color: #FFFFFF;
}

#content .box.green {
	background-color: #00AC56;
	color: #FFFFFF;
}

#content .box.lightgreen {
	background-color: #6fd09f;
	color: #333333;
}


#content .box.olive {
	background-color: #6C8F28;
	color: #FFFFFF;
}

#content .box.pink {
	background-color: #F56883;
	color: #FFFFFF;
}
#content .box.orange {
	background-color: #F46600;
	color: #FFFFFF;
}
#content .box.outline {
	border: 2px solid #333;
	background-color: #fff;
	color: #333;
	box-shadow: none;
}
#content .box.outline.pink {
	border: 2px solid #F56883;
}

#content a .box {
	text-decoration-line: none;
}

#content .thumbnail .thumbnail-body {
	padding: 1em;
}
#content .thumbnail.yellow {
	background-color: #FFBD32;
	color: #FFFFFF;
}
#content .thumbnail.blue {
	background-color: #0074BD;
	color: #FFFFFF;
}
#content .thumbnail.pink {
	background-color: #FF4398;
	color: #FFFFFF;
}
#content .thumbnail.green {
	background-color: #00951D;
	color: #FFFFFF;
}
#content .thumbnail.purple {
	background-color: #6F3B9D;
	color: #FFFFFF;
}




#content .box.default {
	background-color: #FFFFFF;
}


#content .mbtm1rem {
	margin-bottom: 1rem;
}

#content .mbtm3rem {
	margin-bottom: 3rem;
}

#content .mtop3rem {
	margin-top: 3rem;
}

#content .yellow {
	color: #FFF374;
}

#content .md {
	font-size: 150%;
}

#content .bg {
	font-size: 350%;
}

#content .sm {
	font-size: 130%;
}


.module h3{
    margin: 0 0 10px 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheet
h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
#content.full {
    float: none;
    margin: 0 auto;
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    text-align: left;
    overflow: visible;
    position: relative;
}
#content {
    float: left;
    margin: 0;
    padding: 10px;
    padding-left: 10px;
    width: 685px;
    text-align: left;
    overflow: visible;
    position: relative;
    background: transparent;
}
#pagebody {
    position: relative;
    padding: 0;
    padding-top: 0px;
    text-align: left;
    background: #FFFFFF;
    border-radius: 5px;
    float: none;
}
#wrapper {
    position: relative;
    margin: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 100%;
    height: 100%;
    min-height: 100%;
}

h3.square::before, .h3.square::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: "\f0c8\2004";
}
.square::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: "\f0c8\2004";
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

h3.square ,.h3.square {
	padding-left: 1.2em;
	text-indent: -1.2em;
}

h3.square::before ,.h3.square::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	content: "\f0c8\2004";
}

.square::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	content: "\f0c8\2004";
}

@media all and (max-width: 515px) {

#content .flexbox .flexitem {
	padding: 0.5rem;
	width: auto;
}


#content .bg {
	font-size: 8vw;
}

#content .md {
	font-size: 6vw;
}

#content .sm {
	font-size: 1.1em;
}
h3, .h3 {
    font-size: 14px;
}


}


#content .label.label-block {
	display: block;
	padding: 0.4em;
}

#content .badge {
	white-space: normal;
}

#content .card.bg-danger {
	border-color :#FF5C67;
}

#content .card.bg-danger .card-header {
	background-color: #FF5C67;
	border-color:#FF5C67;
	color: #FFFFFF;
}

#content .card.bg-danger .label-danger.label-outline {
	background-color: #FFFFFF;
	border-color:#FF5C67;
	color: #FF5C67;
}

#content .card.bg-yellow {
	border-color :#FFBD32;
	background-color: #FFF1CE;
}

#content .card.bg-yellow .card-header {
	background-color: #FFBD32;
	border-color:#FFBD32;
	color: #FFFFFF;
}



.marker.blue.thin {
background: linear-gradient(transparent 80%, #3498db 80%);
}

.contact.bk_pink {
    border: solid #fae1e1 2px;
}

.contact.bk_pink p {
		z-index: 3;
}

.vdlv7 {
	font-family: "vdl-v7gothic",sans-serif;
}

/** 02. 背景画像
 **************************************************************** **/
#aid {
	position: relative;
	
}
#aid .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(../images/top_backimage01.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right bottom 25%;
	z-index: -1;
}


/** 03. Bootstrap Function expansion
 **************************************************************** **/
.row-center {
	letter-spacing: -0.4em;
}

.row-center > [class*='col-'] {
	display: inline-block;
	letter-spacing: 0;
	vertical-align: top;
	float: none !important;
}

/*Vertical center alignment*/
.row-center.va-middle > [class*='col-'] {
	vertical-align: middle;
}

/*Bottom alignment*/
.row-center.va-bottom > [class*='col-'] {
	vertical-align: bottom;
}


/** 04. module 追加
 **************************************************************** **/
.module {
	margin: 10px 0;
}
.module_inner {
	padding:20px 20px;
}
@media screen and (max-width: 767px){
	.module_inner {
		padding:10px 20px;
	}
}
/* 枠のradius指定 */
.module.r5 {
	border-radius: 5px;
}
.module.r6 {
	border-radius: 6px;
}
.module.r7 {
	border-radius: 7px;
}
.module.r8 {
	border-radius: 8px;
}
.module.r9 {
	border-radius: 9px;
}
.module.r10 {
	border-radius: 10px;
}



/** 02. header-nav
 **************************************************************** **/
#content .container_nav ul li, #content .container_nav ol li {
		line-height: 1.2;
}
#content .container_nav ul, #content .container_nav ol {
		margin: 0;
		margin-bottom: 0;
}
#content .container_nav ul {
		margin: 0;
		padding-left: 0;
}
.container_nav {
		margin-right: auto;
		margin-left: auto;
		padding-right: 15px;
		padding-left: 15px;
}
.header-nav .container {
		margin-right: auto;
		margin-left: auto;
		padding-right: 15px;
		padding-left: 15px;
}
.header-nav ul {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		margin: 0;
		padding: 5px 0;
		list-style: none;
		-webkit-box-pack: justify;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
.header-nav a, .header-nav a:link, .header-nav a:visited {
		text-decoration: none;
		color: #6c9319;
}
.header-nav a {
		font-size: 1rem;
		font-weight: 500;
		position: relative;
		display: block;
		padding: 5px;
		text-align: center;
		background: #fff;
		box-sizing: border-box;
		text-decoration: none;
		margin: 0 5px;
		-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
		-webkit-tap-highlight-color: transparent;
		transition: .3s ease-out;
}
.header-nav a:after, :before {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-decoration: none;
}
.header-nav a:hover {
		background-color: #6c9319;
		color: #fff;
		transition: all .2s ease;
		-webkit-transition: all .2s ease;
}
.header-nav .container {
		padding-right: 12px;
		padding-left: 12px;
}
.header-nav a:after {
		display: block;
		height: 0px;
		margin-top: 3px;
		margin-bottom: 3px;
		content: '';
}
.header-nav li {
		padding: 5px 3px;
		text-align: center;
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
}
.header-nav li.f015 {
		padding: 5px 3px;
		text-align: center;
		-webkit-box-flex: 5;
		-moz-box-flex: 5;
		-ms-flex: 5;
		flex: 5;
}
@media screen and (max-width: 979px) {
		.header-nav a {
				font-size: 1rem;
				text-align: center;
		}
}
@media screen and (max-width: 767px) {
		.header-nav li {
				width: 50%;
				-webkit-box-flex: initial;
				-moz-box-flex: initial;
				-ms-flex: initial;
				flex: initial;
		}
		.header-nav a:after {
				position: absolute;
				top: 50%;
				right: 5px;
				width: 10px;
				margin-top: -4px;
		}
}
@media screen and (max-width: 480px) {
		.header-nav li {
				width: 100%;
				-webkit-box-flex: initial;
				-moz-box-flex: initial;
				-ms-flex: initial;
				flex: initial;
		}
		.header-nav li.f015 {
				width: 100%;
				-webkit-box-flex: initial;
				-moz-box-flex: initial;
				-ms-flex: initial;
				flex: initial;
		}
		.header-nav a {
				font-size: 1rem;
				text-align: center;
		}
}

.bg-pink {
background-color: #d63384;
}

.border-pink {
 border-color: #d63384;
}

.bg-purple {
background-color: #6f42c1;
}

.border-purple {
 border-color: #6f42c1;
}