@charset "utf-8";

/*----------------------------------------------------------------------------------------------
	base
----------------------------------------------------------------------------------------------*/
html { -webkit-text-size-adjust: none; overflow-y:scroll;}
body {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	width:100%;
	height:100%;
	font-size:16px;
	color:#333;
}
a {
    -webkit-transition: .2s;
       -moz-transition: .2s;
        -ms-transition: .2s;
         -o-transition: .2s;
            transition: .2s;
}
a:link, a:visited	{ color:#5ec0cb; text-decoration: none;}
a:hover, a:active	{ color:#3bd8ea; text-decoration: none;}
p { line-height: 1.8;}
.clear-type {
    -webkit-transform-origin: 0 0;
    -webkit-transform: scale(1, 1.01);
        -moz-transform-origin: 0 0;
        -moz-transform: scale(1, 1.01);
        -ms-transform-origin: 0 0;
        -ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
        -o-transform-origin: 0 0;
        -o-transform: scale(1, 1.01);
}
/*PCで表示させないセレクタ*/
.sp_header {display:none;}
.pc_hidden{display:none;}

#header  {
  width: 100%;
  background-color: rgba(255,255,255,1);
  z-index: 999;
  position: relative;
  padding-bottom: 28px;
}
#header:after {
	content: "";
	display: block;
	clear: both;
}

/* #gnavi */
nav {
}
.sub_gnav {
  position: absolute;
  right: 0;
  top: 0;
}
.sub_gnav li {
  line-height: 1.2;
  margin-bottom: 7px;
}
.sub_gnav li a:hover img {
  filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/*----------------------------------------------------------------------------------------------
	page common
----------------------------------------------------------------------------------------------*/




/*----------------------------------------------------------------------------------------------
	footer area
----------------------------------------------------------------------------------------------*/
#nav-dock {
	height: 50px;
	width: 50px;
	position: fixed;
	bottom: 280px;
	right: 20px;
}
#nav-dock a {
	height: 50px;
	width: 50px;
	display: block;
	text-indent: -9999px;
	background-image: url(../img/btn_pagetop.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#nav-dock a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.footer {
  width: 100%;
  background: #d8d8d8;
  text-align: center;
  position: relative;
}
.footer:after,
.inner:after {
	content: "";
	display: block;
	clear: both;
}
.f_logo_bg {
  background: url(../img/f_bg_logo.png) no-repeat top center #fff;
  height: 139px;
  width: 100%;
}
.f_nav ul {
  padding-top: 38px;
  line-height: 1.6;
  margin-bottom: 126px;
}
.f_nav ul li {
  display: inline-block;
  font-size: 14px;
  border-right: 1px solid #000;
  padding: 0 2em;
}
.f_nav ul li:first-child {
  border-left: 1px solid #000;
}
.f_nav ul li a {
  color: #000;
}
.f_nav ul li a:hover {
  color: #666;
}
.f_id_logo {
  margin-bottom: 10px;
}
.copyright {
  width: 100%;
  font-size: 10px;
  color: #000;
  padding: 20px 0;
}

/*----------------------------------------------------------------------------------------------
	page area
----------------------------------------------------------------------------------------------*/

.btn {
  text-align: center;
}
.btn a {
  display: inline-block;
  position: relative;
  line-height: 1;
  padding: 12px 40px 12px 40px;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: #000;
  border: 1px solid #888;
  font-size: 16px;
}
.btn a:hover {
  color: #fff;
  background: #323232;
}

.btn.btn-lg a {
  font-size: 24px;
  padding: 18px 50px;
}
.btn.btn_gray a {
  font-size: 16px;
  padding: 14px 30px 14px 25px;
  background: #444;
  border: 1px solid #444;
}
.btn.btn_gray a::after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	margin-top: -2px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn.btn_gray a:hover {
  background: #E60A18;
  border: 1px solid #E60A18;
}
/*  ttl
--------------------------------------------------- */

/*----------------------------------------------------------------------------------------------
	COMMON
----------------------------------------------------------------------------------------------*/
.row:after,
.col:after {
	content: "";
	display: block;
	clear: both;
}
.col {
	display: block;
	float: left;
}
.fl { float: left !important;}
.fr { float: right !important;}

.mb05{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb55{ margin-bottom:55px;}
.mb60{ margin-bottom:60px;}
.mb65{ margin-bottom:65px;}
.mb70{ margin-bottom:70px;}
.mb75{ margin-bottom:75px;}
.mb80{ margin-bottom:80px;}
.mb85{ margin-bottom:85px;}

.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}

.mb1em{ margin-bottom:1em;}
.mb2em{ margin-bottom:2em;}
.mb3em{ margin-bottom:3em;}
.mb4em{ margin-bottom:4em;}
.mb5em{ margin-bottom:5em;}

.mr10 { margin-right: 10px;}
.wrap960 {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.wrap830 {
  width: 830px;
  margin-left: auto;
  margin-right: auto;
}
.ctb {
    text-align: center;
}
.ac {
    text-align: center;
}
.al {
    text-align: left;
}
.ar {
    text-align: right;
}
a.hover img,
a img{
    -webkit-transition: .2s;
       -moz-transition: .2s;
        -ms-transition: .2s;
         -o-transition: .2s;
            transition: .2s;
}
a.hover:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.imgChange {}
/*----------------------------------------------------------------------------------------------
	txt
----------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------
	sp
----------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px){


}