@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: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}
body{font-size:15px;line-height:1.8;color:#000;min-width:100%;background: #fff;}
body a,body a:hover,body a:active,body a:focus{text-decoration: none;outline:none;color:#23527c;outline:none;}
/* 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:
	Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", 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%;
}

article > section{padding: 40px 0 40px ; border-top:1px solid #ccc;
}
article > section:first-child{padding: 80px 0 30px; border-top:1px solid #ccc;
}
article > section#report {padding: 0;}
article#page > .container > article > section + section{padding: 0;margin-top: 60px;}

article#page > .container > article > h2{color:#fff;z-index: 2;padding: 30px 15px;background: #0164ac;margin-top: 60px;margin-bottom: 30px;}


.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;
	position:relative;
	z-index:1;
	border-top:1px solid #dddddd;
}

/* header footer */
#header{
	margin: 0 auto;
 position: fixed;
 z-index: 999;
 font-size: 12px;
 color: #000;
 background: rgba(255, 255, 255, 0.8);
 top: 0;
 left: 0;
 right: 0;
 display: block;
 padding: 0 30px;
}
#set-info{
    width: 100%;
    display: table;
    font-size: 12px;
}
#set-info .set-address{
    width: 50%;
    display: table-cell;
    text-align: right;
    padding: 5px 20px;
    vertical-align: bottom;
    border-left:1px solid #ccc;
    line-height: 1.5;
}
#set-info .set-contact{
    width: 50%;
    display: table-cell;
    text-align: right;
    padding: 13px 0 0 42px;
    vertical-align: bottom;
}
#set-info span.set-tel{
	font-size:24px;
}

#set-info span.set-tel small{
	font-size:14px;
}

.set-add{
				display:block;
    background:#333333;
				color:#fff;
				text-align:center;
    font-size: 11px;
				padding:0px 12px;
				margin-bottom:5px;
}

#set-info .btn-sm{
	padding: 5px 30px;
font-size: 12px;
line-height: 1.5;
border-radius: 4px;
}

#wrapper{
	position: absolute;
	width: 100%;
	top: 85%;
	background: #fff;
}

	#header .container{display: block;padding: 0;}
	#header .row {
 margin-bottom: 0px;
}

.btn-support{background: #1b508f;color:#fff;font-size: 13px;line-height: 18px;padding: 5px 10px; border:none;}
a.btn-support:hover,
a.btn-support:active,
a.btn-support:focus{background: #01101;color:#fff;opacity:.8;}


.btn{border:none;line-height: 20px;border-radius:2px;}
.btn.text-left{text-align: left;}
.btn i{display: inline-block;width: 1em;}

.btn-access{background: #db0505;color:#fff;border:none;line-height: 14px;border-radius:0 !important;text-align: left;position: relative;padding: 6px 24px 6px 12px;}
.btn-access:hover,
.btn-access:hover,
.btn-access:hover{background: #db0505;color:#fff;opacity:.8;}


.btn-cclr{background: #db0505;color:#fff;font-size: 16px;padding: 19px 15px;}
button.btn-cclr:hover,
button.btn-cclr:active,
button.btn-cclr:focus,
a.btn-cclr:hover,
a.btn-cclr:active,
a.btn-cclr:focus,
input.btn-cclr:hover,
input.btn-cclr:active,
input.btn-cclr:focus{background: #db0505;color:#fff;opacity:.8;}
input[type="submit"]:hover{opacity:.8;}

.btn-buy{background: #333;color:#fff;font-size: 13px;line-height: 24px;padding: 5px 15px;}
a.btn-buy:hover,
a.btn-buy:active,
a.btn-buy:focus{background: #e7143d;color:#fff;opacity:.8;}
.btn-support{background: #1b508f;color:#fff;font-size: 13px;line-height: 18px;padding: 5px 10px; border:none;}
a.btn-support:hover,
a.btn-support:active,
a.btn-support:focus{background: #01101;color:#fff;opacity:.8;}
.btn-contact{background: #000;color:#fff;font-size: 13px;line-height: 18px;padding: 5px 10px; border:none;}
a.btn-contact:hover,
a.btn-contact:active,
a.btn-contact:focus{background: #010101;color:#fff;opacity:.8;}
.btn-footer{background: #ffb4c3;color:#fff;font-size: 13px;line-height: 24px;}
a.btn-footer:hover,
a.btn-footer:active,
a.btn-footer:focus{background: #ffb4c3;color:#fff;opacity:.8;}

.btn-border{
}
.btn-more{
	background: #96ca3b;
 color: #fff;
 font-size: 18px;
 line-height: 30px;
 padding: 9px 36px;
 width: 250px;
 border-radius: 10px;
}
a.btn-more:hover,
a.btn-more:active,
a.btn-more:focus{background: #358a4e;color:#fff;}
.btn-more i{margin-right: 0 !important;}
.btn-detail{
	background: #e7143d;
	color:#fff;
	border:none;
	padding:10px 20px;
	font-size:150%;
}
button.btn-detail:hover,
button.btn-detail:active,
button.btn-detail:focus,
a.btn-detail:hover,
a.btn-detail:active,
a.btn-detail:focus,
input.btn-detail:hover,
input.btn-detail:active,
input.btn-detail:focus{
	background: #FF6666;
	color:#fff;
	opacity:.8;
}

.btn-jirei{	background: #f6f6f6;	color:#666666;	font-size: 16px;	line-height: 19px;	padding: 0 15px;	border:1px solid #cccccc;	padding:15px;	display:block;}
a.btn-jirei:hover,
a.btn-jirei:active,
a.btn-jirei:focus{	background: #e7143d;	color:#fff;	opacity:.8;}

.btn-introduce{	background: #000;	color:#fff;	font-size: 20px;	line-height: 19px;	padding: 10px 15px;	border:1px solid #cccccc;	padding:15px;	display:block;}
a.btn-introduce:hover,
a.btn-introduce:active,
a.btn-introduce:focus{	background: #000;	color:#fff;	opacity:.8;}


.btn-sm{
	font-size: 14px;
    padding: 10px 20px;
}

.btn-md{
	font-size: 16px;
    padding: 15px 30px;
}

.btn-lg {
	font-weight: bold;
    padding: 16px 18px;
    font-size: 18px;
    line-height: 24px;
}

.btn-xlg {
	font-weight: bold;
    padding: 20px 40px;
    font-size: 30px;
    line-height: 30px;
}
/*title
-----------------------------------------------*/
h1, .h1 {
    font-size: 12px;
				font-weight:normal;
				text-align:right;
				padding:5px 0;
				color:#666666;
}
.h2_tit01{
	margin: 0 auto 70px;
	color: #fff;
 font-size: 30px;
	font-weight:700;
 letter-spacing: .2rem;
	text-align:center;
	font-family:"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝","Palatino Linotype", "Book Antiqua", Palatino, serif;
	position:relative;
}

.h2_tit01:before {
content: '';
position: absolute;
bottom: -16px;
display: inline-block;
width: 100px;
height: 4px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #fff;
}


.h2_tit{
	text-align: center;
	padding-bottom: 12px;
	margin-bottom: 30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 letter-spacing: .2rem;
	font-size:46px;
	font-weight:bold;
	color:#fff;
	text-shadow: rgb(85, 85, 85) 0px 0px 6px;
}

.h2_tit span{
	font-size:20px;
	display:block;
	margin-top:20px;
}

.h2_tit:first-letter{
	color:#96ca3b;
}

.h3_tit_news{
	font-size: 22px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	background: #404098;
	padding: 20px 0 20px;
}

.h3_tit_news:before {
 content: "";
 background: url(../images/top/icon_news.png) no-repeat center top/ cover;
 height: 0;
 padding-bottom: 55px;
 bottom: 0;
 width: 50px;
 background-size: 100% auto;
 display: inline-block;
 vertical-align: middle;
 margin-right: 15px;
}

.h3_tit01{
	margin-bottom: 2em;
	color:#422b8a;
	font-size:24px;
	font-weight:bolder;
	line-height:1.2;
	
}
.h3_tit02 {
    font-size: 200%;
    text-align: center;
    position: relative;
    margin-bottom: 2em;
    margin-top: 1em;
    display: block;
    color: #fff;
    line-height: 1.2;
    font-weight: bold;
}

.h3_tit03{
	position: relative;
	display: inline-block;
	padding: 0 55px;
	margin-bottom: 1em;
	margin-top: 2em;
}

.h3_tit03:before, .h3_tit03:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}

.h3_tit03:before {left:0;}
.h3_tit03:after {right: 0;}

.h3_tit04{
 margin: 0 auto 50px;
	color: #422b8a;
 font-size: 32px;
	font-weight:700;
 letter-spacing: .2rem;
	text-align:center;
	position:relative;
}

.h3_tit04:before {
content: '';
position: absolute;
bottom: -16px;
display: inline-block;
width: 100px;
height: 2px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #422b8a;
}

.h3_tit05{
	font-size:24px;
	text-align:center;
	color:#fff;
	background:#07173e;
	font-weight: bold;
	font-family:Arial,Helvetica,Roboto,"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	padding:15px 0;
}

.h3_tit06{
	margin-bottom: 1em;
	font-size:18px;
	color:#032947;
	font-weight: bold;
}

.h4_tit01{
	margin-bottom: 1em;
	margin-top: 0.8em;
	font-size:24px;
	color:#032947;
	font-weight: bold;
}

.h4_tit02{
	margin-bottom: 1em;
	font-size:20px;
	text-align:center;
	color:#cc0001;
	font-weight: bold;
}
	
#set-info {
    width: 100%;
    display: table;
    font-size: 12px;
}
#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: 180%;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #1b508f;
	display:inline-block;
	margin-left:10px;
	vertical-align:middle;
	line-height:1;
}
#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: right;
    padding: 13px 0 0 42px;
    vertical-align: bottom;
}
.h-call{
	font-size:14px;
	text-align: right;
}
.h-call span{
	font-size:16px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.h-call span.label{
	font-size:12px;
	font-weight:bold;
}

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:10px 0 0;display: table;width:auto;table-layout: fixed;}
.nav-justified > li						{ display: inline-block;width: auto; margin:0 5px;}

.nav-justified > li > a,
.nav-justified > li > a:hover,
.nav-justified > li > a:active,
.nav-justified > li > a:focus,
.nav-justified > li.active > a			{
	font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				color: #000;
				font-weight:bold;
				font-size:14px;
				position: relative;
				display: inline-block;
				text-decoration: none;
}

.nav-justified > li > a::after {
  position: absolute;
  bottom: 0px;
  left: 0;
  content: '';
  width: 100%;
  height: 5px;
  background: #96ca3b;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.nav-justified > li > a:hover::after {
  transform: scale(1, 1);
}

.nav-justified > li.active > a			{ color:#96ca3b;}
.nav-justified > li.active > a	span{ color:#96ca3b !important;}

/*.nav-justified > li > a:hover,
.nav-justified > li > a:active,
.nav-justified > li > a:focus,
.nav-justified > li.active > a			{ border-bottom:5px solid #96ca3b; padding-bottom:5px;}
*/

.nav > li > a {
    position: relative;
    display: block;
    padding: 0px 10px 10px;
				font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				color: #000;
				font-weight:bold;
				font-size:14px;
}


#mnav > ul > li span {
    display: block;
    font-size: 10px;
				color:#999999;
				font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				letter-spacing:-0.1em;
}

.nav-inline > li{
	display:inline-block;
	border-left:1px solid #fff;
	padding:0 5px;
	line-height:normal;
}

.nav-inline > li:first-child{
	border-left:none;
}
		
	.fixed {
    position: fixed;
    top: 0;
    width: 100%;
				z-index:100;
				background:#231f20;
}

.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: 15px;
	font-size: 24px;
	font-weight: lighter;
	color:#fff;
	text-align: center;
	background: #38b0dc;
	padding-bottom: 15px;
}
.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;
	border-radius:6px;
	padding-right: 25px;
	padding-left: 25px;
	border: 1px solid #036;
}
.btn-submit{
	background: #1d7c39;
	color:#fff;
	border-radius:6px;
	padding-right: 25px;
	padding-left: 25px;
	border: 1px solid #1d7c39;
}

.btn-submit:hover{background: #000; color:#fff;	border: 1px solid #000;}

.btn-navy:hover{background: #000; color:#fff;	border: 1px solid #000;}
.btn-wide{
	width:250px;
}
 a.btn-navy:link, a.btn-navy:visited,{background: #036; color:#fff;}
 a.btn-navy:hover{background: #ebb15b; color:#fff;}
.btn-lg{font-size: 16px;padding: 15px 16px;}

/* index - news&topics */
#news-area{}

.nws-scroll{overflow-y:scroll;height:355px;padding-right:15px;}

.nws-tb{font-size: 14px; width: 100%;}
.nws-tb th{border-bottom: 1px dotted #999;line-height: 21px;padding:19px 0;width: 130px;vertical-align: top;}
.nws-tb td{border-bottom: 1px dotted #999;line-height: 21px;width:auto;padding:19px 0;vertical-align: top;}
.nws-tb td h3{font-size: 14px;line-height: 18px;margin-bottom: 10px;font-weight: bold;}
.nws-tb td:nth-child(3){width: 196px;padding-left: 30px;}
.news_text{padding:5px 0;vertical-align: top;}

.date{
	background: #666666;
	width: 120px;
	display: block;
	color:#fff;
	font-weight: normal;
	text-align: center;
	font-size: 14px;
	padding: 5px 10px;
}
.date span{font-family: 'square',Arial,Helvetica,sans-serif;transform:rotate(.001deg);}


#news-area .main_tit{
	padding-top:80px;
	padding-bottom: 12px;
	margin-bottom: 30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 letter-spacing: .2rem;
	font-size:36px;
	font-weight:bold;
	color:#96ca3b;
	text-align:center;
}
#news-area .main_tit:first-letter{
	color:#1d7c39;
}


.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 */
#f-contact-title{background: #000;}
#f-contact-title .container {
    padding-bottom: 0px;
}
#f-contact-title h3{
	text-align: center;
	font-size: 28px;
	line-height: 46px;
	color:#fff;
	padding: 15px;
	font-family: "Sawarabi Mincho", serif;
	font-weight: normal;
}

#f-contact{background: url(../images/common/bg-f-contact.jpg) center center /cover no-repeat;padding: 40px 0;}
.f-contact{
	background: url(../images/common/f_contact_info.png) no-repeat center center;
	width: 712px;
	margin: 0 auto;
	padding: 13px 37px;
	border-radius:10px;
	height:146px;
}

.f-tel{display: table;width: 100%;table-layout: fixed; text-align:center;}
.f-tel-tit,.f-telno{
	vertical-align: middle;
	text-align:center;
	margin-bottom:5px;
}

.f-telno{
	width: 511px; text-align:center; margin:0 auto;
}
.f-info{ text-align:center; font-weight:bold; font-size:16px;}
.f-info span{ display:block; font-weight:500; font-size:12px;}
.f-info .row{margin:0 -5px;}
.f-info .row [class*="col-"]{padding:0 5px;margin: 0;}

.f-btn{width: 340px;margin: 80px 190px;}
.f-btn .row{margin:0 -5px;}
.f-btn .row [class*="col-"]{padding:0 5px;margin: 0;}

footer #set-info{
    width: 100%;
    font-size: 12px;
				display:block;
				text-align:center;
				margin-bottom:10px;
}
footer #set-info .set-address{
    width: 100%;
    text-align: center;
    padding: 5px 20px;
    vertical-align: bottom;
    line-height: 1.5;
				border-left:none;
				display:block;
				margin-bottom:15px;
}

footer #set-info .well-default{
    padding: 5px 10px!important;
    line-height: 1.5;
				font-size: 12px;
    border:1px solid #ccc!important;
    text-align: center;
    display: block;
    margin-top: 0px;
}


footer #set-info .set-contact{
	text-align: left;
	padding: 0 40px 0 0;
	vertical-align: middle;				
/*    border-left:1px solid #ccc;
    border-right:1px solid #ccc;*/
}

#set-info .set-contact .set-contact-tit{
    display: block;
    color: #0168b7;
    font-weight: bold;
    margin-bottom: 8px;
    margin-top: 12px;
    line-height: 1;
    text-align: center;
}

#set-info .set-contact a{
		display:inline-block;
		vertical-align:middle;
		margin-left:5px;
	}

#set-info .set-contact a img{
		height:29px;
	}
.well-default{
    line-height: 1.5;
    border:1px solid #ccc;
    text-align: center;
    display: block;
    margin-top: 10px;
				background:#fff;
}

#logo{
	margin: 30px 0 0 10px;
	display:table;
	}

#logo h1{
	display:table-cell;
	vertical-align:middle;
	padding-left:2em;
}

#logo a{
	display:table-cell;
	vertical-align:middle;
}
#logo img{
	width: 290px;
}
.flogo{
    margin-bottom: 40px;
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

/* footer */
footer{margin-top: 0px;}

#footer{
	padding:0px 0 0 0;
	background: #fff;
	border-top:2px solid #dddddd;
	}
#footer .container{
	padding: 60px 20px 0;
	text-align: center;
}

footer nav{padding:20px 0 20px 20px;border-left: none; }
footer nav ul{list-style: none;font-size: 12px!important;display:inline-block;
vertical-align:bottom;}
footer .nav > li > a, footer .nav > li > a:hover, footer .nav > li > a:active, footer .nav > li > a:focus, footer .nav > li.active > a {
    color: #fff;
    background: transparent;
    font-size: 12px;
    line-height: 1;
    font-weight: normal;
    padding: 0px 0;
}

.nav-inline > li{
	display:inline-block;
	border-left:1px solid #fff;
	padding:0 5px;
	line-height:normal;
}

.nav-inline > li:first-child{
	border-left:none;
}

.f_ban li{
	width:48%;
	display:inline-block;
	vertical-align:top;
	margin-bottom:10px;
}
.f_ban li:last-child{
	width:100%;
}

.f_ban li img{
	width:100%;
	height:auto;
}

#footer iframe{
	padding-top:20px;
}

#copyright{
	font-size: 12px;
	width:100%;
	padding:5px;
	text-align:center;
}
a:hover img{opacity:.7}

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

.news { margin-bottom:20px; padding:10px 20px; text-align:left; border-bottom:1px dotted #999999;}
.news:last-of-type { margin-bottom:0;}
.news table { width:100%; text-align:left;}
.news span{
	display: table;
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	line-height:1.2;
	margin-bottom:5px;
	height: 80px;
	width: 80px;
	float:left;
	margin-right:15px;
	vertical-align:middle;
	padding-top: 20px;
}
.news h3{
	font-size: 16px;
	padding:5px;
	font-weight: bold;
}
.news_txt { padding:5px;overflow:hidden;}
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; }
.navbar{min-height: 27px;}
br.dn{display: none;}

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


/*---追加の設定-----------------------------*/
/*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-black:before{
	content:"▶";
	padding-right:1em;
}

.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: #2b9dca;
    border-color: #adadad;
    color: #333;
}

iframe{
	vertical-align:bottom;
}

/*マウスオーバーで画像を拡大する*/
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);
}

/*背景*/
.bg01 {
    background: #fbfbfb;
}


@media (min-width:1400px){/*lg*/
#header {
    margin: 0 auto;
    position: fixed;
    z-index: 999;
    font-size: 12px;
    color: #000;
    background: rgba(255, 255, 255, 0.8);
    width: 1400px;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    padding: 0 30px;
    border-radius: 0 0 10px 10px;
				-webkit-box-shadow: 0px 0px 2px 1px rgba(66,66,66,0.3);
}
}

@media (max-width:767px){/*sm*/
.nav-justified > li.active > a			{
				display: block;
}
.nav-justified > li.active > a:hover	{
				display: block;
}
.nav-justified > li > a:hover	{
				display: block;
}


.nws-tb th{border-bottom: none;line-height: 21px;padding:19px 0 5px;width: 100%;vertical-align: top; display:block;}
.nws-tb td{border-bottom: 1px dotted #999;line-height: 21px;width:auto;padding:19px 0;vertical-align: top; width:100%; display:block;}
.nws-tb td h3{font-size: 18px;line-height: 18px;margin-bottom: 10px;font-weight: bold;}
.nws-tb td:nth-child(3){width: 196px;padding-left: 30px;}

.date{
	background: #666666;
	width: 100%;
	height: 30px;
	display: block;
	color:#fff;
	font-weight: normal;
	text-align: center;
	font-size: 16px;
	line-height: 18px;
	padding: 6px 8px;
}
}

@media (min-width:768px) and (max-width:991px){/*sm*/
.nav > li > a {
				font-size:12px;
}


#mnav > ul > li span {
    font-size: 10px;
				letter-spacing:-0.1em;
}
#logo {
    margin: 20px 0 0;
    display: table;
}
.nav-justified > li {
    margin: 0 0px;
}
}

@media (min-width:1200px) and (max-width:1399px){/*md*/
#header {
    margin: 0 30px;
    position: fixed;
    z-index: 999;
    font-size: 12px;
    color: #000;
    background: rgba(255, 255, 255, 0.8);
    top: 0;
    left: 0;
    right: 0;
    display: block;
    padding: 0 20px;
    border-radius: 0 0 10px 10px;
				-webkit-box-shadow: 0px 0px 2px 1px rgba(66,66,66,0.3);
}

#header .col-lg-9 {
    width: 68%;
}
}
