@charset "utf-8";

body {
	background:url(img/bg.png) no-repeat right 85%;
}

#gaiyou,
#rinen,
#main_content .about .access{
	margin-left:2%;
	}
/* 概要 */
.about #gaiyou dl,
.about #gaiyou dt,
.about #gaiyou dd {
  box-sizing: border-box;
}

.about #gaiyou dl {
  background: #efefef;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.about #gaiyou dt,
.about #gaiyou dd {
  padding: 10px 10px 0 10px;
  border-top: 1px solid #ccc;
}

.about #gaiyou dt {
  width:20%;
  float: left;
}

.about #gaiyou dd {
  background: #fff;
  margin-left:20%;
  padding-bottom: 10px;
  border-left: 1px solid #ccc;
}
.about #gaiyou dd:after {
  content: '';
  display: block;
  clear: both;
}


/* 理念 */
.about #rinen div {
	display:flex;
	justify-content:space-between;
}

.about #rinen div dl {
	width:48%;
	padding:1.5%;
}
.about #rinen div dl:nth-child(2) {
	border-left:solid 3px #eee;
}
.about #rinen dl dt {
	background: linear-gradient(transparent 60%, #FAE438 60%);
	font-size:1.3em;
	width:19em;
	text-align:center;
	margin:0 auto;
	font-weight:bold;
}
/*.about #rinen dl dt {
	font-weight:bold;
	font-size:1.3em;
	color:navy;
	width:7em;
	text-align:center;
	border:solid 1px navy;
	margin:0 auto;
}*/

.about #rinen dl dd {
	margin:20px 0 20px 0;
	text-indent:1em;
}

/* アクセス */
.about .access dl {
	/*margin-bottom:25px;*/
}

.about .access dl dt {
	font-weight:bold;
	font-size:1.3em;
	margin-top:25px;
}

.about .access ol li {
	list-style:disc;
	margin-left:1em;
}
.font-s{
	font-size:0.9em;
	}

@media screen and ( max-width:600px) { 
body {
	background:none;
}

.about #gaiyou dl {
  border-right:none;
  border-bottom:none;
  border-left:none;
}

.about #gaiyou dt,
.about #gaiyou dd {
  padding:5px 10px;
  border-top:none;
}

.about #gaiyou dt {
  width:100%;
  float:none;
}

.about #gaiyou dd {
  margin-left:0;
  border-left:none;
}

.about #rinen div {
	display:block;
}

.about #rinen div dl {
	width:100%;
}
.about #rinen div dl:nth-child(2) {
	border-left:none;
	border-right:none;
}

/*.about #rinen div dl dt {
	margin:0;
}*/
.about #rinen dl dt {
	font-size:1.1em;
	font-weight:bold;
}
}

@media screen and (min-width:600px) and ( max-width:960px) {
	.about #rinen dl dt {
	font-size:0.8em;
}
}

@media screen and (min-width:960px) and ( max-width:1280px) {
	.about #rinen dl dt {
	font-size:1.1em;
}
}