@charset "UTF-8";
.copyBox .container {
	padding:16px 20px;
}
.copyBox .container p {
	font-weight:bold;
	color:#1B325E;
	text-align:center;
	font-size:24px;
}
@media only screen and (min-width: 768px) {
.copyBox .container {
	padding:40px 30px;
}
.copyBox .container p {
	font-size:32px;
}
}

.topics .container {
	padding:16px 20px;
}
.topics .container p {
	padding:8px;
	margin-bottom:0;
}
.topics .container p .t_date {
	font-weight:bold;
	color:#1B325E;
}
@media only screen and (min-width: 768px) {
.topics .container {
	padding:40px 30px;
}
.topics .container p {
	padding:12px;
}
.topics .container p .t_date {
	margin-right:20px;
}
}
@media only screen and ( max-width : 767px ) {
.topics .container p .t_date {
	display:block;
}
}

.service .container {
	border-top:1px solid #CCCCCC;
	padding:0;
}
.serviceBox{
	padding:0;
}
.serviceBox .photoBox{
	text-align:center;
}
.serviceBox .txtBox{
	padding:20px;
}
.serTitle{
	padding:0;
	margin-bottom:20px;
}
.serTitle .ser_ic{
	text-align:center;
	margin-bottom:10px;
}
.serTitle .ser_tit{
	text-align:center;
	margin-bottom:10px;
}
.serTitle .ser_tit h2{
	border-bottom:none;
	font-size:32px;
	margin-bottom:0;
}
.areaTitle{
	background-color:#001D39;
	color:#FFF;
	font-weight:bold;
	padding:8px;
}
.areaTitle h3{
	margin-bottom:0;
	color:#FFF;
  text-align: left;
	padding: 8px;
}
.areaTitle h3:before {
	display:none;
}
.areaCont{
	background-color:#EAEAEA;
	padding:12px;
	margin-bottom:20px;
}
.areaCont p{
	line-height:1;
}
.areaCont p:last-child{
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
.service .container {
	padding:40px 30px;
}
.serviceBox{
	display:flex;
	flex-flow: row;
}
.serviceBox .photoBox{
	flex: 0 0 300px;
	order: 2;
}
.serviceBox .txtBox{
	flex: 1 1 auto;
	order: 1;
	margin-right:60px;
	padding:10px;
}
.serTitle{
	margin-bottom:30px;
	display:flex;
	flex-flow: row;
	align-items:center;
}
.serTitle .ser_ic{
	flex: 0 0 100px;
	order: 1;
	margin-bottom:0;
}
.serTitle .ser_tit{
	flex: 1 1 auto;
	order: 2;
	margin-left:20px;
	text-align:left;
}
.serTitle .ser_tit h2{
	font-size:40px;
}
.areaTitle{
	padding:16px;
}
.areaCont{
	padding:20px;
	margin-bottom:40px;
}
}

.banner .container {
	border-top:1px solid #CCCCCC;
	padding:16px 20px;
}
.banner .container p {
	padding:8px;
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.banner .container {
	padding:40px 30px;
}
.banner .container p {
	padding:12px;
}
}