@charset "utf-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
a{
    background-color:transparent;
    -webkit-touch-callout:none;
				-webkit-tap-highlight-color:rgba(255,1255,102,0.40); 
}
.touchstyle { background-color:rgba(255	,255,102,0.40);}
.notouchstyle { background-color:transparent;}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
h1,h2,h3,h4,h5{
  line-height:1;
	font-size: 15px;
}
p,ul,dl ,address{
	line-height: 1;
	font-size: 16px;
}
ul ul ,
ul ol ,
dl ul,
dl ol{
  line-height:1;
	font-size: 16px;
}
table {
    border-collapse:collapse;
    border-spacing:0;
	font-size: 16px;
}
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
ol, ul {
    list-style: none;
}
iframe{ 
	width: 100%!important; 
}

/* ===================
clearfix 
===================*/ 
.clearfix:after {  
visibility:hidden;
height:0;
display: block;
font-size: 0;  
content: " ";  
clear: both;  
}  

/* ===================
リンク
===================*/
a { 
	outline: none; 
}
a:link {
	text-decoration: none;
	color: #024691;	
}
a:visited {
	text-decoration: none;
	color: #024691;	
}
a:hover {
	text-decoration: none;
	color: #024691;	
  opacity: 0.7;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
a:active {
	text-decoration: none;
	color: #024691;	
}
a:hover img{
  opacity: 0.9;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}


/*==========================================
 body
===========================================*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", 
		"Hiragino Kaku Gothic Pro", 
		"メイリオ", 
		Meiryo,
		 Osaka, 
			"ＭＳ Ｐゴシック", 
			"MS PGothic", 
			sans-serif;
	color: #024691;	
}
html { 
	font-size: 62.5%; 
} 
body {
	font-size:1.8rem;
}
p,ul,ol,dl,address{
	font-size:1.8rem;
}


/*==========================================
 header
===========================================*/
.header {
	padding-top: 10px;
	padding-bottom: 0px;
}
.logo {
	float: left;
	margin-left: 10px;
}
.logo img {
	width: 150px;
	height: auto;
}
.hNav {
	float: right;
	margin-top: 5px;
	font-size: 1.2rem;
	margin-right: 10px;
}

@media (min-width: 768px) {
	.logo img {
		width: auto;
	}
	.hNav {
		margin-top: 18px;
	}
}

/* opHeader
---------------------------------------------*/
.opHeader {
	background-image: url(../images/bg_color.png);
	background-position: top center;
	background-repeat: repeat-x;
	clear: both;
}
.opHeader .logo-op{
	padding-top: 40px;
	padding-bottom: 30px;
}
.opHeader .logo-op img.logo-opImg {
	display: block;
	float: left;
	margin-right: 30px;
	margin-bottom: 20px;
}
.opHeader .logo-op span {
	color: #fff;
	display: block;
	font-size: 2.8rem;
	margin-top: 50px;
}

@media (min-width: 768px) {
	.opHeader .logo-op span {
		font-size: 6.0rem;
	}
}


/*==========================================
 content
===========================================*/
/* TopicPath 
------------------------------*/
.TopicPathWrapp {
	background-color: #fff;	
}
.TopicPath{
	margin-top:18px;
	padding-bottom:14px;
	font-size: 1.4rem;
}
.TopicPath li {
	float: left;
	margin-right: 15px;
	line-height: 1.4;
}
.TopicPath li a {
	text-decoration: underline;
}
.TopicPath li a:hover {
	text-decoration: none;
}
.TopicPath li:before {
	margin-right: 10px;
	content: "\003e";
}
.TopicPath li:first-child:before  {
	margin-right: 0px;
}

.TopicPath li:first-child:before {
	content:" ";
}


/*==========================================
main
===========================================*/
.imgTitle {
	margin-bottom: 20px;	
	text-align: center;
}
.imgTitle img {
	width: auto;
	height: 80px;
}

@media (min-width: 768px) {
	.imgTitle {
		margin-bottom: 50px;	
	}
	.imgTitle img {
		height: auto;
	}
}


.BtnWrapp {
	margin-bottom: 100px;
}

/* margin 
------------------------------*/
.ml10 {
	margin-left:10px;
}
.mt0 {
	margin-top:0px;
}
.mt10 {
	margin-top:10px;
}
.mt20 {
	margin-top:20px;
}
.mt30 {
	margin-top:30px;
}
.mt40 {
	margin-top:40px;
}
.mt50 {
	margin-top:50px;
}

.mb0 {
	margin-bottom:0px;
}
.mb10 {
	margin-bottom:10px;
}
.mb20 {
	margin-bottom:20px;
}
.mb30 {
	margin-bottom:30px;
}
.mb40 {
	margin-bottom:40px;
}
.mb50 {
	margin-bottom:50px;
}
.mb80 {
	margin-bottom:80px;
}

/*  redTxt */
.redTxt {
	color: #FF000F!important;	
}
.atMark {
	color: #FF000F!important;
	/*font-weight: bold;*/
}


/* btn-time
------------------------------*/
.btn-time {
	margin-bottom: 40px;
}
.btn-time a {
	line-height: 1;	
	width: 100%;
	text-align: center;
	display: block;
	background-color: #ea864e;
	color: #fff;
	padding: 30px 20px;
	clear: both;
	border-radius: 4px;
  box-shadow: 0px 6px 1px -1px #af5523;
	font-size: 2.4rem;
	font-weight: 600;
}
.btn-time a{
	position: relative;
}
.btn-time a::before,
.btn-time a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	/*right: 15px;*/
	margin: auto;
	content: "";
	vertical-align: middle;
}
.btn-time a::before{
	right: 15px;
	width: 14px;
	height: 14px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media (min-width: 768px) {
	.btn-time a {
		font-size: 3.0rem;	
	}
}

/* pfWrapp
------------------------------*/
.pfList {
	margin-bottom: 50px;	
}
.pfWrapp p {
	line-height: 1.6;	
}
.btn-pf {
	position: relative;	
}
.pfImg {
	position: absolute;
	left: 10px;
	top: -20px;
	float: left;
	width: 100px;
}
.btn-pf a {
	line-height: 1;	
	width: 100%;
	display: block;
	text-align: right;
	border: 1px solid #4f87c5;
	padding: 20px 40px 20px 120px;
	clear: both;
	margin-top: 30px;
	border-radius: 4px;
  box-shadow: 0px 7px 1px -3px #4f87c5;
	font-weight: 600;
	position: relative;
	color: #4f87c5;
}
.btn-pf a::before,
.btn-pf a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	/*right: 15px;*/
	margin: auto;
	content: "";
	vertical-align: middle;
}
.btn-pf a::before{
	right: 15px;
	width: 14px;
	height: 14px;
	border-top: 3px solid #4f87c5;
	border-right: 3px solid #4f87c5;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn-pf p {
	font-size: 1.6rem;
}

@media (min-width: 768px) {
	.pfImg {
		position: absolute;
		left: 40px;
		top: -70px;
		float: left;
		width: auto;
	}
	.btn-pf a {
		padding: 40px 60px 40px 250px;
	}
	.btn-pf p {
		font-size: 3.2rem;
	}
}



/* bus
------------------------------*/
.busWrapp p {
	line-height: 1.6;	
}

p.btn-bus a {
	line-height: 1;	
	width: 100%;
	text-align: center;
	display: block;
	background-color: #024691;
	color: #fff;
	padding: 30px 20px;
	clear: both;
	margin-top: 30px;
	border-radius: 4px;
  box-shadow: 0px 6px 1px -1px #011e59;
	font-size: 2.8rem;
	font-weight: 600;
}
p.btn-bus a{
	position: relative;
}
p.btn-bus a::before,
p.btn-bus a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	/*right: 15px;*/
	margin: auto;
	content: "";
	vertical-align: middle;
}
p.btn-bus a::before{
	right: 15px;
	width: 14px;
	height: 14px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
@media (max-width: 992px) {
	p.btn-bus a {
		font-size: 1.8rem;
	}
}

p.btn-car a {
	line-height: 1;	
	width: 100%;
	text-align: center;
	display: block;
	background-color: #024691;
	color: #fff;
	padding: 30px 20px;
	clear: both;
	margin-top: 30px;
	border-radius: 4px;
  box-shadow: 0px 6px 1px -1px #011e59;
	font-size: 2.8rem;
	font-weight: 600;
}
p.btn-car a{
	position: relative;
}
p.btn-car a::before,
p.btn-car a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	/*right: 15px;*/
	margin: auto;
	content: "";
	vertical-align: middle;
}
p.btn-car a::before{
	right: 15px;
	width: 14px;
	height: 14px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
@media (max-width: 992px) {
	p.btn-car a {
		font-size: 1.8rem;
	}
}



/*==========================================
footer
===========================================*/
/* f-contactWrapp 
------------------------------*/
.f-contactWrapp {
	background-image: url(../images/bg_color.png);
	background-repeat: repeat;
	background-position: center bottom;
	color: #fff;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 40px;
	margin-bottom: 20px;
}
.f-contactWrapp h2 {
	text-align: center;	
	font-size: 2.2rem;
	font-weight: 600;
	margin-bottom: 30px;
}
.f-contactWrapp h3 {
	text-align: center;	
	font-size: 2.0rem;
	margin-bottom: 20px;
}

/* f-contact 
------------------------------*/
.f-contactListWrapp{
	text-align: center;	
	width: auto;
}
.f-contactList  {
	text-align: center;	
}
.f-contactList li {
	display: block;
	vertical-align: middle;
	margin-left: 50px;
	padding:10px 40px 10px 70px;
	line-height: 1.2;
	font-size: 2.0rem;
	min-height: 80px;
	text-align: left;
	margin-bottom: 10px;
}
.f-contactList li span {
	font-size: 2.0rem;
	display: block;
}
.f-contactList li a {
	color: #fff;
}
.f-contactList li.f-freeTel {
	background-image: url(../images/bg_free.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.f-contactList li.f-tel {
	background-image: url(../images/bg_tel.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.f-contactList li.f-mail {
	background-image: url(../images/bg_mail.png);
	background-repeat: no-repeat;
	background-position: left center;
}

@media (max-width: 992px) {
	.f-contactList {
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
		width: auto;
	}
	.f-contactList li{
		font-size: 15px;
		min-height: 40px;
	}
	.f-contactList li span{
		font-size: 12px;
	}
	.f-contactList li.f-freeTel {
		background-size: 40px auto; 
		background-position: left 10px center;
	}
	.f-contactList li.f-tel {
		background-size: 40px auto; 
		background-position: left 10px center;
	}
	.f-contactList li.f-mail {
		background-size: 40px auto; 
		background-position: left 10px center;
	}
}
@media (min-width: 993px) {
	/* f-contact */
	.f-contactListWrapp{
		text-align: center;	
		width: auto;
	}
	.f-contactWrapp h2 {
		font-size: 3.2rem;
	}
	.f-contactWrapp h3 {
		font-size: 2.4rem;
	}
	.f-contactList  {
		text-align: center;	
		display: table;
		width: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.f-contactList li {
		display: table-cell;
		vertical-align: middle;
		margin-left: 50px;
		padding-right: 40px;
		padding-left: 70px;
		line-height: 1.2;
		font-size: 3.0rem;
		text-align: left;
	}
}
	
/* kinjyoList 
------------------------------*/
.f-kinjoWrapp {
	margin-bottom: 30px;	
}
.kinjyoList {
	text-align: center;
}
.kinjyoList li {
	font-size:14px;
	display: inline-block;
  border-left: 1px solid #333;
	margin-bottom: 20px;
}
.kinjyoList li li+ li {
  border-right: 1px solid #333;
}
.kinjyoList li:last-child {
  border-right: 1px solid #333;
}
.kinjyoList li a{
	display: block;
	padding-left:20px;
	padding-right:20px;
}

/*copy*/
.copyright {
	clear:both;
	text-align:center;
}
.copyright small {
	font-size:11px;
	color: #333;
}

/* pagetop */
.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index:99;
	width: 40px;
	height: 40px;
}
.pagetop a {
	display: block;
	text-align: center;
	text-decoration: none;
}
.pagetop a:hover {
    display: block;
    text-align: center;
    text-decoration: none;
}

/* moreBtn */
.moreBtn {
	margin-bottom: 22px;	
}
.moreBtn a {
	line-height: 1;	
	max-width: 250px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	background-color: #024691;
	color: #fff;
	padding: 20px 40px 20px 20px;
	clear: both;
	margin-top: 30px;
	border-radius: 4px;
  box-shadow: 0px 6px 1px -1px #011e59;
	font-size: 1.8rem;
	font-weight: 600;
}
.moreBtn a{
	position: relative;
}
.moreBtn a::before,
.moreBtn a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	/*right: 15px;*/
	margin: auto;
	content: "";
	vertical-align: middle;
}
.moreBtn a::before{
	right: 15px;
	width: 14px;
	height: 14px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}