@charset "UTF-8";

/* ****************************************************
Title: base.css
***************************************************** */
a:link    {color: #900; text-decoration:none;}
a:visited {color:#900; text-decoration:none;}
a:hover   {color:#900; text-decoration:underline;}
a:active  {color:#900; text-decoration:none;}

h1 {  }


a .fa {color:#fff;}
.tel_sns .fa-3 {font-size: 1.8em;}


/* # body
---------------------------------------------------------------------------- */
body {
	background:#840B15;
	padding: 0 60px;
}


/* # header
---------------------------------------------------------------------------- */
#header {
	width:1000px;
	margin:0 auto;
	height: 65px;
}

#header #logo {margin:19px auto 0; width:216px;}
#header .tel_sns {display:table; margin-top:10px;}
#header p {display:table-cell;vertical-align:middle;}
#header p img {vertical-align: top;}
#header .tel {padding-right: 1.5em;}
#header p a:hover .fa {color:#C00;}

/* # gNavi
---------------------------------------------------------------------------- */
#nav {width: 1000px;margin: 0 auto;}
#nav ul li {float: left;}

#nav {width: 1000px;margin: 0 auto;}
#nav ul li {float: left;}
#nav ul li{position:relative;}
#nav.topnav ul ul{display:none;position:absolute;top:100%;left:0;background:#fff;z-index:50;font-size:90%;border-top:solid 3px #ccc;}
#nav.topnav ul ul.about {left: -25%;}
#nav ul ul{display:none;position:absolute;top:100%;left:-50%;background:#fff;z-index:50;font-size:90%;border-top:solid 3px #001234;}
#nav ul ul li{float:none;width:167px; text-align: center;}
#nav li ul a {background: #f1f1f1;line-height:1.5;padding:0.5em 0;width:100%;display:block;border-bottom: 1px solid #ccc;color:#666;}
#nav li ul a:hover {font-weight:bold;color:#b20000;text-decoration:underline;}
#nav ul ul ul{top:0;left:100%}
#nav ul li:hover > ul{display:block}


/* # pageBody
---------------------------------------------------------------------------- */
#pagebody {background: #fff;}
#pagebody .va {position:relative;}
#pagebody .va img {width:100%;}

/* # content
---------------------------------------------------------------------------- */
#contents {width:1000px;margin: 0 auto;}
#contents2 {width:100%;margin: 140px auto 0;}

#contents .bar,
#contents2 .bar {margin: 0 auto 2em;}

#contents.secondpage {padding:100px 0;}



/* # footer
---------------------------------------------------------------------------- */
#footer {font-size:89%;color:#fff; height:60px; padding-top:40px;	background:#840B15;}
#footer .foot_cont {width:1000px;margin:0 auto;}
#footer .address {text-align:center;}


/* # lNavi
---------------------------------------------------------------------------- */
#f_nav {
}



/* その他
---------------------------------------------------------------------------- */
.imgover {}

.dis_none {display: none;}
body .sp_dis {display: none !important;}
.switch {visibility:hidden;}
.bold{font-weight:bold;}
.red {color:red;}
.fl {float:left;}
.fr {float:right;}
.stxt {font-size:85%;}
.mtxt {font-size:115%;}
.mltxt {font-size:125%;}
.ltxt {font-size:150%;}
.w1200 {width:1200px; margin: 0 auto;}
.w1100 {width:1100px; margin: 0 auto;}
.w1000 {width:1000px; margin: 0 auto;}
.w100{width:100%;}
.dc {display:block; text-align:center;}
.ma {margin-left: auto; margin-right: auto;}
.flex {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.jc_sb {-webkit-justify-content:space-between;justify-content:space-between;}
.jc_sa {-webkit-justify-content:space-around;justify-content:space-around;}
.jc_ce {-webkit-justify-content:center;justify-content:center;}
.fl_wp {flex-wrap:-webkit-wrap; flex-wrap:-moz-wrap;flex-wrap:-ms-wrap;flex-wrap:wrap;}
.ai_ce{-webkit-align-items: center;  align-items: center;}
.txtc {text-align:center;}
.btn:hover {opacity:0.7;}

/* ----------------------------------------
  マージン設定
---------------------------------------- */
.m0{margin:0px;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}

.mt0{margin-top:0px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

.mr0{margin-right:0px;}
.mr3 {
	margin-right:3px;
}
.mr5{margin-right:5px;}

.mr10 {
	margin-right:10px;
}

.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}

.ml0{margin-left:0px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb35 {
	margin-bottom:35px !important;
}

.mb40{margin-bottom:40px !important;}

/* ----------------------------------------
  余白設定
---------------------------------------- */
.p0{padding:0px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}

.pl0{padding-left:0px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}

.pr0{padding-right:0px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}

.pt0{padding-top:0px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}

.pb0{padding-bottom: 0px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}

.ptb0{padding-bottom: 0px;padding-top: 0px;}
.ptb5{padding-bottom: 0px;padding-top: 0px;}
.ptb10{padding-bottom: 10px;padding-top: 10px;}
.ptb15{padding-bottom: 15px;padding-top: 15px;}
.ptb20{padding-bottom: 20px;padding-top: 20px;}
.ptb30{padding-bottom: 30px;padding-top: 30px;}
.ptb40{padding-bottom: 40px;padding-top: 40px;}

.plr0{padding-left: 0px;padding-right: 0px;}
.plr5{padding-left: 0px;padding-right: 0px;}
.plr10{padding-left: 10px;padding-right: 10px;}
.plr15{padding-left: 15px;padding-right: 15px;}
.plr20{padding-left: 20px;padding-right: 20px;}
.plr25{padding-left: 25px;padding-right: 25px;}
.plr30{padding-left: 30px;padding-right: 30px;}
.plr40{padding-left: 40px;padding-right: 40px;}

/* ----------------------------------------
  行間
---------------------------------------- */
.lh110{line-height:110%;}
.lh120{line-height:120%;}
.lh130{line-height:130%;}
.lh140{line-height:140%;}
.lh150{line-height:150%;}
.lh160{line-height:160%;}
.lh170{line-height:170%;}
.lh180{line-height:180%;}
.lh190{line-height:190%;}
.lh200{line-height:200%;}

/* clearfix
---------------------------------------------------------------------------- */

.clearfix:after {
  content: ".";  /* æ–°ã—ã„è¦ç´ ã‚’ä½œã‚‹ */
  display: block;  /* ãƒ–ãƒ­ãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã« */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*Â¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*
behavior: url(/css/pie/PIE.htc); 
*/


/* rwd nav 
=================================*/
@media screen and (max-width: 740px) {
body {padding: 0 1em;}


body .pc_dis {display: none;}
body .sp_dis {display: block !important;}

#header {display:none;}

/* common swd
---------------------------------------------------------------------------- */
body .fl,
body .fr {
	float:none;
}

.fl_swd {float:left;}
.fr_swd {float:right;}

.fl_wps {flex-wrap:-webkit-wrap; flex-wrap:-moz-wrap;flex-wrap:-ms-wrap;flex-wrap:wrap;}

.w100{
	width: 100% !important;
}

#nav {width: auto;margin: inherit;}

/* # pagebody
---------------------------------------------------------------------------- */
#pagebody {font-size: 115%;color: #52524B;}
#contents {width:100%;margin: 0 auto;}

#contents.secondpage {padding:50px 0;}

#footer {padding-top:1em; font-size:75%;}
#footer .foot_cont {width:100%;margin:0 auto;text-align:center;}

/* clearfix
---------------------------------------------------------------------------- */

.clearfix_swd:after {
  content: ".";  
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix_swd {
  min-height: 1px;
}

* html .clearfix_swd {
  height: 1px;
  /*Â¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


}


@media screen and (min-width: 640px) {
#pagebody .va .symbol {width: 212px;height:212px;}
#pagebody .va .symbol img {width:100%;}

}


@media screen and (min-width: 1024px) {
#pagebody .va .symbol {width: 212px;height:212px;}
}