@charset "utf-8";

.nrml_cont a.a_nrml {
	color: #1F4466;
	text-decoration: underline;
}
.nrml_cont a.a_nrml:hover {
	color: #0D3152;
	text-decoration: none;
}
.basic_about {
	
}

.basic_about {
	margin-bottom: 4em;
	padding: 0 5%;
}
.basic_about h3 {
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 1.5em;
	color: #224466;
}
.basic_about > p {
	text-align: center;
	line-height: 1.5;
	font-size: 0.9em;
	margin-bottom: 1.2em;
}
.basic_about > p strong {
	font-weight: bold;
	display: block;
	font-size: 1.1em;
}
.basic_about > div .button_b {
	margin: 1em 0.5em 0.5em 0;
}

.nrml_cont article .in_capt {
	border: 1px solid #CCC;
	margin: 2em 0!important;
	padding: 0!important;
	text-align: center;
}
.nrml_cont article .in_capt img {
	margin: 0!important;
	vertical-align: top;
	width: 100%;
	height: auto;
}


.nrml_cont article .basic_capt {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 2em 0;
	padding: 0;
}
.nrml_cont article .basic_capt li {
	list-style: none;
	width: 48%;
	margin: 0 0 2em 0;
	padding: 0;
}
.nrml_cont article .basic_capt li img {
	margin: 0;
	padding: 0;
}
.nrml_cont article .basic_capt li small {
	display: block;
	font-size: 0.9rem;
	font-weight: bold;
	color: #666;
	text-align: center;
	line-height: 1;
	margin: 0;
	padding: 0;
}

.nrml_cont article h4 {
	margin: 1em 0;
	padding: 0;
}

.nrml_cont article .basic_lists {
	margin: 0 0 2em 0;
	padding: 0;
}

.nrml_cont article .basic_lists li::before {
	content: "○ ";
}
.nrml_cont article .basic_lists li {
	list-style: none!important;
	float: left;
	width: 24%;
	margin: 0 1% 1em 0;
	padding: 0;
	white-space: nowrap;
}
@media screen and (max-width: 1150px) {
	.nrml_cont article .basic_lists li {
		width: 32.3%;
	}
}
@media screen and (max-width: 850px) {
	.nrml_cont article .basic_lists li {
		width: 49%;
	}
}
@media screen and (max-width: 580px) {
	.nrml_cont article .basic_lists li {
		width: 100%;
		margin: 0 0 0.3em 0;
	}
}

.nrml_cont article.basic_doc_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.nrml_cont article.basic_doc_box h3 {
	width: 100%;
}
.nrml_cont article ul.basic_doc {
	width: 47%;
	margin: 0 0 2em 0;
	padding: 2em 2em 1em 1em;
	background-color: #F7F7F7;
}
.nrml_cont article ul.basic_doc li {
	width: 100%;
	list-style: none;
	line-height: 1.5;
	padding: 0 0 0 1em;
	margin: 0 0 0.8em 0;
}
.nrml_cont article ul.basic_doc li small {
	display: inline-block;
	margin: 0 0 0 0.7em;
	color: #666;
	vertical-align: middle;
}
.nrml_cont article ul.basic_doc li a {
	color: #666;
	text-decoration: underline;
}
.nrml_cont article ul.basic_doc li a:hover {
	color: #333;
	text-decoration: none;
}



@media screen and (max-width: 850px) {
	.nrml_cont article.basic_doc_box {
		display: block;
	}
	.nrml_cont article ul.basic_doc {
		width: 100%;
		margin: 0 0 2em 0;
	}
	.nrml_cont article .basic_capt li {
		width: 100%;
	}
}



.box_aboutyoutube {
	width: 100%;
}
.box_aboutyoutube > article {
	width: 100%;
	padding-bottom: 6em;
}
.box_aboutyoutube > article > div {    
	max-width: 853px;
	max-height: 480px;
	width: 90%;
	margin: auto;
	position: relative;
}
.box_aboutyoutube > article > div div {
	width: 100%;           /*横幅いっぱいにwidthを指定*/
	padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
	height: 0px;              /*高さはpaddingで指定するためheightは0に*/
	position: relative;
}
.box_aboutyoutube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 853px;
	max-height: 480px;
}


.box_basic {
	display: flex;
	justify-content: space-between;
	margin: 2em auto 3em auto;
}
.box_basic > div {
	width: 49%;
	margin: 0!important;
	padding: 0!important;
}
.box_basic div.texts {
	width: 45%;
}
.box_basic div.texts p {
	margin-bottom: 2em;
}
.box_basic .basicyt {    
	max-width: 853px;
	max-height: 480px;
	width: 49%;
	padding-right: 1%;
	margin: auto;
	position: relative;
}
.box_basic .basicyt > div {
	width: 100%;           /*横幅いっぱいにwidthを指定*/
	padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
	height: 0px;              /*高さはpaddingで指定するためheightは0に*/
	position: relative;
}
.box_basic iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 853px;
	max-height: 480px;
}
@media screen and (max-width: 850px) {
	.box_basic {
		display: block;
		margin: 0;
		padding: 0;
	}
	.box_basic > div {
		width: 100%!important;
		margin: 0!important;
		padding: 0!important;
	}
	.box_basic div.texts p {
		margin-bottom: 1em;
	}
	.box_basic .basicyt {
		width: 100%;
		padding-right: 0;
		padding-bottom: 1.5em!important;
	}
}


.box_radvision {
	display: flex;
	justify-content: space-between;
	margin: 2em auto 3em auto;
}
.nrml_cont article .box_radvision .in_capt {
	margin: 0!important;
	padding: 0!important;
}
.box_radvision p,
.box_radvision > div {
	width: 49%;
	margin: 0!important;
	padding: 0!important;
}
.nrml_cont article .box_radvision .in_capt img {
	margin: 0;
	padding: 0;
	height: 100%;
}
.box_radvision > div {    
	max-width: 853px;
	max-height: 480px;
	width: 49%;
	margin: auto;
	position: relative;
}
.box_radvision > div > div {
	width: 100%;           /*横幅いっぱいにwidthを指定*/
	padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
	height: 0px;              /*高さはpaddingで指定するためheightは0に*/
	position: relative;
}
.box_radvision iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 853px;
	max-height: 480px;
}
#RadVision a {
	color: inherit;
	cursor: inherit;
}
@media screen and (max-width: 850px) {
	.box_radvision {
		display: block;
	}
	.nrml_cont article .box_radvision .in_capt {
		margin: 0 0 1.5em 0!important;
	}
	.box_radvision p,
	.box_radvision > div {
		width: 100%;
	}
	.nrml_cont article .box_radvision .in_capt img {
		height: auto;
	}
	.box_radvision > div {  
		width: 100%;
	}
}