/* base
===============================================================*/
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd,tr {
	font-size: 14px;
	line-height: 1.6;
}

textarea {
	font-style:normal;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
	
	-webkit-border-radius : 0;
	-webkit-appearance : none;
	-webkit-tap-highlight-color : rgba(0,0,0,0);
}

body {
	color:#323232;
	background-color:#ffffff;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
}

.pc {
	display:none !important;
}

input.txt01 {
	-webkit-border-radius : 0;
	-webkit-appearance : none;
	-webkit-tap-highlight-color : rgba(0,0,0,0);
}


/* font
===============================================================*/
a { 
	color:#323232;
	text-decoration:none;
}
 
a:visited {
	color:#323232;
	text-decoration:none;
}

a:hover {
	color:#323232;
	text-decoration: underline; 
}

a:active {
	color:#323232;
	text-decoration: underline; 
}


/* Contents
===============================================================*/
div#AllBox{
	padding:85px 0 0 0;
}

div#Wrapper{
}

div#Top_Contents {
	
}

div#Contents {
	
}

div#Main {
	
}

div#SideBar {
		
}


div#Main ul.pan {
	display:none;
}


/* HeaderBox
===============================================================*/
div#HeaderBox {
	width:100%;
	height:56px;
	padding:28px 0 0 0;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	background-color:#e2f1f9;
	border-bottom:#b8b8b8 1px solid;
}

div#HeaderBox .header_inner {
	background-color:#fff;
}

.menu_btn {
	position:absolute;
	top:28px;
	left:0;
	width:50px;
	height:56px;
}

.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing:border-box;
}
.menu-trigger {
  width:50px;
  height:56px;
  display: block;
  position: absolute;
  top:0;
  right:0;
  z-index:50;
  transition: all .4s;
  color:#214674;
}
.menu-trigger span {
  position: absolute;
  left: 14px;
  width: 23px;
  height: 2px;
  background-color: #214674;
}

.menu-trigger span:nth-of-type(1) {
  top: 12px;
}
.menu-trigger span:nth-of-type(2) {
  top: 19px;
}
.menu-trigger span:nth-of-type(3) {
  top: 26px;
}

.menu_btn .t {
  position:absolute;
  top:34px;
  left:0;
  font-size:10px;
  width:100%;
  text-align:center;
  font-weight:bold;
  letter-spacing:0.05em;
  color:#214674;
}

.menu_btn .t2 {
	display:none;
  position:absolute;
  top:34px;
  left:0;
  font-size:10px;
  width:100%;
  text-align:center;
  font-weight:bold;
  letter-spacing:0.05em;
  color:#214674;
}

.active .menu_btn .t {
	display:none;
}

.active .menu_btn .t2 {
	display:block;
}

.active .menu-trigger span:nth-of-type(1) {
  -webkit-transform: translateY(10px) rotate(-45deg);
  transform: translateY(10px) rotate(-45deg);
}

.active .menu-trigger span:nth-of-type(2) {
  opacity: 0;
}

.active .menu-trigger span:nth-of-type(3) {
  -webkit-transform: translateY(-5px) rotate(45deg);
  transform: translateY(-5px) rotate(45deg);
}

div#HeaderBox .comp {
	position:absolute;
	top:28px;
	left:50px;
}

div#HeaderBox .comp img {
	height:56px;;
}


div#HeaderBox .logo {
	width:104px;
	margin:0 auto;
	text-align:center;
}

div#HeaderBox .logo a {
	text-decoration:none;
}

div#HeaderBox .logo a span {
	position:absolute;
	top:4px;
	left:0;
	width:100%;
	text-align:center;
	color:#214674;
}

div#HeaderBox .btn {
	position:absolute;
	top:28px;
	right:0;
}

div#HeaderBox .btn a {
	display:block;
	transition: all 300ms 0s ease;
}

div#HeaderBox .btn img {
	height:56px;
}

div#HeaderBox .tel {
	position:absolute;
	top:28px;
	right:58px;
}

div#HeaderBox .tel img {
	height:56px;
}


/* Navigation
===============================================================*/
div#Navigation {
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	top:85px;
	left:0;
	background-color:#0083cd;
	overflow: auto;
	 -webkit-overflow-scrolling: touch;
}

div#Navigation ul {
	padding:0 12px 200px;
}

div#Navigation ul li a {
	display:block;
	color:#fff;
	font-size:18px;
	padding:12px 0;
	border-bottom:#80c1e6 1px solid;
	background:url(../images/top/ar02.png) no-repeat right 0 top 50%;
	background-size:6px 10px;
}
div#Navigation ul li.ac a.l {
	background: url(/images/common/icon_ac.png) no-repeat right 0 top 50%;
	background-size:10px auto;
}
div#Navigation ul li.ac a.open {
	background: url(/images/common/icon_ac2.png) no-repeat right 0 top 50%;
	background-size:10px auto;
}

div#Navigation ul li:last-child a {
	border:none;
}
div#Navigation ul li ul.sub{
	display:none;
	padding-bottom:10px;
}


/* FooterBox
===============================================================*/
div#FooterBox {
}

div#FooterBox .banner {
	background-color:#f7f5f0;
	position:relative;
}

div#FooterBox .slick-box {
	padding:20px 0;
	background-color:#f7f5f0;
}

div#FooterBox .slick-slide {
	margin:0 10px;
	position:relative;
}

div#FooterBox .slick-slide img {
	height:30px;
}

.slick-list {
  margin-right: -12px;  /* ガター分ネガティブマージン */
}

.slick-prev {
	width:50px;
	height:70px;
	text-indent:-9999px;
	background:url(../images/common/left.png) no-repeat 0 0;
	background-size:50px 70px;
	border:none;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

.slick-next {
	width:50px;
	height:70px;
	text-indent:-9999px;
	background:url(../images/common/right.png) no-repeat 0 0;
	background-size:50px 70px;
	border:none;
	position:absolute;
	top:0;
	right:0;
	z-index:10;
}

.fx {
	border-top:#fff 1px solid;
}

.fx img {
	width:100%;
}

div#FooterBox .footer_wrapper .copy {
	padding:12px 0;
	text-align:center;
	color:#fff;
	font-size:12px;
	background-color:#bebebe;
}

div#FooterBox .footer_wrapper address {
	margin:0 auto;
	padding:20px 12px;
	position:relative;
	font-style:normal;
}

div#FooterBox .footer_wrapper address dl dt {
	padding:0 6px 0 0;
}

div#FooterBox .footer_wrapper address dl dt img {
	width:155px;
}

div#FooterBox .footer_wrapper address dl dd {
	padding:13px 0 0 0;
	line-height:1.3;
}

div#FooterBox .footer_wrapper address p.pri {
	position:absolute;
	top:25px;
	right:12px;
}

div#FooterBox .footer_wrapper address p.pri img {
	width:45px;
}

div#FooterBox .list_sp {
	background-color:#214674;
	padding:0 12px;
}

div#FooterBox .list_sp ul li {
	border-bottom:#90a3ba 1px solid;
}

div#FooterBox .list_sp ul li:last-child {
	border-bottom:none;
}

div#FooterBox .list_sp ul li a {
	display:block;
	color:#fff;
	padding:15px 15px 15px 0;
	background:url(../images/common/ar01.png) no-repeat right 50%;
	background-size:6px 10px;
}


/* SideBar
===============================================================*/