@charset "utf-8";

/* Reset
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin-top: 0;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding-top: 0;
padding-right: 0;
padding-left: 0;
padding-bottom: 0;
border: 0;
font-size: 100%;
font: inherit;
height: auto;
width: auto;
}
.main-img-normal {
margin: 0 auto;
width: 1230px;
}
.main-img-lg {
display: none;
}

img {
border: 0;
vertical-align: top;
max-width: 100%;
height: auto;
}

li {
list-style-type: none;
}

body {
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "游ゴシック", "Meiryo", "YuGothic", sans-serif;
margin: 0 auto;
background-image: url(header_nbo_bg.jpg);
background-repeat: no-repeat;
background-position: center -31px;
}


/*レイアウト*/
.container {
width: 725px;
margin: 0 auto;
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
}
.row {
overflow: hidden;
margin-right: auto;
margin-left: auto;
width: 725px;
}
.row p {
margin-bottom: 20px;
line-height: 1.75em;
font-size: medium;
}

.img-responsive {
display: block;
height: auto;
width: 100%;
}
.img-full {
width: 100vw;
height: auto;
}
.center-block {
display: block;
margin-right: auto;
margin-left: auto;
}
.text-center {
text-align: center;
}

.clearfix {
overflow: hidden;
}

.mb10   {
margin-bottom: 10px;
}
.mb15 {
margin-bottom: 15px;
}
.mb20   {
margin-bottom: 20px;
}
.mb30   {
margin-bottom: 30px;
}
.mb50   {
margin-bottom: 50px;
}
.mb80   {
margin-bottom: 80px;
}
.mt10   {
margin-top: 10px;
}
.mt20   {
margin-top: 20px;
}
.mt30   {
margin-top: 30px;
}
.mt50   {
margin-top: 50px;
}
.mt80   {
margin-top: 80px;
}

/*ヘッダー ***********************************************************/

header {
height: 93px;
background-color: #FFFFFF;
padding-top: 27px;
}
.header-pc {
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
width: 1000px;
}

#gNav ul {
width: 1000px;
display: block;
overflow: hidden;
float: right;
margin-right: 0px;
padding-right: 0px;
}
#gNav li {
margin-top: 0;
margin-right: 3px;
margin-bottom: 0;
float: left;
margin-left: 3px;
}
#gNav li:last-child {
margin-right: 0px;
}
#gNav li a {
display: block;
margin-top: 0;
margin-right: 0;
margin-left: 0;
}

.header-sp {
display: none;
}
.nav-sp {
display: none;
}

/* ナビ2段　*************************************************************************************************　追加0604　*/
ul.nav-left {
float: left;
width: 49%;
}
ul.nav-right {
width: 49%;
float: right;
}


/* メインイメージ */
.main-img .img-responsive {
width: 100%;
}
.main-img.pc {
/* [disabled]margin-top: 90px; */
margin-bottom: 70px;
}
.main-img.sp {
display: none;
}
.main-img-lg {
display: none;
}
.main-img-sp {
display: none;
}

/*記事 */
.kiji-style.pc {
display: block;
}
.kiji-style.sp {
display: none;
}
.block-style {
margin-top: 30px;
}
.photo-box {
width: auto;
}
.photo-box.pull-left {
float: left;
margin-right: 10px;
}
.photo-box.pull-right {
float: right;
/* [disabled]margin-left: 15px; */
width: 405px;
}

.block-blue {
margin-top: 50px;
background-color: #dce7ed;
}
.block-blue .kiji-subttl   {
width: 100%;
}

.block-blue p {
margin-top: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
width: 670px;
padding-left: 25px;
padding-right: 25px;
font-size: 16px;
line-height: 1.75em;
}

.kiji-subttl {
margin-bottom: 30px;
}

.block-subttl {
color: #C30D23;
font-weight: bold;
line-height: 26px;
margin-top: 20px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
}

p.caption {
font-size: 0.8em;
line-height: 1.3em;
margin-top: 7px;
margin-left: 0px;
margin-bottom: 40px;
}
.container-fluid .caption {
width: 725px;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
}

p.caption2 {
font-size: 0.9em;
margin-top: 7px;
margin-left: 0px;
}
.caption-col-smal {
width: 300px;
}




/*フッター **********************************************************/
footer {
padding-bottom: 70px;
margin-top: 100px;
}

.footer-logo img {
margin-bottom: 30px;
}

.footer-logo .url {
font-size: 1.2em;
font-weight: bold;
text-align: center;
margin-right: auto;
margin-left: auto;
margin-top: 25px;
margin-bottom: 50px;
}
.footer-logo .url a {
color: #000000;
}
.footer-logo .url a:link {
text-decoration: none;
}
.footer-logo .url a:visited {
text-decoration: none;
}
.footer-logo .url a:hover {
text-decoration: underline;
}
.footer-logo .url a:active {
text-decoration: none;
}

.footer-logo .container.address-style {
width: 725px;
margin: 0 auto;
border-top: 1px solid #c7c7c7;
border-bottom: 1px solid #c7c7c7;
padding-bottom: 10px;
padding-top: 10px;
}
p.address {
width: auto;
margin: 0 auto;
display: table;
}
.caption-col-smal.caption.mb10   {
margin-bottom: 0px;
}
.main-img.sp .caption  {
padding-left: 15px;
padding-right: 15px;
width: auto;
margin-bottom: 50px;

}
.container-fluid.kiji-style.sp.caption {
padding-left: 77px;

}
.caption.img-res {
padding-left: 15px;
}












/*   レスポンシブル設定 ======================================= */

 @media only screen and (min-width: 1200px) {
 
.main-img-01 {
display: none;
}
.main-img-lg {
display: block;
}

}


 @media only screen and (max-width: 768px) {

/*レイアウト */

body {
width:100%;
}
.container {
width: 100%;
}
.row {
width: 615px;
}

/*ヘッダー ***********************************************************/

/*ヘッダー ナビ*/
.header-pc {
display: none;
}
.header-sp {
display: block;
background-color: #000000;
padding-top: 10px;
padding-bottom: 10px;
}
.nav-sp {
display: block;
max-width: 80%;
margin: 0 auto;
}
/* ナビ2段　*************************************************************************************************　追加0604　*/
ul.nav-left {
float: left;
width: 49%;
}
ul.nav-right {
width: 49%;
float: right;
}

header {
height: auto;
padding-top: 5px;
}

#gNav2 ul {
margin: 0px;
background-color: #FFFFFF;
}
#gNav2 li {
margin-bottom: 5px;
}

/*メインイメージ */
.main-img.pc {
display: none;
}
.main-img.sp {
display: block;
}
.main-img-sp {
margin: 0px;
display: block;
}
.container-fluid .caption {
width: auto;
}

.br-hidden {
display: none;
}


/*記事 */
.kiji-style.pc {
display: none;
}
.kiji-style.sp {
display: block;
}
p.caption2 {
font-size: 0.9em;
margin-top: 7px;
margin-left: 0px;
}

p.caption3 {
font-size: 0.8em;
margin-left: 0px;
margin-top: 7px;
}


.block-subttl {
color: #C30D23;
font-weight: bold;
line-height: 26px;
margin-bottom: 7px;
margin-top: 20px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
}
.block-blue {
margin: 50px 5% 0;
padding-bottom: 25px;
}
.block-blue p {
margin: 0 auto;
width: auto;
font-size: 1em;
margin-bottom: 20px;
}

/*フッター ***********************************************************/

footer {
padding-bottom: 50px;
margin-top: 100px;
}

.footer-logo .url {
font-size: 1.2em;
letter-spacing: 0px;
margin-bottom: 20px;
}

.footer-logo .container.address-style {
width: 80%;
}
p.address {
font-size: 1em;
}
.photo-wide {
width: 615px;
margin: 0 auto;
}


}

@media screen and (max-width:600px) {

/*ヘッダー ナビ */
.nav-sp {
max-width: 100%;
}
.row {
width: auto;
padding: 0 30px;
}
.block-blue {
padding: 0 0 25px 0;
margin: 50px 0;
}
.photo-wide {
width: auto;
margin: 0 auto;
}
p.caption {
font-size: 0.9em;
}
.caption.mb15 {
margin-bottom: 15px;
}

p.caption2 {
font-size: 0.8em;
margin-right: 30px;
margin-left: 30px;
}
p.caption3 {
padding-left: 20px;
padding-right: 20px;


}



/*フッター ***********************************************************/

footer {
padding-bottom: 50px;
}
.footer-logo a .center-block.logo {
width: 50%;
max-width: 317px;
}

}


@media screen and (max-width:480px) {

.row {
padding: 0 15px;
}

.row p {
font-size: 0.9em;
line-height: 1.75em;
}
p.text-center.line-height {
margin-top: -10px;
margin-bottom: 10px;
}


/*記事*/
.kiji-subttl {
margin-bottom: 20px;
}

.block-blue p {
font-size: 0.9em;
}
p.caption {
font-size: 0.74em;
}
p.caption2 {
font-size: 0.8em;
margin-right: 15px;
margin-left: 15px;
}


/*フッター ***********************************************************/

footer {
margin-top: 70px;
}

.footer-logo .url {
font-size: 1em;
}
p.address {
font-size: 0.8em;
text-align: center;
}

}

@media screen and (max-width:375px) {

p.caption2 {
font-size: 0.64em;
margin-right: 15px;
margin-left: 15px;
}
p.caption3 {
font-size: 0.7em;
}

.footer-logo .container.address-style {
width: 90%;
}

}