@charset "UTF-8";
@import 'https://fonts.googleapis.com/css?family=Roboto';
body {
	overflow-x: hidden;
	overflow-y: scroll;
	color: #000;
}

.row {
	margin-left: 0;
	margin-right: 0;
}

.row .col {
	float: left;
}

#wholewrapper {
	border-top: 6px solid #4b7;
}

#wholewrapper img {
	vertical-align: top;
}

#wholewrapper a.no_link {
	color: #000;
}

#wholewrapper a.no_link:hover {
	text-decoration: none;
}

#wholewrapper a.external::after, #wholewrapper a[href^='http']::after {
	font-family: FontAwesome;
	content: "";
	padding-left: 5px;
	padding-right: 0;
	color: #999;
}

#wholewrapper a[href^='mailto:']::before {
	font-family: FontAwesome;
	content: "";
	padding-left: 3px;
	padding-right: 3px;
	color: #000;
}

#wholewrapper a[href$='.pdf']::before, #wholewrapper a[href$='.doc']::before, #wholewrapper a[href$='.docx']::before, #wholewrapper a[href$='.xls']::before, #wholewrapper a[href$='.xlsx']::before, #wholewrapper a[href$='.ppt']::before, #wholewrapper a[href$='.pptx']::before {
	font-family: FontAwesome;
	content: "";
	padding-left: 3px;
	padding-right: 3px;
	color: #000;
}

#wholewrapper a[href$='.pdf'].dl::before, #wholewrapper a[href$='.doc'].dl::before, #wholewrapper a[href$='.docx'].dl::before, #wholewrapper a[href$='.xls'].dl::before, #wholewrapper a[href$='.xlsx'].dl::before, #wholewrapper a[href$='.ppt'].dl::before, #wholewrapper a[href$='.pptx'].dl::before {
	content: none;
}

#wholewrapper a[href$='.pdf']::after {
	content: '（PDF）';
}

#wholewrapper a[href$='.doc']::after, #wholewrapper a[href$='.docx']::after {
	content: '（Word）';
}

#wholewrapper a[href$='.xls']::after, #wholewrapper a[href$='.xlsx']::after {
	content: '（Excel）';
}

#wholewrapper a[href$='.ppt']::after, #wholewrapper a[href$='.pptx']::after {
	content: '（PowerPoint）';
}

#wholewrapper a.no_icon::after {
	content: none;
}

#header .col.logo h1 a {
	display: block;
}

#footer {
	background-color: #f3f3ec;
}

#footer .green-line {
	background-color: #4b7;
	text-align: center;
	padding: 44px 0 30px;
}

#footer .green-line .col {
	width: 100%;
}

#footer .green-line,
#footer .green-line a {
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
}

#footer .green-line:hover,
#footer .green-line a:hover {
	text-decoration: underline;
}

#sitemap p.copyright {
	margin-top: 1.5em;
	font-family: 'Roboto', sans-serif;
	font-size: 92.30769%;
}

#lnavi h2 {
	font-weight: bold;
}

#lnavi h2 a {
	display: block;
}

#contents a.inner::before {
	font-family: FontAwesome;
	content: "";
	padding-left: 2px;
	padding-right: 3px;
}

#contents a.gt::before {
	font-family: FontAwesome;
	content: "";
	padding-left: 0;
	padding-right: 5px;
}

#contents p {
	line-height: 1.5;
	margin-bottom: 15px;
}

#contents div + p {
	margin-top: 10px;
}

#contents ul,
#contents ol {
	padding-left: 20px;
}

#contents li {
	margin: 4px 16px;
}

#contents table {
	width: 100%;
	margin: 10px auto;
	border-top: 1px solid #ccc;
}

#contents table.center {
	width: auto;
}

#contents table th,
#contents table td {
	padding: 7px 10px;
	border-bottom: 1px solid #ccc;
}

#contents table th,
#contents table td.line {
	white-space: nowrap;
}

#contents table th {
	font-weight: normal;
	background-color: #eef7e8;
	text-align: center;
	width: 180px;
}

#contents table thead th {
	background: #efefef;
}

#contents table thead th:first-child {
	border-top-left-radius: 3px;
}

#contents table thead th:last-child {
	border-top-right-radius: 3px;
}

#contents ul.b {
	list-style: none;
}

#contents ul.b a::before,
#contents a.b::before {
	font-family: FontAwesome;
	content: "";
	padding-left: 2px;
	padding-right: 3px;
}

#contents ul.b a:hover,
#contents a.b:hover {
	color: #07b !important;
}

#contents ol ol {
	list-style: lower-latin;
}

#contents br.h {
	display: none;
}

#contents .phone_number {
	font-size: 1.2;
	font-weight: bold;
	font-family: sans-serif;
}

#contents div.chevron ul,
#contents ul.chevron {
	list-style-type: none;
}

#contents div.chevron ul > li > a::before,
#contents ul.chevron > li > a::before {
	font-family: FontAwesome;
	content: "";
	padding-left: 3px;
	padding-right: 3px;
	color: #000;
}

#contents .pull-right img,
#contents img.pull-right {
	margin: 0 0 5px 5px;
}

#contents .pull-left img,
#contents img.pull-left {
	margin: 0 5px 5px 0;
}

#contents .thumbnails {
	list-style: none;
	padding: 0;
}

#contents .no_top_margin {
	margin-top: 0px !important;
}

#contents div.blocklink {
	margin-top: 15px;
	margin-bottom: 20px;
}

#contents div.blocklink a {
	display: block;
	padding: 15px 11px;
	color: #000;
	background-color: #eeeedc;
	margin:0;
}

#contents div.blocklink a::before {
	font-family: FontAwesome;
	content: "";
	padding-left: 0 3px;
	padding-right: 0;
}

#contents div.blocklink ul {
	padding: 10px 3px;
	list-style-type: none;
}

#contents div.blocklink ul li{
	display:block;
	margin:0;
	padding:0;
}

#contents div.blocklink ul li{
	display:block;
	border-bottom:1px #fff solid;
}

/*
#contents div.blocklink ul a {
	display: inline;
}*/

#contents nav {
	clear: both;
	padding-top: 20px;
}

#contents nav a.prev {
	padding-right: 5px;
}

#contents nav a.prev::before {
	font-family: FontAwesome;
	content: "";
	padding-left: 0;
	padding-right: 5px;
}

#contents nav a.next {
	padding-left: 5px;
}

#contents nav a.next::after {
	font-family: FontAwesome;
	content: "";
	padding-left: 5px;
	padding-right: 0;
}

#wholewrapper  #contents {
	min-height:460px;
}

#contents .round {
	border: 2px solid #efefef;
	border-radius: 5px;
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#contents ul.list-unstyled.inner_link {
	margin-left: 15px;
}

#contents ul.inner_link a::before {
	font-family: FontAwesome;
	content: "";
	padding-left: 0;
	padding-right: 5px;
}

#contents ul.files {
	margin: 20px 0;
	list-style: none;
	padding: 0;
	border-bottom: 1px solid #ddd;
}

#contents ul.files li {
	border-top: 1px solid #ddd;
	padding: 14px 5px 9px;
}

#contents ul.files li a {
	float: right;
}

#contents ul.files li a::before {
	font-family: FontAwesome;
	content: "";
	padding-left: 0;
	padding-right: 5px;
}

#contents div.text-center img.img-responsive {
	margin-left: auto;
	margin-right: auto;
}

#contents .alert-info {
	background: #e8f5e1;
	border-color: #c4dac1;
	color: #000;
}

#contents .alert-warning {
	background: #ff5f5f;
	border-color: #fcc;
	color: #000;
}

#contents .well.contact {
	background-color: #fff;
	box-shadow: none;
	padding: 11px 15px;
}

#contents .well.contact h6 {
	margin: 0 0 5px;
	padding: 4px 0;
	font-weight: bold;
	border-bottom: 2px solid #6b3;
	font-size: 14px;
}

#contents .form-actions {
	background: #fbfbf8;
	border-bottom: 1px solid #ccc;
	margin: 30px 0;
	padding: 30px 0 34px;
}

#contents .form-actions span.border {
	border: 1px solid #5b9ab8;
	display: inline-block;
	border-radius: 4px;
}

#contents .form-actions .btn {
	padding: 10px 50px;
	font-size: 14px;
	color: #fff;
	border: none;
	border-top: 1px solid #cfe9f4;
	background: linear-gradient(to bottom, #4fc1ee 0%, #37b0e1 100%);
}

#contents .form-actions .btn::before {
	font-family: FontAwesome;
	content: "";
	padding-left: 0;
	padding-right: 4px;
}

#contents .form-actions .btn.modify {
	padding-left: 20px;
	padding-right: 20px;
	background: #bbb !important;
	border-top: 1px solid #eee;
}

#contents .form-actions .btn.send {
	padding-left: 70px;
	padding-right: 70px;
}

#contents .form-actions .border.modify {
	border: 1px solid #aaa;
}

#contents form.mailform table th {
	position: relative;
	padding-left: 50px;
}

#contents form.mailform table th .required {
	position: absolute;
	left: 10px;
	margin-top: 1px;
}

#contents ul.minus {
	list-style: none;
}

#contents ul.minus li {
	text-indent: -1em;
}

#contents a.dl {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 20px;
	border: 1px solid #dcdcdc;
	line-height: 20px;
	padding: 11px 11px 11px 35px;
	color: #339866;
	font-size: 107.69231%;
}

#contents a.dl:hover {
	text-decoration: none;
	background-color: #fafff6;
	border-color: #a7cfa8;
}

#contents a.dl i {
	position: absolute;
	left: 5px;
	top: 5px;
	font-size: 32px;
}

#contents div.pdf a span.fa {
	font-size: 228.57143%;
	vertical-align: middle;
}

#contents h2 {
	font-weight: bold;
	font-size: 18px;
}

#contents h3 {
	font-weight: bold;
}

#contents h3,
#contents h3 * {
	color: #339866;
}

#contents h3 + h4 {
	margin-top: 10px;
}

#contents h4 {
	background: #f3f3ec;
	font-weight: bold;
	border-radius: 2px;
	margin-top: 30px;
}

#contents h4,
#contents h4 * {
	color: #4e4e36;
}

@media print, screen and (min-width: 768px){
	body.fs-medium{
		font-size: 13px;
	}
	body.fs-large{
		font-size: 16px;
	}
	.container{
		width: 990px;
	}
	#header{
		padding-bottom: 4px;
		min-height: 114px;
	}
	#header .col.logo{
		padding-top: 10px;
		padding-left: 2px;
	}
	#header .col.logo img.logo1{
		float: left;
		margin-right: 8px;
	}
	#header .col.logo p{
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 0;
	}
	#header .col.logo h1{
		margin-top: 14px;
		margin-bottom: 0;
	}
	#header .col.right{
		float: right;
		padding-top: 12px;
		text-align: right;
		font-size: 0;
	}
	#header .col.right #fontsizer{
		display: inline-block;
		vertical-align: 6.5px;
		line-height: 24px;
	}
	#header .col.right #fontsizer span{
		padding-right: 7px;
		vertical-align: top;
		font-size: 12px;
	}
	#header .col.right #fontsizer a{
		display: inline-block;
		vertical-align: top;
		border: 1px solid #ccc;
		background-color: #fff;
		width: 50px;
		text-align: center;
		color: #060;
		font-size: 14px;
		line-height: 22px;
		text-decoration: none;
	}
	#header .col.right #fontsizer a.selected{
		background-color: #36965f;
		border: none;
		box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
		color: #fff;
		line-height: 24px;
	}
	#header .col.right #fontsizer a#fontsizer_medium{
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}
	#header .col.right #fontsizer a#fontsizer_large{
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	#header .col.right form{
		display: inline-block;
		vertical-align: top;
		margin-left: 10px;
	}
	#header .col.right form fieldset input{
		display: inline-block;
		vertical-align: 0.5px;
		border: 1px solid #ccc;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
		padding: 1px;
		background-color: #efefef;
		width: 200px;
		font-size: 12px;
		line-height: 20px;
	}
	#header .col.right form fieldset button{
		display: inline-block;
		border: none;
		padding: 0;
		width: 30px;
		text-align: center;
		background-color: #555;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
		color: #fff;
		font-size: 13px;
		line-height: 24px;
	}
	#header .col.right .links{
		margin-top: 20px;
		font-size: 14px;
		line-height: 1;
	}
	#header .col.right .links a{
		margin-left: 11px;
		color: #666;
		text-decoration: none;
	}
	#header .col.right .links a:hover{
		text-decoration: underline;
	}
	#header .col.right .phone{
		margin-top: 10px;
		color: #2ca8b7;
		font-size: 14px;
		line-height: 1;
	}
	#header .col.right .phone strong{
		font-family: 'Roboto', sans-serif;
		font-size: 25px;
		vertical-align: -4px;
	}
	#gnavi{
		padding-bottom: 2px;
		background-image: url(../media/images/saka/1dot/336633-100.png);
		background-position: center 47px;
		background-position: center calc(100% - 2px);
		background-repeat: repeat-x;
		background-size: 100% 3px;
	}
	#gnavi .col{
		width: 100%;
	}
	#gnavi ul.depth1{
		margin-bottom: 0;
		display: table;
		border-collapse: collapse;
		width: 100%;
		height: 50px;
	}
	#gnavi li.depth1{
		display: table-cell;
		vertical-align: middle;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 3px solid #363;
		text-align: center;
		position: relative;
		width: 133px;
	}
	#gnavi li.depth1.active{
		border-bottom-color: #4b7;
	}
	#gnavi li.depth1 > a{
		display: block;
		color: #000;
		text-decoration: none;
		font-size: 107.69231%;
		line-height: 1;
	}
	#gnavi li.depth1.first{
		width: auto;
	}
	#gnavi li.depth1.first > a{
		padding-top: 2px;
		font-size: 0;
	}
	#gnavi li.depth1.first > a::before{
		font-size: 16px;
		font-family: FontAwesome;
		content: "";
		padding-left: 0;
		padding-right: 0;
	}
	#gnavi li.depth1.lm3, #gnavi li.depth1.lm6{
		width: 176px;
	}
	#gnavi ul.depth2,
	#gnavi ul.depth3{
		list-style: none;
		padding-left: 0;
		text-align: left;
	}
	#gnavi ul.depth2{
		display: none;
		position: absolute;
		top: 47px;
		left: 0;
		z-index: 3;
		background: url(../media/images/saka/1dot/2ca8b7-085.png);
		background: rgba(44, 168, 183, 0.85);
	}
	#gnavi li.depth1.last ul.depth2{
		right: 0;
		left: auto;
	}
	#gnavi li.depth1.last div.depth3wrapper{
		left: 50px;
	}
	#gnavi div.depth3wrapper{
		display: none;
		position: absolute;
		top: 14px;
		left: 200px;
		z-index: 3;
		background: url(../media/images/saka/1dot/2ca8b7-085.png);
		background: rgba(44, 168, 183, 0.85);
	}
	#gnavi div.depth3wrapper:after{
		content: " ";
		display: block;
		clear: both;
	}
	#gnavi ul.depth3{
		float: left;
	}
	#gnavi li.lm117 div.depth3wrapper{
		width: 480px;
		left: 100px;
	}
	#gnavi li.lm117 li.depth3{
		min-width: 160px;
	}
	#gnavi li.depth2,
	#gnavi li.depth3{
		border-top: 1px solid #fff;
		font-size: 100%;
		line-height: 1.46154;
		position: relative;
		min-width: 228px;
		white-space: nowrap;
	}
	#gnavi li.depth2 > a,
	#gnavi li.depth3 > a{
		display: block;
		padding: 5px 14px;
		color: #fff;
		text-decoration: none;
	}
	#gnavi li.depth2 > a:hover,
	#gnavi li.depth3 > a:hover{
		background-color: #e9e9e9;
		color: #333;
	}
	#footer .green-line{
		font-size: 107.69231%;
		line-height: 1.42857;
	}
	#footer .green-line br{
		display: none;
	}
	#footer .col.r{
		float: right;
	}
	#footer a{
		color: #000;
	}
	#footer div.address{
		margin-top: 20px;
		float: left;
	}
	#footer div.logo{
		margin-top: 55px;
		float: right;
	}
	#sitemap{
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		display: table !important;
		padding-top: 15px;
		padding-bottom: 48px;
		background-color: #f3f3ec;
		line-height: 1.53846;
	}
	#sitemap > div.row{
		display: table-row;
		width: 960px;
	}
	#sitemap > div.row > .col{
		display: table-cell;
	}
	#sitemap .col.col1{
		width: 150px !important;
	}
	#sitemap .col.col2{
		width: 180px !important;
	}
	#sitemap .col.col2 ul.depth1{
		margin-right: 25px !important;
	}
	#sitemap .col.col3{
		width: 300px !important;
	}
	#sitemap .col.col3 > div.row{
		display: table;
	}
	#sitemap .col.col3 ul{
		display: table-cell;
		width: 130px !important;
	}
	#sitemap .col.col3 ul + ul{
		width: 140px;
	}
	#sitemap .col.col3 ul.depth1{
		padding-right: 15px;
	}
	#sitemap .col.col3 ul.depth1 + ul{
		padding-right: 0;
	}
	#sitemap .col.col4{
		width: 160px !important;
	}
	#sitemap .col.col5{
		width: 170px !important;
	}
	#sitemap .col.col5 p{
		margin-right: 0;
	}
	#sitemap .col .row{
		margin-bottom: 20px;
	}
	#sitemap .col.center{
		width: 460px;
		margin-left: 30px;
		margin-right: 30px;
	}
	#sitemap .col.center .col{
		width: 150px;
	}
	#sitemap .col.center .col.center{
		width: 140px;
		margin: 0;
	}
	#sitemap .col p{
		margin-bottom: 3px;
		border-bottom: 1px solid #000;
		margin-right: 25px;
	}
	#sitemap .col ul{
		list-style: none;
		padding: 0;
	}
	#sitemap .col a{
		color: #000;
	}
	#sitemap .col .address{
		margin-top: 115px;
		white-space: nowrap;
	}
	#sitemap .col .logo{
		margin-top: 64px;
	}
	#sitemap .col .logo:after{
		content: " ";
		display: block;
		clear: both;
	}
	#sitemap .col .logo img{
		float: left;
	}
	#pagetop{
		position: fixed;
		bottom: 10px;
		right: 10px;
		z-index: 3;
	}
	#pagetop a{
		display: block;
		background: url(../media/images/saka/1dot/000000-050.png);
		background: rgba(0, 0, 0, 0.5);
		border-radius: 6px;
		width: 64px;
		line-height: 64px;
		text-align: center;
		font-size: 48px;
		color: #fff;
		text-decoration: none;
	}
	#pagetop a i.fa{
		vertical-align: 3.5px;
	}
	#body{
		background: repeat-x top;
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, transparent 100%);
		background-size: 100% 10px;
	}
	#lnavi{
		width: 228px;
		border-top: 6px solid #9cc198;
		padding-bottom: 50px;
	}
	#lnavi h2{
		margin-top: 0;
		margin-bottom: 0;
		padding: 17px 0;
		font-size: 107.69231%;
		line-height: 1.42857;
		text-align: center;
		border-bottom: 1px solid #ccc;
	}
	#lnavi h2 a{
		color: #000;
	}
	#lnavi ul{
		list-style: none;
		padding: 0;
	}
	#lnavi ul.depth2{
		display: none;
		background-color: #f5f5f5;
	}
	#lnavi ul.depth3{
		display: none;
	}
	#lnavi li{
		margin: 0;
		padding: 0;
		border-radius: 0;
		border: none;
	}
	#lnavi li a{
		display: block;
		text-decoration: none;
		color: #333;
		line-height: 1.46154;
		background: url(../media/images/saka/lnavi_arrow.png) no-repeat left;
	}
	#lnavi li.depth1{
		border-bottom: 1px solid #ccc;
	}
	#lnavi li.depth1 > a{
		padding: 10px 13px 10px 34px;
	}
	#lnavi li.depth1 > a:hover{
		background-color: #be8;
		color: #080;
	}
	#lnavi li.depth1.active > a{
		background-color: #c4dac1;
		background-image: url(../media/images/saka/lnavi_arrow_current.png);
	}
	#lnavi li.depth1.active ul.depth2{
		display: block;
	}
	#lnavi li.depth1.has_active > a{
		background-color: #e2e2e2;
		background-image: url(../media/images/saka/lnavi_arrow_open.png);
	}
	#lnavi li.depth1.has_active ul.depth2{
		display: block;
	}
	#lnavi li.depth2{
		border-top: 1px dotted #ccc;
	}
	#lnavi li.depth2 > a{
		padding: 7px 13px 7px 47px;
	}
	#lnavi li.depth2 > a:hover{
		background-color: #fafbfa;
	}
	#lnavi li.depth2.active > a{
		background-color: #c4dac1;
		background-image: url(../media/images/saka/lnavi_arrow_lower.png);
	}
	#lnavi .call_center a{
		display: block;
		border: 5px solid #eee;
		background: url(../media/images/saka/call_center.png) no-repeat 7px 7px;
		padding-top: 7px;
		padding-left: 57px;
		height: 60px;
		color: #09f;
		font-size: 13px;
		line-height: 17px;
		text-decoration: none;
		cursor: default;
	}
	#contents{
		float: right;
		width: 700px;
		border-top: 6px solid #9cc198;
	}
	#contents.single{
		width: 100%;
		float: none;
	}
	#contents .round > h3 :first-child,
	#contents .round > h4 :first-child{
		margin-top: 0;
	}
	#contents h2{
		margin-top: 0;
		margin-bottom: 30px;
		background: url(../media/images/saka/caption_bg_dummy.jpg) no-repeat top right;
		height: 84px;
		border-bottom: 1px solid  #9cc198;
		padding-top: 30px;
		padding-left: 20px;
		padding-bottom: 30px;
	}
	#contents h2 img{
		margin-right: 12px;
	}
	body.category_1 #contents h2{
		background-image: url(../media/images/saka/category_1.jpg);
	}
	body.category_2 #contents h2{
		background-image: url(../media/images/saka/category_2.jpg);
	}
	body.category_3 #contents h2{
		background-image: url(../media/images/saka/category_3.jpg);
	}
	body.category_4 #contents h2{
		background-image: url(../media/images/saka/category_4.jpg);
	}
	body.category_5 #contents h2{
		background-image: url(../media/images/saka/category_5.jpg);
	}
	body.category_6 #contents h2{
		background-image: url(../media/images/saka/category_6.jpg);
	}
	body.category_7 #contents h2{
		background-image: url(../media/images/saka/category_7.jpg);
	}
	body.category_8 #contents h2{
		background-image: url(../media/images/saka/category_8.jpg);
	}
	body.category_9 #contents h2{
		background-image: url(../media/images/saka/category_9.jpg);
	}
	#contents div.sections{
		padding: 0 20px 18px;
	}
	#contents h3{
		background: url(../media/images/saka/subcaption_icon.png) no-repeat left;
		padding-left: 22px;
		font-size: 107.69231%;
		line-height: 29px;
		border-bottom: 1px solid #ccc;
	}
	#contents h4{
		padding: 10px 10px 10px 30px;
		font-size: 16px;
		margin-bottom: 20px;
		text-indent: -10px;
	}
	#contents h5{
		font-size: 16px;
		border-bottom: 1px solid #ccc;
		line-height: 22px;
		margin: 10px 0 5px;
		font-weight: bold;
	}
	#contents div.section{
		padding-left: 20px;
	}
	#pankuzu{
		padding-top: 17px;
		padding-bottom: 27px;
	}
	#pankuzu ul{
		margin: 0;
		padding: 0;
		background-color: transparent;
	}
	#pankuzu ul li,
	#pankuzu ul li a{
		color: #000;
	}
	#pankuzu ul li + li::before{
		content: '>';
		color: #000;
		padding: 0 4px;
	}
	.pagetop{
		padding: 13px 11px;
		text-align: right;
		font-size: 92.30769%;
		line-height: 1;
	}
	.pagetop a{
		display: block;
		color: #000;
	}
	.pagetop a span.fa{
		font-size: 116.66667%;
	}
}

@media screen and (max-width: 767px){
	body{
		font-size: 15px;
		line-height: 21px;
	}
	.container{
		width: 100%;
		padding: 0;
	}
	#wholewrapper a[href$='.pdf']::before, #wholewrapper a[href$='.doc']::before, #wholewrapper a[href$='.docx']::before, #wholewrapper a[href$='.xls']::before, #wholewrapper a[href$='.xlsx']::before, #wholewrapper a[href$='.ppt']::before, #wholewrapper a[href$='.pptx']::before{
		display: inline-block;
		text-indent: -14px;
	}
	#header{
		height: 47px;
	}
	#header .col.logo{
		padding-top: 13px;
		padding-left: 5px;
	}
	#header .col.logo h1{
		margin: 0;
		line-height: 21px;
	}
	#header .col.logo h1 a img{
		height: 21px;
		margin-right: 3px;
	}
	#header .col.menu{
		float: right;
		padding-top: 8px;
		padding-right: 8px;
	}
	#header .col.menu a{
		display: block;
		background-color: #dcdcdc;
		line-height: 32px;
		width: 32px;
		border-radius: 3px;
		text-align: center;
		font-size: 21px;
		color: #2ca8b7;
	}
	#header .col.menu a.opened{
		color: rgba(44, 168, 183, 0.2);
	}
	#sp-gnavi .col{
		width: 100%;
		display: none;
	}
	#sp-gnavi ul{
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 15px;
	}
	#sp-gnavi ul.depth1{
		background: #2ab;
	}
	#sp-gnavi ul.depth2{
		display: none;
		background: #289 repeat-x top;
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, transparent 100%);
		background-size: 100% 5px;
	}
	#sp-gnavi ul.depth3{
		display: none;
		background: #19636f;
	}
	#sp-gnavi li > a{
		display: block;
		color: #fff;
		text-decoration: none;
		padding: 12px 15px;
		border-top: 1px solid #178;
	}
	#sp-gnavi li.depth1.first{
		display: none;
	}
	#sp-gnavi li.depth1.has_children > a::after{
		font-family: FontAwesome;
		content: "";
		padding-left: 0;
		padding-right: 0;
		float: right;
	}
	#sp-gnavi li.depth1.has_children > a.opened::after{
		font-family: FontAwesome;
		content: "";
		padding-left: 0;
		padding-right: 0;
	}
	#sp-gnavi li.depth2.first, #sp-gnavi li.depth3.first{
		border-top: none;
	}
	#sp-gnavi li.depth2 > a:hover, #sp-gnavi li.depth3 > a:hover{
		color: #333;
		background: #fff;
	}
	#sp-gnavi li.depth2 > a::after{
		font-family: FontAwesome;
		content: "";
		padding-left: 0;
		padding-right: 0;
		float: right;
	}
	#sp-gnavi li.depth2 > a:hover::after{
		font-family: FontAwesome;
		content: "";
		padding-left: 0;
		padding-right: 0;
	}
	#sp-gnavi li.depth2.has_children > a::after{
		font-family: FontAwesome;
		content: "";
		padding-left: 0;
		padding-right: 0;
	}
	#sp-gnavi li.depth2.has_children > a.opened::after{
		font-family: FontAwesome;
		content: "";
		padding-left: 0;
		padding-right: 0;
	}
	#sp-gnavi a.closer{
		display: block;
		background-color: #b2e1e7;
		border-top: 1px solid #178;
		color: #fff;
		font-size: 15px;
		padding: 5.5px 0 0;
		text-align: center;
	}
	#footer .green-line{
		font-size: 14px;
		line-height: 1.42857;
	}
	#footer .green-line .col {
		overflow: hidden;
	}
	#footer div.address{
		background: url(../media/images/saka/xs/footer_bg0.png);
		background-repeat: no-repeat;
		background-position: bottom right;
		background-size: 77.5px;
		padding-top: 28px;
		padding-bottom: 5px;
		text-align: center;
	}
	#footer div.address p{
		margin-bottom: 0;
	}
	#footer div.address p.line1{
		font-size: 12px;
		line-height: 24px;
	}
	#footer div.address p.line1 span{
		font-size: 18px;
		vertical-align: middle;
	}
	#footer div.address p.line2{
		font-size: 12px;
		line-height: 18px;
	}
	#footer div.address p.line3{
		font-size: 15px;
		line-height: 22px;
		margin-bottom: 10px;
	}
	#footer div.address p.line3 a{
		color: #333;
	}
	#footer div.address p.copyright{
		font-size: 9px;
		font-family: 'Myriad Pro';
	}
	#footer div.logo{
		padding-top: 11.5px;
		text-align: center;
	}
	#footer form{
		padding: 10px 8px;
		background-color: #b3d98c;
	}
	#footer form fieldset input,
	#footer form fieldset button{
		float: left;
		padding: 0;
		border: none;
		height: 40px;
	}
	#footer form fieldset input{
		width: 100%;
		margin-right: -40px;
		padding-right: 40px;
		font-size: 24px;
		border-radius: 4px;
		box-shadow: 5px 5px 5px -5px #f0f0f0 inset;
	}
	#footer form fieldset button{
		background-color: #333;
		color: #d6d6d6;
		width: 40px;
		font-size: 24px;
		text-align: center;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	#footer .menu{
		background-color: #6b3;
	}
	#footer .menu table{
		width: 100%;
	}
	#footer .menu table td{
		border-top: 1px solid #000;
		text-align: center;
		font-size: 9px;
		height: 56px;
		vertical-align: middle;
	}
	#footer .menu table td.side{
		width: 57px;
	}
	#footer .menu table td.center{
		border-left: 1px solid #000;
		border-right: 1px solid #000;
	}
	#footer .menu table td span.fa{
		font-size: 24px;
	}
	#footer .menu table td a{
		display: block;
		color: #fff;
	}
	#footer .menu table td em{
		display: block;
		line-height: 15px;
		font-style: normal;
	}
	#lnavi{
		width: 100%;
		background: #6b3 url(../media/images/saka/xs/title_bg1.png) repeat-x bottom;
		background-size: 1px 47.5px;
	}
	#lnavi h2{
		background: url(../media/images/saka/xs/title_bg2.png) no-repeat bottom right;
		background-size: 245px;
		margin: 0;
		font-size: 15px;
	}
	#lnavi h2 a{
		padding: 15.5px 15px;
		color: #fff;
	}
	#lnavi ul{
		display: none;
	}
	#contents{
		width: 100%;
	}
	#contents img{
		max-width: 100%;
	}
	#contents .table-responsive{
		border: none;
	}
	#contents br.h.xs{
		display: inline;
	}
	#contents div.chevron ul,
	#contents ul.chevron{
		text-indent: -15px;
	}
	#contents h2{
		margin: 0;
		padding: 10px 100px 10px 10px;
		border-bottom: 1px solid #dcdcdc;
		line-height: 20px;
		color: #333;
		background: no-repeat center right;
		background-size: auto 60px;
	}
	#contents h2.public{
		background-position: 55px center;
	}
	#contents h2.topics{
		padding-right: 10px;
	}
	#contents h2 img{
		display: none;
	}
	#contents div.sections{
		padding: 12px 10px 25px;
	}
	#contents h3{
		background: url(../media/images/saka/xs/subcaption_icon.png) no-repeat;
		background-position: 1px center;
		background-size: 15px;
		padding-left: 24px;
		font-size: 19px;
		line-height: 28px;
		border-bottom: 1px solid #cccccc;
	}
	#contents h3:first-child{
		margin-top: 10px;
	}
	#contents h4{
		padding: 4px 7px;
		font-size: 17px;
		margin-bottom: 15px;
		line-height: 1.5;
	}
	#contents h4.icon{
		padding-left: 35px;
		text-indent: -11px;
	}
	#contents table th,
	#contents table td{
		width: auto;
		padding: 4px 5px;
	}
	#contents table.block,
	#contents table.block tbody,
	#contents table.block tr,
	#contents table.block th,
	#contents table.block td{
		display: block;
		width: 100%;
	}
	#contents table.block th{
		border-bottom: none;
		text-align: left;
	}
	#contents .fmenu{
		border-top: 6px solid #9cc198;
	}
	#contents .fmenu h2{
		margin-top: 0;
		margin-bottom: 0;
		padding: 17px 10px;
		font-size: 107.69231%;
		line-height: 1.42857;
		font-weight: bold;
		border-bottom: 1px solid #ccc;
	}
	#contents .fmenu h2 a{
		display: block;
		color: #000;
	}
	#contents .fmenu ul{
		margin-bottom: 0;
		list-style: none;
		padding: 0;
	}
	#contents .fmenu ul.depth2{
		display: none;
		background-color: #f5f5f5;
	}
	#contents .fmenu ul.depth3{
		display: none;
	}
	#contents .fmenu li{
		margin: 0;
		padding: 0;
		border-radius: 0;
		border: none;
	}
	#contents .fmenu li a{
		display: block;
		text-decoration: none;
		color: #333;
		line-height: 1.46154;
		background: url(../media/images/saka/lnavi_arrow.png);
		background-repeat: no-repeat;
		background-position: left;
	}
	#contents .fmenu li.depth1{
		border-bottom: 1px solid #ccc;
	}
	#contents .fmenu li.depth1 > a{
		padding: 10px 13px 10px 34px;
	}
	#contents .fmenu li.depth1 > a:hover{
		background-color: #be8;
		color: #080;
	}
	#contents .fmenu li.depth1.active > a{
		background-color: #c4dac1;
		background-image: url(../media/images/saka/lnavi_arrow_current.png);
	}
	#contents .fmenu li.depth1.active ul.depth2{
		display: block;
	}
	#contents .fmenu li.depth1.has_active > a{
		background-color: #e2e2e2;
		background-image: url(../media/images/saka/lnavi_arrow_open.png);
	}
	#contents .fmenu li.depth1.has_active ul.depth2{
		display: block;
	}
	#contents .fmenu li.depth2{
		border-top: 1px dotted #ccc;
	}
	#contents .fmenu li.depth2 > a{
		padding: 7px 13px 7px 47px;
	}
	#contents .fmenu li.depth2 > a:hover{
		background-color: #fafbfa;
	}
	#contents .fmenu li.depth2.active > a{
		background-color: #c4dac1;
		background-image: url(../media/images/saka/lnavi_arrow_lower.png);
	}
	#contents .fmenu .call_center a{
		display: block;
		border: 5px solid #eee;
		background: url(../media/images/saka/call_center.png);
		background-repeat: no-repeat;
		background-position: 7px 7px;
		padding-top: 7px;
		padding-left: 57px;
		height: 60px;
		color: #09f;
		font-size: 13px;
		line-height: 17px;
		text-decoration: none;
		cursor: default;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	#contents br.h.sm{
		display: inline;
	}
}

@media (min-width: 992px) and (max-width: 1199px){
	#contents br.h.md{
		display: inline;
	}
}

@media (min-width: 1200px){
	#contents br.h.lg{
		display: inline;
	}
}

/*# sourceMappingURL=common.css.map */