@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box;}
* > *:last-child{margin-bottom: 0;}
html{overflow-x:hidden;overflow-y:scroll;}
.html{line-height:normal;}

p{margin: 0;}
p + p{margin-top: 10px;}

@font-face{font-weight:normal;font-style:normal;font-family:'swis721';src:url('../fonts/swis721btl.woff') format('woff');}
@font-face{font-weight:bold;font-style:normal;font-family:'swis721';src:url('../fonts/swis721btb.woff') format('woff');}

@font-face{font-weight:normal;font-style:normal;font-family:'square';src:url('../fonts/square-r.woff') format('woff');}
@font-face{font-weight:bold;font-style:normal;font-family:'square';src:url('../fonts/square-r.woff') format('woff');}


@font-face{font-weight:normal;font-style:normal;font-family:'nsjp';src:url('../fonts/nsjp-light.woff') format('woff');}
@font-face{font-weight:bold;font-style:normal;font-family:'nsjp';src:url('../fonts/nsjp-medium.woff') format('woff');}

@font-face{font-weight:normal;font-style:normal;font-family:'nsjp-b';src:url('../fonts/nsjp-bold.woff') format('woff');}
@font-face{font-weight:bold;font-style:normal;font-family:'nsjp-b';src:url('../fonts/nsjp-bold.woff') format('woff');}

body,input,select,textarea{font-family:'swis721','nsjp','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;font-size:100%;}
body{font-size:14px;line-height:28px;color:#333;min-width:100%;background: #fff;}

/* bootstrap reset */
h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;line-height:inherit;color:inherit;font-family:'swis721','nsjp','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;}


i[class*="fa-"]{margin-right: 0.5em;}


.text-danger{color:#f10077;}

.breadcrumb{font-size: 12px;margin-bottom: 30px;}

.row + .row{margin-top: 0;}

.container-fruid:before{
	content: "" ;
	max-width:1170px;
	width:100%;
}


.main_bg {	background: #f0edf4;}
#mainCarousel .carousel-indicators {position: static;width: 101.5%;margin: 0 auto;margin-left: -0.75%;}
#mainCarousel .carousel-indicators > li{float: left;border:1px solid #999;width: 23.5%;height: auto;border-radius: 0;margin: 0 0;background-size:contain;background-position:center center;background-repeat:no-repeat;}
#mainCarousel .carousel-indicators > li{margin:0 0.75%;}
#mainCarousel .carousel-indicators > li img{opacity:0.5;}
#mainCarousel .carousel-indicators > li.active img{opacity:1;}

section{
	background:#fff;
	padding-top: 70px;
	position:relative;
	z-index:1;
}

/* header footer */
#header{
	padding:0;
	margin: 0;
	position: relative;
	width: 100%;
	z-index: 1000;
	/*height:100px;*/
	background: #003586;
}

#header:after {
  border-top: 36px solid #003586;
  border-right: 36px solid transparent;
  border-left: 36px solid transparent;
  content: '';
  margin-left: -34px;
  position: absolute;
  bottom: -36px;
  left: 50%;
}

.jumbotron p {
    font-size: 16px;
    font-weight: 200;
    margin-bottom: 15px;
}

/*title
-----------------------------------------------*/

.h2_tit01{
	font-size:160%;
	text-align:center;
	display:block;
	color:#d9ea48;
	line-height:90px;
}

.h3_tit01{
	font-size:30px;
	font-weight: bold;
	margin-bottom: 24px;
	color: #003586;
	margin-top: 2em;
}

.h3_tit01_1{
	font-size:22px;
	font-weight: bold;
	margin-bottom: 24px;
	color: #fff;
	margin-top: 1.5em;
}

.h3_tit01_2{
	font-size:30px;
	font-weight: bold;
	margin-bottom: 24px;
	color: #fff;
	margin-top: 1em;
	margin-bottom:2em;
}

.h3_tit02{
	font-size: 24px;
	font-weight: normal;
	color: #d9ea48;
	margin-bottom: 1em;
}


.h3_tit03{
	position: relative;
	border-bottom: 3px solid #003586;
	margin-bottom:30px;
	font-size: 30px;
	color: #003586;
	padding-bottom: 8px;
}

.h3_tit03:before{
		position: absolute;
		content: " ";
		display: block;
		border-bottom: solid 3px #e743a4;
		bottom: -3px;
		width: 15%;
}

.h3_tit04{
	border-bottom: 3px solid #003586;
	margin-bottom:30px;
	font-size: 30px;
	color: #003586;
	padding-bottom: 8px;
}

.h3_tit05{
	font-size:18px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #ffffff;
	margin-top: 2em;
}

#set-info{ width: 100%; display: table; font-size: 12px;text-align:center;}
#set-info .set-address{	display: table-cell;	text-align: right;	padding: 0px;	vertical-align: bottom;	line-height: 1.5;}
#set-info .set-address p{	font-size:100%; margin-top:0px;margin-bottom:0px;}
#set-info .set-address .btn { border-radius:3px; background:#000000; line-height:1; padding:0 10px; color:#FFFFFF;}
#set-info .set-address .btn a, #set-info .set-address a:hover, #set-info .set-address a:active, #set-info .set-address a:focus { color:#FFFFFF;}
#set-info .set-contact{ width: 50%; display: table-cell; text-align: center; padding: 5px 0 5px 20px; vertical-align: bottom;}
footer #set-info .set-address{	display: block;	text-align: center;	padding: 5px 10px;	vertical-align: bottom;	line-height: 1.5;}
footer #set-info .set-address .btn { border-radius:3px; background:#000000; line-height:1; padding:0 10px; color:#FFFFFF;}
footer #set-info .set-contact{	text-align: center;	padding: 5px;	vertical-align: bottom;}
footer #set-info .set-tel { font-size:180%;}

#set-info .set-contact .set-contact-tit{ display: block; color: #0168b7; font-weight: bold; margin-bottom: 15px; line-height: 1;}
.well-default{ padding: 5px; line-height: 1; border:1px solid #ccc; text-align: center; display: block; margin-top: 5px;}
#logo{margin: 0;}
.flogo{margin-bottom:20px;text-align:center;}

#banner-area{background: #ccc;padding: 10px 0;margin-bottom: 40px;}
.img-bordered img{border:1px solid #333;}
#voice{margin-bottom: 45px;}

/* navigation */
.nav-justified	{padding:15px 0;display: table;width: 100%;table-layout: fixed;}
.nav-justified > li {display: table-cell;width: 20%;border-left:1px solid #ccc;	font-weight: bold;}
.nav-justified > li:last-child {	border-right:1px solid #ccc;}

.nav-justified > li > a,
.nav-justified > li > a:hover,
.nav-justified > li > a:active,
.nav-justified > li > a:focus,
.nav-justified > li.active > a {color:#000000;background:transparent;font-size: 14px;line-height: 1;font-weight: normal;padding: 6px 0;}

.nav-justified > li > a > small,
.nav-justified > li > a:hover > small,
.nav-justified > li > a:active > small,
.nav-justified > li > a:focus > small,
.nav-justified > li.active > a > small	{	color:#666666; display: block; font-size: 10px; margin-top: 3px; font-weight: normal;}

.nav-justified > li > a					{background:transparent;}
.nav-justified > li > a:hover,
.nav-justified > li > a:active,
.nav-justified > li > a:focus,
.nav-justified > li.active > a			{	background:#CBCBED;}
.btn,.btn-sm{border-radius:0;}

.navbar{margin-bottom: 0;border-radius: 0;border: none;min-height:1px;}

.nav-justified li.dropdown > a > strong{margin-right: 0.5em;}


.copy-type-1{
	font-size: 38px;
	font-weight: 100;
	color:#023994;
	margin-bottom: 30px;
}
.copy-type-1 small{font-size: 18px;color:#00a0e9; color:#000;}
.copy-type-2{padding-top: 30px;font-size: 40px; font-weight: bold;color:#00a0e9;text-align: center;margin-bottom: 20px;}
.copy-type-3{font-size: 20px;padding-top: 20px;margin-bottom: 30px;color:#00a0e9;}
.copy-type-4{font-size: 36px;padding-top: 60px;margin-bottom: 30px; color:#000000;}
.copy-type-4 > span{color:#c06;}
.copy-type-4 small{font-size: 24px;display: inline-block;font-weight: bold;margin-right: 5px;}
.copy-type-4 > small > span{font-size: 24px;display: inline-block;color:#036;}
.copy-type-5{font-size: 18px;margin-bottom: 20px;display: table;}
.copy-type-5 i{color:#036;font-size: 21px;padding-right: 10px;display: table-cell;}
.copy-type-5 span{display: table-cell;}
.copy-type-6{font-size: 40px; font-weight: bold;color:#00a0e9;text-align: left;margin-bottom: 60px;}
.indent-15{padding: 0 15px;}
.text-size-18{font-size: 18px;line-height: 36px;}
.text-xlg{font-size: 60px;font-weight: bold;}
.text-navy{color:#036;}
.btn-navy{background: #036; color:#fff;}
.btn-navy:hover{opacity:0.8; color:#fff;}
.btn-lg{font-size: 16px;padding: 15px 16px;}

.table-news{width: 100%;table-layout: fixed;margin-bottom: 45px;}
.table-news th{vertical-align: top;padding: 10px 10px 0 0;;}
.table-news th span{display: inline-block;padding: 10px;background: #000; color: #fff;text-align: center;font-size: 14px;font-weight: normal; padding:3px 5px; line-height:1; margin-bottom:5px;}
.table-news th h3{font-size: 16px; padding-top:5px;}
.table-news td{vertical-align: top;border-bottom: 1px solid #ccc;padding: 30px 0 30px 0;}
.table-news td.news_txt { width:90%;}

.img-bordered-gray{border:1px solid #ccc;}
.bg-gradation-gray { border-bottom:solid 2px #f5f5f5; border-top:solid 2px #f5f5f5;
	background:-prefix-linear-gradient(top, white, #e9e9e9);
	background: linear-gradient(to bottom, white, #e9e9e9);}
.bg-black { border-top:solid 2px #f5f5f5;background:#000000;}

.title-1{    font-size: 40px;    text-align: center;    margin-bottom: 45px;}
.title-2{    font-size: 60px;    margin-bottom: 45px;}
.title-2 small{    font-size: 24px;    display: inline-block;    margin-left: 30px;}
.box-bdr-1{ padding:20px;background:#ffefef;}

.box-type-1{ margin-bottom:20px;}
.box-type-1 h3{display: table;font-weight:bold;font-size: 16px;width: 100%;}
.box-type-1 h3 strong{
    font-weight: bold;
    font-size: 36px;
    color: #00a0e9;
    display: inline-block;margin-right: 5px;
    display: table-cell;
    width: 40px;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0 10px 15px;
}
.box-type-1 h3 span{
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	padding: 10px 15px 0;
	font-size:15px;
	color:#333;
}
.box-type-1 p{padding: 0 15px;}
.cal { margin-bottom:30px;}
.access_txt { text-align:left; color:#FFFFFF;}
.access_txt span { border-radius:3px; border:1px solid #999; width:70px; display:inline-block; text-align:center; padding:0; line-height:1;}
.gm {  margin:0 auto 20px;}
/* footer */
#footer{
	padding:20px 0 0;
	background: #11347c url(../images/f_bg.jpg) repeat-x center top;
	color:#fff;
}
footer nav{padding:20px 0 20px 40px;}
footer nav ul{list-style: none;font-size: 12px;}

#copyright{font-size: 11px;text-align: center;display: block;margin-top: 10px;background: #fff;border-top: 1px solid #ccc; color:#333;}

body a,body a:hover,body a:active,body a:focus{text-decoration: none;outline:none;color:#2f4d93;outline:none;}
#footer a:link, #footer a:visited { color:#fff;}
#footer a:hover, #footer a:active { color:#eee;}

a:hover img{opacity:.7}

.large { font-size:120%;}
.xlarge { font-size:150%;}

.news { margin-bottom:30px; padding:10px 20px; text-align:left; border-bottom:1px dotted #999999;}
.news table { width:100%; text-align:left;}
.news span{display: inline-block;padding: 10px;background: #000; color: #fff;text-align: center;font-size: 14px;font-weight: normal; padding:3px 5px; line-height:1; margin-bottom:5px;}
.news h3{font-size: 16px; padding:5px;}
.news_txt { padding:5px;}
span.btn-page{border-radius:0; background:#000; text-align:center; display:inline; font-weight:bold;}
span.btn-page a{ display:block; color:#FFF; background:#000; border-radius:5px; width:50%; margin:0 auto 40px; padding:5px;}
span.btn-page a:hover{background:#666;}
table.price { margin-bottom:50px; padding-bottom:20px; border-bottom:1px dotted #999999; width:100%;max-width:100%;height:auto}
table.price th{
	width : 70%;
	border-top:1px dotted #CCCCCC;
	padding: 8px 5px;
	font-size:100%;
}
table.price td{
	width : 30%;
	border-top:1px dotted #CCCCCC;
	margin-left : 20%;
	padding: 8px 1%;
	font-size:100%;
	text-align:right;
}
/* margin / padding */
.mt-130{margin-top: -130px;}

.mt-xlg-{margin-top: -45px !important;}
.mt-lg-{margin-top: -30px !important;}
.mt-md-{margin-top: -20px !important;}
.mt-sm-{margin-top: -10px !important;}
.mt-xs-{margin-top: -5px !important;}

.mt0{margin-top: 0 !important;}

.mt-xlg{margin-top: 45px !important;}
.mt-lg{margin-top: 30px !important;}
.mt-md{margin-top: 20px !important;}
.mt-sm{margin-top: 10px !important;}
.mt-xs{margin-top: 5px !important;}

.mb0{margin-bottom: 0 !important;}
.mb-xxs{margin-bottom: 5px !important;}
.mb-xs{margin-bottom: 10px !important;}
.mb-sm{margin-bottom: 15px !important;}
.mb-md{margin-bottom: 20px !important;}
.mb-lg{margin-bottom: 30px !important;}
.mb-xlg{margin-bottom: 45px !important;}

.no-margin { margin:0 !important;}

/* 文字カラー設定 
-------------------------------------------------*/
.red{color:#e60012;}
.pink{color:#ffc0cb;}
.purple{color:#8214ff;}
.blue{color:#06c;}
.skyblue{color:#0cc;}
.green{color:#008000;}
.yellow{color:#ffc;}
.orange{color:#ffa500;}
.brown{color:#a52a2a;}
.white{color:#fff;}
.gray{color:#ccc;}
.black{color:#333;}
.gold{color:#960;}

.clr{clear:both;}

.table-bordered{border-spacing:0;border-collapse:collapse;width:100%;}
.table-bordered th{width: 1%;white-space: nowrap;padding:14px !important;line-height: 1.5;background: #f6f6f6;}
.table-bordered td{width: 99%;padding:14px !important;background: #fff;line-height: 1.5;}

.navbar-collapse{padding: 0;}
br.dn{display: none;}

#pagetop {position: fixed; bottom:10px; right: 10px;width: 76px;height: 76px;cursor:pointer;background: url(../images/common/pagetop.png);}

.title-common-1{font-size: 22px;border-bottom:3px solid #0266B4; padding-bottom: 12px;margin-bottom: 30px;color: #0266B4;}
.title-common-2{font-size: 18px;border-left:3px solid #0266B4; padding-left: 12px;margin-bottom: 15px;color: #0266B4;}

/*---追加の設定-----------------------------*/
/*TOP*/
.intro_h3 {	font-weight:normal;	color:#63297E;	margin-bottom:10px;	font-size:110%;	font-weight:bold;	margin-bottom:20px;	text-align:center;}
/*Product*/
.product_box { border-bottom:3px dotted #CCCCCC; margin-bottom:30px; padding-bottom:30px;}
.product_info {}
.product_info dl { width:100%; border-top:1px dotted #CCCCCC; clear:both; margin-bottom:0;}
.product_info dl dt { border-bottom:1px dotted #CCCCCC; padding:5px 10px; background:#D9FBFF;}
.product_info dl dd { border-bottom:1px dotted #CCCCCC; padding:5px 10px; background:#FFFFFF;}
.topics_box { margin-bottom:30px; border-bottom:2px dotted #999999;}

.page_h3 {
	font-weight:normal;
	color:#8214ff;
	margin-bottom:10px;
	font-size:110%;
	font-weight:bold;
	margin-bottom:20px;
	text-align:center;
}

.btn-black {
    background-color: rgba(0,0,0,0.7);
    /*border-color: #000;*/
    color: #fff;
}

.btn-black:focus, .btn-black.focus {
    background-color: rgba(0,0,0,0.9);
    /*border-color: #000;*/
    color: #fff;
}
.btn-black:hover {
    background-color: rgba(0,0,0,0.9);
    /*border-color: #000;*/
    color: #fff;
}

.btn-white {
    background-color: rgba(255,255,255,0);
    border: 2px solid #000;
    color: #000;
    padding: 10px 40px;
}
.btn-white:focus, .btn-white.focus {
    background-color: rgba(255,255,255,0.5);
    border-color: #8c8c8c;
    color: #333;
}
.btn-white:hover {
    background-color:rgba(255,255,255,0.5);
    color: #333;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color: #e6e6e6;
    border-color: #adadad;
    color: #333;
}

/*マウスオーバーで画像を拡大する*/
img.grow {
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	overflow:hidden;
	width:100%;
}

img.grow:hover {
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
	overflow:hidden;
	z-index:0;
}

/*上にスライドしながらフェードイン*/

.target{
	opacity: 0;
 transform: translate(0, 60px);
 -webkit-transform: translate(0, 60px);
 transition: .8s;
}

.fadeInUp {
	opacity: 1.0;
 transform: translate(0, 0);
 -webkit-transform: translate(0, 0);
}