@charset "Shift_JIS";

/*
header {
	display: none !important;
}
*/
.inner950c img {
	width: 100%;
}
.container {
	margin-bottom: 53px;
	overflow: hidden;
}
.container h1 {
	box-sizing: border-box;
	width: 100%;
	height: 177px;
	padding: 60px 0 0 0;
	background: center center no-repeat url(../images/field_title_bg.png);
	background-size: cover;
	text-align: center;
}
.container h1 img {
	width: 356px;
}
.pc {
	display: block;
}
.sp {
	display: none;
}
.ac-cnt-wrap {
	overflow: hidden;
}
.ac-cnt {
	height: auto;
	margin-top: -400%;
	-webkit-transition: all .9s ease-in-out;
	-moz-transition: all .9s ease-in-out;
	-o-transition: all .9s ease-in-out;
	-ms-transition: all .9s ease-in-out;
	transition: all .9s ease-in-out;
}
.ac-cnt-wrap.show .ac-cnt {
	margin-top: 0%;
}



.l-cnt, .r-cnt {
	width: 470px;
	min-height: 920px;
	font-size: 1.2rem;
	overflow: hidden;
}
.l-cnt {
	float: left;
	background-color: #CCE2F6;
	padding-bottom: 30px;
	height: 2100px;
}
.l-cnt:last-child {
	float: right;
	background-color: #D8F1FE;
}
.l-cnt p {
	margin-bottom: 1rem;
	line-height: 2rem;
}
.inner {
	margin: auto;
	width: 87%;
	margin-bottom: 3rem;
}
h1, h2, h3, h4, h5 {
	text-align: center;
	font-family: Georgia, Ÿà–¾’©, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS–¾’©E, serif;
}
#sogo h1, #sogo h2, #sogo h3, #sogo h4, #sogo h5 {
	color: #2079F8;
}
#pro h1, #pro h2, #pro h3, #pro h4, #pro h5 {
	color: #35AEF8;
}
h1 {
	margin-bottom: 1rem;
}

/*
h2:hover,
.close-img:hover {
	opacity: 0.65;
}*/
h2 {
	margin-bottom: 3rem;
	transition: all .5s ease;
	cursor: pointer;
}
.close-img {
	cursor: pointer;
	transition: all .5s ease;
}
#sogo .sec1 img,
#sogo .sec2 img, 
#pro .sec1 img, 
#pro .sec2 img {
	margin-bottom: 1rem;
}
.l-box {
	float: left;
	width: 128px;
}
.l-cnt .cld-box{
	margin: 0 0 2rem 0;
	padding: 0 0 2rem 0;
	overflow: hidden;
}
.l-cnt .cld-box {
	border-bottom: 1px dashed #2079f8;
}
.l-cnt:last-child .cld-box {
	border-bottom: 1px dashed #3EB8F9;
}
.cld-box:last-child {
	border-bottom: 0;
}
.r-box {
	float: right;
	width: 264px;
}
.r-box:after {
	display: block;
	content: "";
	clear: both;
}
.l-cnt ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.l-cnt ul li {
	margin: 0.5rem 0 1rem;
}
.l-cnt .p-list a {
	padding-right: 20px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	text-decoration: none;
}
.l-cnt .p-list a {
	color: #2079f8;
}
.l-cnt:last-child .p-list a {
	color: #35AEF8;
}
.l-cnt .p-list a:before {
	position: absolute;
	top: -1px;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 16px;
	height: 16px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.l-cnt .p-list a:before {
	background: #2079f8;
}
.l-cnt:last-child .p-list a:before {
	background: #35AEF8;
}
.l-cnt .p-list a:after {
	position: absolute;
	top: 4px;
	right: 2px;
	margin: auto;
	content: "";
	vertical-align: middle;
	box-sizing: border-box;
	border: 3px solid transparent;
	border-left: 4px solid #fff;
}
.l-cnt .p-list a span {
	display: inline-block;
	margin: 0 1rem;
	padding: 2px 0;
	width: 85px;
	background: #2079f8;
	color: #fff;
	font-size: 0.9rem;
	text-align: center;
}
.l-cnt table {
	border-collapse: separate;
	border-spacing: 2px;
}
.l-cnt table th {
	padding: 0;
}
.l-cnt table tbody th {
	width: 20%;
	color: #fff;
	text-align: center;
	background-color: #2079F8;
}
.l-cnt table tbody td {
	padding: 1rem;
	width: 40%;
	background-color: #fff;
}
.l-cnt table tbody td p.s-txt {
	font-size: 1rem;
	line-height: 1.5rem;
}
dl.s-txt {
	overflow: hidden;
}
dl.s-txt > dt {
	margin-right: 5px;
	float: left;
	clear: left;
}
dl.s-txt > dd {
	overflow: hidden;
}
#sogo .sec1 h3,
#sogo .sec1 h4 {
	margin-bottom: 1rem;
	padding: 5px 0;
	background-color: #2079F8;
	color: #fff;
}
#sogo .sec2 h3, 
#sogo .sec2 h4 {
	margin-bottom: 1rem;
	padding: 5px 0;
	background-color: #fff;
	color: #2079F8;
}
#about-sogo h3 {
	margin: 3rem auto;
}
#about-sogo h4 {
	padding-left: 10px;
	border-left: 5px solid #2079F8;
	color: #333;
	text-align: left;
}
#about-sogo h5 {
	text-align: left;
	margin-top: 3rem;
}
#pro .sec1 h3,
#pro .sec1 h4 {
	margin-bottom: 1rem;
	padding: 5px 0;
	background-color: #35AEF8;
	color: #fff;
}
#pro .sec2 h3,
#pro .sec2 h4 {
	margin-bottom: 1rem;
	padding: 5px 0;
	background-color: #fff;
	color: #35AEF8;
}
#about-pro {
	/*min-height: 622px;*/
}
	#about-pro h3 {
		margin: 3rem auto;
	}
	#about-pro h4 {
		padding-left: 10px;
		border-left: 5px solid #35AEF8;
		color: #333;
		text-align: left;
	}
.totop {
	box-sizing: border-box;
	margin: 0 0 33px 0;
	width: 100%;
	text-align: right;
	clear: both;
}
.totop img {
	width: 50px;
}
