@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;
}

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;
}
.bodycopy {
width: 725px;
margin-right: auto;
margin-left: auto;
margin-bottom: 30px;
}
.bodycopy p {
margin-bottom: 30px;
}

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

.clearfix {
overflow: hidden;
}

.mb20   {
margin-bottom: 20px;
}
.mb30   {
margin-bottom: 30px;
}
.mb50   {
margin-bottom: 50px;
}
.mb80   {
margin-bottom: 80px;
}
/**************************************************************************************************　追加0604　*/
.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: 0 auto;
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;
}


/* メインイメージ */
.main-img .img-responsive {
width: 100%;
}
.main-img.sp {
display: none;
}
.main-img-lg {
display: none;
}
.main-img-sp {
display: none;
}

/* キャプション　*/
.mainimage-cp {
margin-top: 10px;
width: 1000px;
margin-left: auto;
margin-right: auto;
font-size: 12px;
}

/*リード*/
.read-style {
width: 730px;
margin-left: auto;
margin-right: auto;
margin: 50px auto;
}
.readcopy {
font-size: 17px;
line-height: 36px;
font-weight: bold;
color: #000000;
text-align: center;
margin-bottom: 50px;
}


/*記事 */
.kiji-style.pc {
display: block;
}
.kiji-style.sp {
display: none;
}
.taidan-style {
position: relative;
}

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

.pull-left {
float: left;
width: 488px;
}
.pull-right {
float: right;
}
.desc {
width: 332px;
}

.desc2 {
width: 328px;
}

.desc2 p {
font-size: 16px;
line-height: 26px;
margin-bottom: 25px;
}

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

.taidan-style .ph-txt {
font-size: 0.8em;
margin-bottom: 10px;
margin-top: 0px;
}
.container.kiji-style.sp .ph-txt2 {
width: 615px;
font-size: 0.9em;
margin-top: 5px;
margin-right: auto;
margin-left: auto;
margin-bottom: 50px;
}


/*フッター **********************************************************/
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;
}




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

 @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;
}

/* キャプション　*/
.mainimage-cp {
margin-top: 10px;
width: auto;
margin: 10px 50px;
font-size: 0.8em;
}

/*リード*/
.read-style {
width: auto;
margin: 30px 0px;
padding: 0 50px;
}
.readcopy {
width: auto;
font-size: 1em;
line-height: 1.75em;
margin-bottom: 40px;
text-align: left;
}
.bodycopy {
width: auto;
font-size: 0.95em;
line-height: 1.65em;
}

.br-hidden {
display: none;
}

/*記事 */
.kiji-style.pc {
display: none;
}
.kiji-style.sp {
display: block;
}

.pull-left {
float: none;
}

.pull-right {
float: none;
}
.desc {
width: auto;
}

.desc2 {
width: auto;
}

.desc2 p {
font-size: 16px;
line-height: 26px;
margin-bottom: 25px;
}

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


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

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;
}

}

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

/*ヘッダー ナビ */
.nav-sp {
max-width: 100%;
}
.row {
width: auto;
padding: 0 30px;
}
.container.kiji-style.sp .ph-txt2 {
width: auto;
margin-right: 30px;
margin-left: 30px;
}


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

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

}




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


/* キャプション　*/
.mainimage-cp {
margin-top: 10px;
width: auto;
margin: 5px 10px;
font-size: 0.8em;
}
.row {
padding: 0 20px;
width: auto;
}

.row p {
font-size: 0.9em;
line-height: 1.5em;
}

/*リード*/
.read-style {
padding-left: 20px;
padding-right: 20px;
}
.readcopy {
width: auto;
font-size: 1em;
line-height: 1.75em;
text-align: left;
}

.bodycopy {
width: auto;
font-size: 0.95em;
line-height: 1.5em;
}
.bodycopy p {
margin-bottom: 20px;
}

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

.container.kiji-style.sp .ph-txt2 {
width: auto;
margin-top: 5px;
margin-right: 30px;
margin-left: 30px;
margin-bottom: 50px;
font-size: 0.8em;
}
.kiji-style.sp img.name-style     {
width: 197px;
}


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

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) {

.kiji-style.sp img.name-style     {
width: 167px;
}
.footer-logo .container.address-style {
width: 90%;
}

}