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


a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
	text-decoration: none;
}
#contents_1 {
	/* [disabled]margin-bottom: 100px; */
	background: #1d76a6;
	background: -webkit-linear-gradient(90deg, #D5D5D5 10%, #C9F6FA 90%);
	background: -moz-linear-gradient(90deg, #D5D5D5 10%, #C9F6FA 90%);
	background: -ms-linear-gradient(90deg, #D5D5D5 10%, #C9F6FA 90%);
	background: -o-linear-gradient(90deg, #D5D5D5 10%, #C9F6FA 90%);
	background: linear-gradient(90deg, #D5D5D5 10%, #C9F6FA 90%);
}
#contents_2 {
	margin-bottom: 100px;
			background: #1d76a6;
			background: -webkit-linear-gradient(90deg, #000000 10%, #D6D6D6 90%);
			background:    -moz-linear-gradient(90deg, #000000 10%, #D6D6D6 90%);
			background:     -ms-linear-gradient(90deg, #000000 10%, #D6D6D6 90%);
			background:      -o-linear-gradient(90deg, #000000 10%, #D6D6D6 90%);
			background:         linear-gradient(90deg, #000000 10%, #D6D6D6 90%);
}

.light_box .hinan {
	text-align: left;
	font-size: medium;
}
.light_box a.hinan {
	color: hsla(0,94%,39%,1.00);	
}
.access {
	padding-left: 1%;
	padding-right: 1%;
}
.access ul li {
	text-align: justify;	
}
@media (max-width:630px){
	#contents_1,#contents_2 {
	margin-bottom: 150px;
	padding-bottom: 10px;
	}
}

.mailto_txt a{
	color: hsla(57,91%,78%,1.00);	
}
.w100 {
	width: 100%;
	height: 50%;
}
.w90 {
	max-width: 95%;
}
.w80 {
	width: 80%;
	max-width: 800px;
}
.h50 {
	height: 50%;
}
.main_img {
	height: 50%;
}
.wht_txt {
	color: hsla(0,0%,100%,1.00);	
}
.yel_txt {
	color: yellowgreen;
}
.s_txt {
	font-size: smaller;
}
.info_txt {
	text-align: justify;
}

.left_txt {
	text-align: left;
}
.nowrap_txt {
	white-space: nowrap;	
}
.info_ul{
	list-style-position: inside;
	list-style-type: cjk-decimal;
}
.info_ul li{
	display: inline-block;
	margin: 0.5em;
}

.info_ul li a{
	color: hsla(0,0%,100%,1.00);
	text-decoration: underline;
}
.info_ul li.en_txt a{
	color: hsla(0,0%,100%,1.00);
	text-decoration: underline;
}

.w30em {
	max-width: 32em;
}
.w50em{
	max-width: 50em;
}

.en_txt {
	color: hsla(0,0%,64%,1.00);
}
.bottom50 {
	padding-bottom: 50px;
}
.bottom100 {
	padding-bottom: 100px;
}
.boder1 {
	width: 22em;
	border-radius: 8px;
	border: 1px solid hsla(0,0%,100%,1.00);
	padding: 0.5em 1em 0.5em 1em;
	margin-left: auto;
	margin-right: auto;
}
.shadow {
	-webkit-filter: drop-shadow(2px 2px 1px hsla(0,0%,0%,0.5));
	filter: drop-shadow(2px 2px 1px hsla(0,0%,0%,0.5));
}
.shadow_txt {
	text-shadow: 1px 1px 1px hsla(0,0%,0%,1.00);
}
.wht_back {
	background-color: hsla(0,0%,100%,0.70);	
}
.wht_back2 {
	background-color: hsla(0,0%,100%,0.50);	
}
.wrapper {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	/* [disabled]width: 991px; */
	max-width: 100%;
	padding: 10px;
	text-align: center;
}
.wrapper_main {
	margin-bottom: 150px;
	padding-bottom: 10px;
	background-color: hsla(0,0%,100%,1.00);
	border-bottom: 1px solid hsla(0,0%,0%,0.50);
}
.hedline {
	max-width: 50em;
	margin-left: auto;
	margin-right: auto;
	z-index: 31;
	position: relative;
}

.school {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
.rakuten {
	position: relative;
}

@media (min-width:1500px){
	.school {
	width: 40%;
	}
}

@media (max-width:650px){
	.wrapper_main {
	margin-bottom: 200px;
	}
}
.wrapper p {
	text-align: justify;
}

.col2 {
	width: 46%;
	margin: 2%;
	display: inline-block;
	vertical-align: top;
	overflow-x: hidden;
	overflow-y: hidden;
}
.col3 {
	width: 29%;
	margin: 2%;
	display: inline-block;
	vertical-align: top;
	overflow-x: hidden;
	overflow-y: hidden;
}
@media (max-width:767px){
	.col3 {
		width: 46%;}
}

ul.access li {
	list-style-image: none;
	list-style-type: circle;
	list-style-position: outside;
	text-align: left;
}
ul.access li ul li {
	list-style-image: none;
	list-style-type: none;
}

footer {
	width: 100%;
	text-align: center;
	align-content: center;
	color: hsla(0,0%,50%,1.00);
	position: fixed;
	bottom: 0px;
	z-index: -90;
}
footer div{
	display: inline-block;
	vertical-align: middle;
	text-align: justify;
	z-index: -90;
}

.social-links ul {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-right: 50px;
}
.social-links  ul li {
	display: inline-block;
	vertical-align: middle;
	list-style-type: none;
	margin-left: 10px;
	margin-right: 10px;
	list-style-position: inside;
}
.history {
	text-align: left;
}
.history ul {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding-right: 50px;
}
.history  ul li {
	list-style-type: circle;
	margin-left: 10px;
	margin-right: 10px;
	list-style-position: outside;
}

.top10{
	padding-top: 20px;
}
.top50{
	padding-top: 50px;
}
	dl {
	line-height: 1.5em;
	width: 28em;
	/*position: absolute;
	left: auto;
	top: 140px;
	right: auto;
	bottom: auto;*/
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border: thin solid hsla(0,0%,100%,1.00);
	}
	dl dd {
	margin-left: 7em;
	margin-top: -1.5em;
	}
div.prod {
	min-height: 40em;
}
	.prod dl {
	line-height: 1.5em;
	width: 20em;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border: thin solid hsla(0,0%,72%,1.00);
	}
	.prod dl dt {
	line-height: 1.5em;
	left: 30%;
	top: 140px;
	right: auto;
	bottom: auto;
	color: hsla(0,0%,42%,1.00);
	text-align: left;
	font-weight: normal;
	}
	.prod dl dd {
	margin-left: 4em;
	margin-top: -1.5em;
	color: hsla(0,0%,12%,1.00);
	text-align: left;
	font-weight: bold;
	}
	.prod dl dd.note {
	font-weight: normal;
	text-align: justify;
	}
.prod h4 {
	font-size: medium;	
}
.hedline dl {
	line-height: 1.5em;
	width: 40em;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border: thin solid hsla(0,0%,72%,1.00);
	}
.hedline dl dt {
	line-height: 1.5em;
	left: 0;
	top: 140px;
	right: auto;
	bottom: auto;
	color: hsla(0,0%,42%,1.00);
	text-align: left;
	font-weight: normal;
	}
.hedline dl dd {
	margin-left: 30em;
	margin-top: -1.5em;
	color: hsla(0,0%,12%,1.00);
	text-align: left;
	font-weight: bold;
	}
.red_txt {
	color: hsla(359,95%,51%,1.00);	
}
@media (max-width:630px){	
	.prod dl dd, .hedline dl dd{
	margin-left: 0em;
	margin-top: 0em;}
}
@media (max-width:415px){
	dl {
	max-width: 90%;
	}
	dl dd {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0em;
	}
	
}