@charset "utf-8";
/* Basic Structure--------------*/
*{
	margin:0;
	padding:0;
}
html{
    position:relative;
    overflow-x:hidden;
}
body{
	overflow-x:hidden;
	margin:0;
	padding:0;
	width:100%;
}
fieldset{
	border:none;
}
a img{
  border:none;
}
form{
 margin:0;
}
/* Sentence, Character--------------*/
h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
	/*font-family:"ヒラギノ角ゴ Pro W3", sans-serif;*/
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#232f3e;
}
p,span{
	margin:0;
	padding:0;
	font-weight:normal;
	/*font-family:"ヒラギノ角ゴ Pro W3", sans-serif;*/
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#232f3e;
	line-height:1.5em;
}
/* jq_mobile--------------*/
.ui-collapsible-heading{
    display:block;
    margin:0;
    padding:0;
    position:relative;
}
.ui-collapsible-heading, .ui-collapsible-heading > .ui-btn{
    border-radius:inherit;
}
.ui-collapsible-content{
    display:block;
    margin:0;
}
.ui-collapsible-content-collapsed{
    display:none;
}
.ui-collapsible-content, .ui-collapsible-set .ui-collapsible.ui-last-child{
    border-bottom-left-radius:inherit;
    border-bottom-right-radius:inherit;
}
.ui-collapsible-inset .ui-collapsible-content{
    margin:0;
}
.ui-collapsible-heading-status{
    clip:rect(1px, 1px, 1px, 1px);
    height:1px;
    overflow:hidden;
    position:absolute !important;
    width:1px;
}
.ui-input-text input, .ui-input-search input {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    border-radius: inherit;
    margin: 0;
    min-height: 2.2em;
    text-align: left;
}
.ui-input-text input, .ui-input-search input, textarea.ui-input-text {
    box-sizing: border-box;
    display: block;
    line-height: 1.4em;
    outline: 0 none;
    padding: 0.4em;
    width: 100%;
}
.ui-btn {
    -moz-user-select: none;
    display: block;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ui-btn-icon-left::after, .ui-btn-icon-right::after, .ui-btn-icon-top::after, .ui-btn-icon-bottom::after, .ui-btn-icon-notext::after {
    content: "";
    display: block;
    height: 22px;
    position: absolute;
    width: 22px;
}
.ui-input-btn input {
    -moz-appearance: none;
    background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
    border: 0 none;
    border-radius: inherit;
    cursor: pointer;
    font-size: 1px;
    height: 100%;
    left: 0;
    opacity: 0.1;
    outline: 0 none;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 100%;
    z-index: 2;
}



/*h1Box-------------------------------------*/
#h1Box{
	position:absolute;
	left:5px;
	top:5px;
}
#h1Box h1{
	font-size:10px;
	color:#484848;
	line-height:10px;
}
#h1Box p.head{
	font-size:10px;
	color:#FFF;
	line-height:10px;
	letter-spacing:-0.001em;
}
em, address{
	font-style:normal;
	margin:0;
	padding:0;
}
/*h2-------------------------------------*/
h2{


}

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


	}
}
/* List--------------*/
ul, ol, li, dd, dt, dl{
	margin:0;
	padding:0;
	list-style-type:none;
	/*font-family:"ヒラギノ角ゴ Pro W3", sans-serif;*/
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#232f3e;
	line-height:1.5em;
}

/* table--------------*/
table,th,td{
	margin:0;
	padding:0;
	/*font-family:"ヒラギノ角ゴ Pro W3", sans-serif;*/
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* Anchor--------------*/
a{
	/*font-family:"ヒラギノ角ゴ Pro W3", sans-serif;*/
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#232f3e;
	text-decoration:none;
}
a:link{
	color:#232f3e;
	text-decoration:none;
}
a:visited{
	color:#232f3e;
	text-decoration:none;
}
a:hover{
	color:#232f3e;
	text-decoration:none;

}
a:active{
	color:#232f3e;
	text-decoration:none;
}
/* form------------------------------------*/
fieldset,legend,label,text,textarea,input{
	margin:0;
	padding:0;
	/*font-family:"ヒラギノ角ゴ Pro W3", sans-serif;*/
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/**#container{
	width:100%;
	margin:0;
	position:relative;
}**/
#contents{
	height:auto;
	overflow:hidden;
	position:relative;
	background-color:#eee;
}
#main{
	position:relative;
	top:0 ;
	width:100%;
	background-color:#fff;
}

/* pan------------------------------------*/
.pan {
  width: 100%;
  /*height: 100vh;*/
  position: absolute;
  top: 130px;
  left: 0;
}
.pan ul {
  width: calc(100% - 20px);
  margin: 0 auto;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  overflow: auto;
  white-space: nowrap;
}
.pan li {
  font-size: 20px;
  color: #484848;
  line-height: 1.2em;
  letter-spacing: -0.001em;
  display: inline;
}
.pan li a:after {
  content: "＞";
  color: #484848;
  margin: 0;
}
@media screen and (max-width:736px) {
  .pan {
    top: 69px;
  }
  .pan ul {
    width: calc(100% - 10px);
    margin: 0 auto;
  }
  .pan li {
    font-size: 10px;
    letter-spacing: -0.001em;
  }
}
/* Other--------------*/
.reset{
	clear:both;
}
/* menu--------------*/
/*#slideMenu{
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	height: auto;
	background: #FFF;
	z-index: 10000;
}*/
#slideMenu {
    position: fixed;
    top: 0;
	right: -100%;
	width: 100%;
    height: auto;
	background: #FFF;
    z-index: 3;
    -webkit-transition: .3s;
    transition: .3s
}
#slideMenu.is-active {
    opacity: 1;
    visibility: visible;
    right: 0;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none
}
#slideMenu.is-active::-webkit-scrollbar {
    display: none
}
#body-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

#slideMenu ul.menu01 li{
	border-bottom:1px solid #c9c9c9;
}
#slideMenu ul.menu01 li:last-child{
	border-bottom-style:none;
}
#slideMenu ul.menu01 li a{
	padding: 10px 20px;
	font-size: 28px;
	color: #232f3e;
	line-height: 2.5em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	display: block;
}
#slideMenu ul.menu01 li a::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	margin-top: -6px;
	border-top: 2px solid #232f3e;
	border-right: 2px solid #232f3e;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
#slideMenu ul.menu01 li ul.menu{
	overflow: hidden;
	zoom: 1;
}
#slideMenu ul.menu01 li ul.menu li{
	border-bottom-style:none;
}

#slideMenu ul.menu01 li ul.menu li a{
	width: 50%;
	border-right: #c9c9c9 solid 1px;
	border-bottom: #c9c9c9 solid 1px;
	color: #FFF;
	/*text-align:center;*/
	float: left;
	font-size: 24px;
	line-height: 1.5em;
	padding: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	background-color: #232f3e;
}
#slideMenu ul.menu01 li ul.menu li a::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin-top: -6px;
	margin-left:5px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
#slideMenu ul.menu05{
	width: 45%;
	height: auto;
	overflow: hidden;
	margin-left: 10px;
	margin-bottom: 20px;
	float: left;
	margin-top: 20px;
}
#slideMenu ul.menu05 li{
	float:left;
}
#slideMenu ul.menu05 li:nth-child(2){
	margin-right:30px;
}
#slideMenu ul.menu05 li a{
	display:inline-block;
}
#slideMenu ul.menu05 li img{
	width:100%;
	max-width:100px;
}
#slideMenu ul.menu06{
	width:45%;
	height:auto;
	overflow:hidden;
	margin-right:10px;
	margin-bottom:20px;
	float:right;
	margin-top: 20px;
}
#slideMenu ul.menu06 li{
	float:right;
}
#slideMenu ul.menu06 li button{
	background:none;
	border:0;
}
#slideMenu ul.menu06 li img{
	width:100%;
	max-width:68px;
}

@media screen and (max-width:736px){
#slideMenu ul.menu01 li a{
	font-size:14px;
}
#slideMenu ul.menu01 li ul.menu li a{
	font-size:12px;
}
#slideMenu ul.menu05{
	margin-left:5px;
	margin-bottom:10px;
}
#slideMenu ul.menu05 li:nth-child(2){
	margin-right:15px;
}
#slideMenu ul.menu05 li img{
	max-width:50px;
}
#slideMenu ul.menu06{
	margin-right:5px;
	margin-bottom:10px;
}
#slideMenu ul.menu06 li img{
	max-width:34px;
	}
}

/* Header--------------*/
/*#header{
	min-height:66px;
	padding-top:15px;
    margin-bottom: 35px;
	position:relative;
}*/
#header{
	min-height:66px;
	border-bottom:#232f3e solid 8px;
	padding-top:15px;
	padding-bottom:20px;
	margin-bottom: 68px;
	position:relative;
	box-sizing: border-box;
}
#header .logo{
	margin-left:10px;
}
#header ul{
	position:absolute;
	right:20px;
	top:15px;
}
#header ul li{
	float:left;
	margin-left:50px;
}
#header ul li button{
	background:none;
	border:0;
}
#header ul li i{
	font-size: 48px;
	color: #232f3e;
	text-align:center;
	/* line-height:16px; */
}
#header ul li i span.txt{
	font-size: 24px;
	display: block;
}

@media screen and (max-width:736px){
	/*#header{
		min-height:33px;
        margin-bottom: 20px;
	}*/
#header{
	min-height: 33px;
	padding-bottom: 10px;
	margin-bottom: 34px;
	border-bottom: #232f3e solid 4px;
	}
	#header .logo{
		margin-left:5px;
	}
	  #header .logo img{
		  height:32px;
	  }
	#header ul{
		right:10px;
	}
	  #header ul li{
		  margin-left:25px;
	  }
	    #header ul li img{
			height:33px;
		}
#header ul li i{
	font-size: 24px;
}
#header ul li i span.txt{
	font-size: 12px;
	/* display: block; */
}
}

/*prLink--------------*/
.prLink{
	margin:40px 10px;
}
  .prLink p{
	  font-size:24px;
	  color:#8bd816;
	  line-height:1.25em;
	  text-decoration:underline;
  }
  .prLink p:hover{
	  color:#FF9900;
  }

@media screen and (max-width:736px){
	.prLink{
		margin:20px 5px;
	}
	  .prLink p{
		  font-size:12px;
	  }
}

/*Footerbanner--------------*/
.footerBanner{
	width:100%;
	margin:10px 0 5px;
}

@media screen and (max-width:736px){
	.footerBanner img{
		width:100%;
		max-width:750px;
	}
}

/*Footer--------------*/
#returnTop{
	position:fixed;
	opacity:0.3;
	bottom:10px;
	right:10px;
}
#pageTop {
    position: fixed;
    bottom: 10px;
    right: 10px
}

.scroll-top {
    opacity: 0;
    transition: opacity .35s ease
}

.is-hide {
    pointer-events: none
}

#footer{
	/*border-top:#005bd1 solid 10px;*/
	border-top:#232f3e solid 10px;
	padding-top:30px;
}
#footer ul.footerLink{
	overflow:hidden;
	margin:0 10px 40px;
}
  #footer ul.footerLink li{
	  float:left;
	  margin-right:20px;
  }
#footer ul.footerMenu{
	overflow:hidden;
	text-align:center;
}
  #footer ul.footerMenu li{
	  font-size:28px;
	  color:#484848;
	  line-height:1.0em;
	  margin:0 10px 20px;
	  display:inline-block;
  }
  #footer ul.footerMenu li a{
	  color:#484848;
  }
#footer p.copyright{
	text-align:center;
	color:#484848;
	font-size:20px;
	margin-top:20px;
}

@media screen and (max-width:736px){
#footer{
	border-top:#232f3e solid 2px;
}

	#footer ul.footerLink{
		margin:0 5px 20px;
	}
	  #footer ul.footerLink li{
		  margin-right:10px;
	  }
	  #footer ul.footerLink li img{
		  height:55px;
	  }
	  #footer ul.footerMenu li{
		  font-size:14px;
		  margin:0 5px 10px;
	  }
	#footer p.copyright{
		font-size:10px;
	}
}
.ui-loader{
	display:none;
}