@charset "UTF-8";

/*カラー一括置換用  --------------------

背景色：#fff
サブ背景色：#f9f9f9
文字色：#333
メインの色：#125eb3
リンク色：#125eb3
線：#aaa

-----------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,900,700);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);



/*==========================

　共通設定

==========================*/

/*　基本設定
-------------------------------------*/
body {
	background-color:#fff;
	font-size: 14px;
	line-height: 1.7em;
	color: #333;
	font-family:"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Lato","游ゴシック体","Yu Gothic",YuGothic,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	*font-size:small;
	*font:x-small;
	-webkit-text-size-adjust : 100%;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	position: relative;
	right: 0;
	overflow-x: hidden;
}

a:link,a:visited{
	cursor: pointer;
	color:#333;
	text-decoration:none;
}
a:hover{
	color:#125eb3;
}
a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
}
figure img {
	max-width:100%;
	height:auto;
}
img{
	vertical-align: top;
	border: 0;
}
a img{
	vertical-align:top;
}
a.win{
}
a.win img {
	display:inline-block;
	margin:0 4px 0 3px;
	padding-top:7px;
}
.btn .win img {
	padding-top:3px;
}
a.win:after{
}
a.win:hover{
}
.linkArrow{
	padding-left:14px;
	background:url(../images/common/ico-linkArrow_001.png) left 5px no-repeat;
	background-size:auto 10px;
}
.linkArrow01:hover{
}
.linkPdf {
	padding-left:20px;
	background:url(../images/common/ico-pdf_001.png) left 1px no-repeat;
	background-size:auto 16px;
}
.commonBtn {
    max-width: 230px;
    width: auto;
    padding-left: 0;
    margin: 15px auto 0;
}
.commonBtn a {
    display: block;
    line-height: 1;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    background: #125eb3;
    text-align: center;
    padding: 11px 0;
    text-decoration: none !important;
    border-radius: 19px;
}
.commonBtn a:hover {
	opacity:0.7;
}
.commonBtn a span {
    font-weight: bold;
    font-size: 12px;
}

*:focus {
	outline:none;
}

#wrap{
	text-align:left;
	width:100%;
	min-width:1000px;
}
#main {
	width:1000px;
	margin:0 auto;
}
.clearfix:after {
 	content: "";
 	clear: both;
	 display: block;
	 height: 0;
}
@media screen and (min-width:761px) {
.hidePc {
	display:none !important;
}
}
.hideTxt {
	 overflow: hidden;
	  text-indent: 100%;
	  white-space: nowrap;
}
.hideTxt * {
	display:inline !important;
	line-height:1;
	margin:0;
	padding:0 !important;
	font-size:14px;
}

/*　１カラム　*/
.layout-one-column {
	margin:0 auto;
}
.layout-one-column #main {
	margin:0 auto;
}
.layout-one-column .contentIn {
	width:1000px;
	margin:0 auto;
}

/*　2カラム（右メニュー）*/
.layout-two-column-right {
	margin:0 auto;
}
.layout-two-column-right .contentIn {
	width:1000px;
	margin:0 auto;
}
.layout-two-column-right #main {
	width: 1000px;
	float: left;
}
.layout-two-column-right #sidebar {
	width:214px;
	float:right;
}


/*　header
-------------------------------------*/
header {
	background:url(../images/common/bg_h.png) left top repeat;
	min-width:1000px;
	height:250px;
}
header .headerIn {
	width:1000px;
	margin:0 auto;
	position:relative;
	height:250px;
}
header .headLgo {
	padding:20px 0;
}
header .headLgo h1 a {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	display:block;
	width:267px;
	height:150px;
	background:url(../images/common/logo_h.png) left top no-repeat;
	background-size:contain;
	margin:0 auto;
}
header .headContact {
	position:absolute;
	width:80px;
	height:80px;
	right:0px;
	top:50px;
}
header .headContact a {
	display:block;
	width:80px;
	height:80px;
	background:url(../images/common/btn_home.png) left top no-repeat;
	text-align:center;
	padding-top:50px;
}
header .headContact a:hover {
	opacity:0.7;
}
header .headContact a span {
	display:block;
	margin-top:7px;
	color:#005f00;
	font-weight:900;
	letter-spacing:0.1em;
	font-size:10px;
	font-family: 'Roboto', sans-serif;
}
.clearText {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#main .titleIn {
	width:1000px;
	margin:0 auto;
	position:relative;
}
#main .titLgo {
	margin:30px 0;
}
#main .titLgo h1 a {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	display:block;
	width:192px;
	height:71px;
	background:url(../images/common/tit_service.png) left top no-repeat;
	background-size:contain;
	margin:0 auto;
}
#main .titlebtn {
	position:absolute;
	width:80px;
	height:80px;
	right:0px;
	top:2px;
}
#main .titlebtn a {
	display:block;
	width:80px;
	height:80px;
	background:url(../images/common/btn_service.png) left top no-repeat;
	text-align:center;
	padding-top:2px;
}
#main .titlebtn a:hover {
	opacity:0.7;
}
#main .titlebtn a span {
	display:block;
	margin-top:7px;
	color:#005f00;
	font-weight:900;
	letter-spacing:0.1em;
	font-size:10px;
	font-family: 'Roboto', sans-serif;
}

#main .titleIn2 {
	width:1000px;
	margin:0 auto;
	position:relative;
}
#main .titLgo2 {
	margin:30px 0;
}
#main .titLgo2 h1 a {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	display:block;
	width:152px;
	height:71px;
	background:url(../images/common/tit_about.png) left top no-repeat;
	background-size:contain;
	margin:0 auto;
}
#main .titlebtn2 {
	position:absolute;
	width:80px;
	height:80px;
	right:0px;
	top:2px;
}
#main .titlebtn2 a {
	display:block;
	width:80px;
	height:80px;
	background:url(../images/common/btn_company.png) left top no-repeat;
	text-align:center;
	padding-top:2px;
}
#main .titlebtn2 a:hover {
	opacity:0.7;
}
#main .titlebtn2 a span {
	display:block;
	margin-top:7px;
	color:#005f00;
	font-weight:900;
	letter-spacing:0.1em;
	font-size:10px;
	font-family: 'Roboto', sans-serif;
}
#main .titleIn3 {
	width:1000px;
	margin:0 auto;
	position:relative;
}
#main .titLgo3 {
	margin:30px 0 50px;
}
#main .titLgo3 h1 a {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	display:block;
	width:310px;
	height:71px;
	background:url(../images/common/tit_information.png) left top no-repeat;
	background-size:contain;
	margin:0 auto;
}

/*　globalNav
-------------------------------------*/
#globalNav {
}
#globalNav nav ul {
}
#globalNav nav ul li {
	background:#125eb3;
	width:248px;
	height:60px;
	float:left;
	position:relative;
	border-left:1px solid #ddd;
	border-right:1px solid #fff;
}
#globalNav nav ul li.nav01,
#globalNav nav ul li.nav02,
#globalNav nav ul li.nav03,
#globalNav nav ul li.nav04 {
	display: block;
}
#globalNav nav ul li a {
	width:248px;
	height:60px;
	font-size:18px;
	text-decoration:none;
	font-weight:bold;
	color:#f4f4f4;
	letter-spacing:-0.06em;
	display:inline-block;
	line-height:1;
	padding:12px 0 8px;
	text-align:center;
	position:relative;
}
#globalNav nav ul li a span {
	display:block;
	margin-top:9px;
	color:#f4f4f4;
	font-weight:900;
	letter-spacing:0.1em;
	font-size:12px;
	font-family: 'Roboto', sans-serif;
}
#globalNav nav ul li a.key {
	padding-right:30px;
}
#globalNav nav ul li a:hover,
#globalNav nav ul li.parent:hover p a {
	color:#999;
}
#globalNav #button {
	display:none;
}

@media screen and (min-width: 760px) {
#globalNav nav ul li a.active {
	color:#125eb3;
	border-bottom:3px solid #125eb3;
}
#globalNav nav ul li a.active:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4px 4px 4px;
	border-color: transparent transparent #34ad00 transparent;
	content:"";
	display:block;
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:-4px;
}
}

/*子メニュー*/
#globalNav nav {
	position:relative;
}
#globalNav .childMenu {
	display:none;
	position:absolute;
	top:54px;
	left:50%;
	min-width:200px;
	width:auto;
	background:#f1f1f1;
	white-space:nowrap;
	z-index:10000;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
}
#globalNav .childMenu li {
	float:none;
	margin:0;
}
#globalNav .childMenu li a {
	width:auto;
	display:block;
	text-align:left;
	padding:8px 15px;
	font-size:12px;
	letter-spacing:0;
	line-height:1.5;
}
#globalNav .childMenu li a:hover {
	background-color:#fff;
}

/*　pageTop
-------------------------------------*/
#pageTop {
	position:fixed;
	bottom:50px;
	right:0;
}

/*　footer
-------------------------------------*/
footer {
	color:#333;
}
footer .footerIn {
	width:auto;
	margin:0 auto;
	padding-top:10px;
}
footer .footerIn .companyInfo {
	margin:0 auto;
	padding-top:50px;
	width:250px;
}
footer .footerIn .companyInfo h5 {
	font-size:12px;
	line-height:1.3;
	margin:25px 0 20px;
}
footer .footerIn .companyInfo .txt {
	font-size:12px;
	line-height:1.7;
}
footer .footerIn ul li {
	list-style:none;
}
footer .footerIn .footerMenu .footerLeftBox {
	float:left;
	width:640px;
}
footer .footerIn .footerLeftBox ul.accordion {
	letter-spacing:-0.40em;
	vertical-align:top;
}
footer .footerIn .footerLeftBox ul.accordion .parent {
	display:inline-block;
	letter-spacing:0;
	vertical-align:top;
}
footer .footerIn .footerLeftBox ul.accordion:first-child {
	height:135px;
}
footer .footerIn .footerMenu .footerRightBox {
	float:right;
	width:100px;
}
footer .footerIn .footerMenu .footerRightBox ul li {
	margin-bottom:10px;
}
footer .footerIn .footerMenu .footerRightBox ul li a {
	font-weight:bold;
}
footer .footerIn ul.accordion .nav01,
footer .footerIn ul.accordion .nav04 {
	width:215px;
}
footer .footerIn ul.accordion .nav02,
footer .footerIn ul.accordion .nav05 {
	width:200px;
}

/* footerBox */
footer .footer-Box {
	width:1000px;
	margin:28px auto 10px;
	letter-spacing:0;
}
footer .footer-Box h5 {
	margin-bottom:10px;
}
footer .footer-Box .footer-info {
	width:450px;
	text-align:left;
	float:left;
	margin:25px;
}
footer .footer-Box .footer-info .fpic{
	float:left;
}
footer .footer-Box .footer-info .fpic img{
	padding:10px;
}
footer .footer-Box .footer-info .ftxt{
	float:left;
	width:70%;
	font-size:14px;
	line-height:1.4;
}
footer .footer-Box .footer-info .ftxt h3 {
	font-size:16px;
	padding-top:8px;
	font-weight:bold;
}
footer .footer-Box .footer-info .ftxt p {
	font-size:14px;
	text-align:left;
}

/* copyright */
.copyright {
	padding:20px 0;
	text-align:center;
}
.copyright small {
	font-size:12px;
	font-family: 'Roboto', sans-serif;
}

/*　footerNav
-------------------------------------*/
#fNav {
	background:#dcdddd;
	height:100px;
}
#fNav nav ul {
	width:1000px;
	margin: 0 auto;
	overflow: hidden;
}
#fNav nav ul li {
	float:left;
	width: 250px;
}
#fNav nav ul li a {
	display: block;
	width: 100%;
	height:100px;
}
#fNav nav ul li:last-child a{
    border-right: 1px dotted #000;
}

/*==========================

　下層ページ

==========================*/

#page #content-wrapper {
	width:auto;
	padding-bottom:10px;
}
#page #main a {
	text-decoration:underline;
}
#page #main a:hover {
	text-decoration:none;
}


/*　pageTtl
-------------------------------------*/
#page .pageTtl {
	margin:0 auto 22px;
	width:100%;
	background:#efefef;
}
#page .pageTtl .inner {
	width:1000px;
	margin:0 auto;
	display:table;
	height:200px;
}
#page .pageTtl h2 {
	width:100%;
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	color:#333;
	font-weight:bold;
	font-size:26px;
}
#page .pageTtl h2 span {
	display:block;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	font-weight:900;
	margin-top:8px;
}

/*　pnkz
-------------------------------------*/
#pnkz {
	color:#333;
	font-size:12px;
	text-align:right;
	margin-bottom:40px;
	line-height:1;
	letter-spacing:-0.40em;
}
#pnkz a {
	text-decoration:underline;
}
#pnkz a:hover {
	text-decoration:none;
}
#pnkz span {
	display:inline-block;
	padding:7px 0 7px 10px;
	margin-left:10px;
	margin-bottom:5px;
	border-left:1px solid #ddd;
	letter-spacing:0;
}
#pnkz span:first-child {
	padding-left:0;
	margin-left:0;
	border-left:none;
}

/*　pager
-------------------------------------*/
#pager {
	text-align:center;
	margin-top:100px;
	font-size:20px;
	line-height:1;
	margin-left:-50px;
}
#pager span {
	display:inline-block;
	min-height:29px;
	margin-left:50px;
}
#pager .prev {
	background:url(../images/common/ico-arrow_pager_001.png) left center no-repeat;
	padding-left:32px;
}
#pager .next {
	background:url(../images/common/ico-arrow_pager_002.png) right center no-repeat;
	padding-right:32px;
}

/*　sidebar
-------------------------------------*/
#sidebar h1 {
	background:#f1f1f1;
	text-align:center;
	color:#125eb3;
	padding:10px;
}
#sidebar ul {
	border-bottom:1px solid #ddd;
	margin-bottom:35px;
}
#sidebar ul li {
	list-style:none;
	border-top:1px solid #ddd;
}
#sidebar ul li:first-child {
	border-top:none;
}
#sidebar ul li a {
	text-decoration:none;
	display:block;
	padding:12px 8px;
}
#sidebar ul li a:hover {
	color:#125eb3;
}
#sidebar ul li a.active {
	background:#125eb3;
	color:#fff;
}
#sidebar ul li a.key {
	background:url(../images/common/ico-key_001.png) right 5px center no-repeat;
	background-size:14px auto;
	padding-right:25px;
}
#sidebar ul li a.active.key {
	background:url(../images/common/ico-key_white_001.png) right 5px center no-repeat #125eb3;
	background-size:14px auto;
}
#sidebar ul.child {
	border-bottom:none;
	border-top:1px solid #ddd;
	margin:0;
}
#sidebar ul.child li {
	border-top:1px dotted #ddd;
}
#sidebar ul.child li a {
	padding-left:20px;
}
#sidebar ul.child li:first-child {
	border-top:none;
}
#sidebar .sideBnr figure {
	margin-bottom:10px;
}
#sidebar .sideBnr figure img {
	width:214px;
	height:auto;
}
#sidebar .sideBnr {
	margin-bottom:-4px;
}
@media screen and (max-width: 760px) {

/*==========================

　共通設定

==========================*/

/*　基本設定
-------------------------------------*/	
#main {
	width:auto;
	margin:0;
}
#main.moduleContent {
	margin:0;
}
figure {
	max-width:100%;
}
figure img {
	max-width:100%;
	height:auto;
}

.hidePc {
	display:inherit;
}

.hideSp {
	display:none !important;
}

/*アコーディオン用*/
.accordion .childMenu {
	display:none;
}

/*　１カラム　*/
.layout-one-column {
	margin:0 auto;
}
.layout-one-column #main {
	width:auto;
	margin:0;
}
.layout-one-column .contentIn {
	width:auto;
	margin:0 20px;
}

/*　2カラム（右メニュー）*/
.layout-two-column-right {
	margin:0 auto;
}
.layout-two-column-right .contentIn {
	width:auto;
	margin:0 20px;
}
.layout-two-column-right #main {
	width:auto;
	float:none;
	margin-right:0;
}
.layout-two-column-right #sidebar {
	width:auto;
	float:none;
}

/*　header
-------------------------------------*/
header {
	min-width:0;
	background:url() ;
	background-size:auto;
}
header .headerIn {
	width:auto;
	margin:0 10px;
	position:relative;
	padding:10px 0;
}
header .headLgo {
	margin-bottom:0;
}
header .headLgo h1 a {
}
header .headContact {
	display:none;
}
#main .titleIn {
	width:auto;
	margin:0 auto;
	position:relative;
}
#main .titLgo {
	margin:30px 0;
}
#main .titlebtn {
	display:none;
}
#main .titleIn2 {
	width:auto;
	margin:0 auto;
	position:relative;
}
#main .titlebtn2 {
	display:none;
}
#main .titleIn3 {
	width:auto;
	margin:0 auto;
	position:relative;
}
#main .titlebtn3 {
	display:none;
}


/*　globalNav
-------------------------------------*/
#globalNav {
}
#globalNav #slide_menu{
	position: fixed;
	top:0;
	right: -243px;
	width: 240px;
	height:100%;
	background: #fff;
	z-index:1000;
	padding-top:70px;
}
body.open #globalNav #slide_menu{
	box-shadow: 0 0 30px rgba(0,0,0,0.2);
}
#globalNav nav ul {
	border-left:none;
	height:100%;
	overflow:auto;
	padding-bottom:90px;
	-webkit-overflow-scrolling : touch;
}
#globalNav nav ul li {
	float:none;
	position:relative;
	margin:0 !important;
	display: block;
}
#globalNav nav ul li img {
	display: none;
}
#globalNav nav > ul > li:last-child {
	margin-bottom:90px !important;
}
#globalNav nav > ul > li:last-child a,
#globalNav nav > ul > li:last-child a:hover{/*pdtf*/
	color: #fff;
	line-height: 1.3;
	background: #314552;
}
#globalNav nav ul li a {
	text-decoration:none;
	font-weight:bold;
	display:block;
	line-height:1.5;
	width:auto;
	text-align:left;
	border-right:none;
	border-bottom:1px solid #e1e1e1;
	padding:10px 20px;
	font-size:14px;
}
#globalNav nav ul li a span {
    margin-top: 3px;
    font-size: 10px;
}
#globalNav nav ul li a:hover,
#globalNav nav ul li a.active {
	color:#125eb3;
}
#globalNav nav ul li a.active {
	background:#eff9eb
}
#globalNav nav ul li.nav01 a {
	width:auto;
}
#globalNav nav ul li.nav00 a {
	border-top:1px solid #e1e1e1;
}
#globalNav nav ul li.nav07 a {
	width:auto;
}

/*子メニュー*/
#globalNav ul li.parent p {
	cursor:pointer;
}
#globalNav ul li.parent p:hover span a {
	color:#125eb3;
}
#globalNav ul li.parent > p span a {
	pointer-events:none;
	position:relative;
}
#globalNav ul li.parent > p span a:before,
#globalNav ul li.parent > p span a:after {
	content:"";
	display:block;
	width:0;
	height:0;
	border: 10px solid transparent;
	position:absolute;
	right:20px;
	top:50%;
}
#globalNav ul li.parent > p span a:before {
	border-top: 10px solid #fff;
	margin-top:-6px;
	z-index:10;
}
#globalNav ul li.parent > p span a.active:before {
	border-top-color:#eff9eb;
}
#globalNav ul li.parent > p span a:after {
	border-top: 10px solid #e1e1e1;
	margin-top:-5px;
}
#globalNav ul li.parent > p span.open a {
	background-size:20px auto;
}
#globalNav ul li.parent > p span.open a:before {
	border-top:none;
	border-bottom: 10px solid #fff;
	margin-top:-6px;
}
#globalNav ul li.parent > p span.open a.active:before {
	border-bottom-color:#eff9eb;
}
#globalNav ul li.parent > p span.open a:after {
	border-top:none;
	border-bottom: 10px solid #e1e1e1;
	margin-top:-7px;
}
#globalNav .childMenu {
	display:none;
	position:inherit;
	top:auto;
	left:auto;
	min-width:0;
	width:auto;
	border:none;
	padding:0;
	white-space:inherit;
	z-index:auto;
	box-shadow:none;
	transform:none;
}
#globalNav .childMenu li {
	float:none;
}
#globalNav .childMenu li a {
	width:auto;
	text-align:left;
	font-weight:normal;
	padding:10px 20px;
	border-top:none !important;
	border-bottom:1px solid #e1e1e1;
}
#globalNav .nav07 .childMenu {
	left:auto;
	right:auto;
}

/*ボタン用*/
#globalNav #button {
	display:block;
	position:fixed;
	right:10px;
	top:10px;
	cursor:pointer;
	background:#004499;
	width:50px;
	height:50px;
	z-index:10000;
	color:#fff;
	box-shadow: 0 0 30px rgba(0,0,0,0.2);
}
body.open #globalNav #button{
	box-shadow:none;
}
.tcon {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 10px;
  transition: 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 30px;
  background: transparent;
  outline: none;
  padding:0 10px;
  position:relative; }
  .tcon > * {
    display: block; }
  .tcon:hover,
  .tcon:focus {
    outline: none; }
  .tcon::-moz-focus-inner {
    border: 0; }
.tcon-txt {
	display:block;
	position:absolute;
	bottom:3px;
	left:0;
	font-weight:bold;
	text-align:center;
	font-size:10px;
	color:#fff;
	width:100%;
}
.tcon-menu__lines {
  display: inline-block;
  height: 3px;
  width: 30px;
  transition: 0.3s;
  background: #fff;
  position: relative; 
  margin-top:-9px}
  .tcon-menu__lines::before,
  .tcon-menu__lines::after {
    display: inline-block;
    height: 3px;
    width: 30px;
    transition: 0.3s;
    background: #fff;
    content: '';
    position: absolute;
    left: 0;
    -webkit-transform-origin: 2.85714px center;
    transform-origin: 2.85714px center;
    width: 100%; }
  .tcon-menu__lines::before {
    top: 7px; }
  .tcon-menu__lines::after {
    top: -7px; }
  .tcon-transform .tcon-menu__lines {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }

.tcon-menu--xcross {
  width: auto;height:50px; }
  .tcon-menu--xcross.tcon-transform .tcon-menu__lines {
    background: transparent; }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before,
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      top: 0;
      width: 30px; }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg); }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg); }

.tcon-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .tcon-visuallyhidden:active,
  .tcon-visuallyhidden:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }
	

/*　pageTop
-------------------------------------*/
#pageTop {
	background:#f4f4f4;
	position:inherit;
	bottom:auto;
	right:auto;
}
#pageTop img {
	display:none;
}
#pageTop a {
	display:block;
	width:100%;
	text-align:center;
	padding:10px 0;
}
#pageTop a span {
	color: #125eb3;
	font-weight: 900;
	font-family: 'Roboto', sans-serif;
}

/*　footer
-------------------------------------*/
footer {
	width:400px;
}
footer .footerIn .footer-Box {
	max-width:400px;
	margin: 0 auto;
	padding-top: 30px;
}
footer .footerIn .footer-Box .footer-info {
	max-width:400px;
	min-height:0 !important;
	margin:0 auto 30px;
	width:auto;
	border-right:none;
}
footer .footerIn .footer-Box .footer-info .fpic{
	float:left;
}
footer .footerIn .footer-Box .footer-info .ftxt{
	padding: 10px;
	float:left;
	width:60%;
	font-size:10px;
	line-height:1.0;
}
footer .footerIn .footer-Box .footer-info .ftxt h3 {
	font-size:11px;
	padding-top:8px;
	font-weight:bold;
}
footer .footerIn .footer-Box .footer-info .ftxt p {
	font-size:10px;
	text-align:left;
}

footer .footerIn .companyInfo  p {
	text-align:center;
}
footer .footerIn .companyInfo .txt {
	margin:15px 0 20px;
	text-align:left;
}
footer .footerIn .companyInfo .btn {
	width:auto;
}

footer .footerIn .footerMenu {
	background:#dcdddd;
	float:none;
	width:400px;
}
footer .footerIn .footerMenu .footerLeftBox {
    float:none;
    width:auto;
}
footer .footerIn .footerLeftBox ul.accordion:first-child {
    height:auto;
}
footer .footerIn .footerLeftBox ul.accordion .parent {
    display:block;
}
footer .footerIn ul.accordion li {
    width:auto !important;
	margin:0 !important;
}
footer .footerIn ul.accordion li img {
	display:none;
}
footer .footerIn ul.accordion .parent > p {
	margin:0;
}
footer .footerIn ul.accordion .parent > p span {
	background:url(../images/common/ico-footer_down_001.png) right 20px center no-repeat;
	background-size:20px auto;
}
footer .footerIn ul.accordion .parent > p span.open {
	background:url(../images/common/ico-footer_up_001.png) right 20px center no-repeat;
	background-size:20px auto;
}
footer .footerIn .footerMenu .footerRightBox {
    float:none;
    width:auto;
}
footer .footerIn ul.accordion {
	float:none;
}
footer .footerIn ul.accordion a {
	font-size:12px;
	display:block;
	width:auto;
	height:100%;
	padding:20px;
}
footer .footerIn ul.accordion a:hover {
	text-decoration:none;
}
footer .footerIn ul li {
	padding:0 !important;
	border-bottom:1px solid #aaa;
}
footer .footerIn ul li.parent p span {
	cursor:pointer;
	display:block;
	position:relative;
}
footer .footerIn ul li.parent p span a {
}
footer .footerIn .childMenu {
	margin:0;
}
footer .footerIn .childMenu li {
	margin:0;
	border-top:1px solid #aaa;
	border-bottom:none;
}
footer .footerIn .childMenu li:last-child {
	border-bottom:none;
}
footer .footerIn .childMenu li a {
	background:#fff;
	color:#333;
}
footer .footerIn .childMenu li br {
	display:none;
}
footer .footerIn ul li.nav01 {
	border-top:1px solid #aaa;
}

/* footerBanner */
footer .footerBannerIn {
	width:auto;
	margin:0;
	border-top:none;
	padding:30px 20px 10px;
	text-align:center;
}
footer .footerBanner li {
	margin:0 0 20px;
	max-width:229px;
}
footer .footerBanner li img {
	max-width:100%;
	height:auto;
}
footer .footerBanner li:nth-child(2n) {
	margin-right:0;
}
footer .colBox {
	width:auto;
	float:none;
}

/* copyright */
.copyright {
	padding:20px 0;
}

/*　footerNav
-------------------------------------*/
#fNav {
	background:#dcdddd;
	height:100px;
	float:none;
	width:auto;
}
#fNav nav ul {
	height:auto;
}
#fNav nav ul li {
	float:left;
	width: 250px;
}
#fNav nav ul li a {
	display: block;
	width: 100%;
	height:100px;
}
#fNav nav ul li:last-child a{
    border-right: 1px dotted #000;
}


/*==========================

　下層ページ

==========================*/
#page #content-wrapper {
	width:auto;
	padding-bottom:10px;
	background-size:100% auto;
}

/*　pageTtl
-------------------------------------*/
#page .pageTtl {
	margin:0 auto;
	background:none !important;
}
#page .pageTtl .inner {
	width:calc(100% - 40px);
	margin:15px 20px 10px;
	display:table;
	height:auto;
}
#page .pageTtl h2 {
	font-size:22px;
}
#page .pageTtl h2 span {
	display:none;
}
/*　pnkz
-------------------------------------*/
#pnkz {
	font-size:10px;
	margin-bottom:35px;
}
#pnkz span {
	padding:3px 0 3px 10px;
}

/*　pager
-------------------------------------*/
#pager {
	margin:50px 0 50px -50px;
	font-size:16px;
}
#pager span {
	display:inline-block;
	min-height:20px;
	margin-left:50px;
}
#pager .prev {
	background:url(../images/common/ico-arrow_pager_sp_001.png) left center no-repeat;
	background-size:contain;
	padding-left:25px;
}
#pager .next {
	background:url(../images/common/ico-arrow_pager_sp_002.png) right center no-repeat;
	background-size:contain;
	padding-right:25px;
}

/*　sidebar
-------------------------------------*/
#sidebar {
}
#sidebar figure {
	text-align:center;
}
#sidebar figure img {
	max-width:100%;
	height:auto;
}

}


@media screen and (max-width: 480px) {
	
#page #content-wrapper {
	background-size:auto 100px;
}

}


@media screen and (max-width: 460px) {

header {
	background-size:auto 50px,auto 60px;
	background-position:left top,right bottom 10px;
}
header .headLgo h1 a {
	width:116px;
	height:55px;
}
	
}