@charset "utf-8";
/* CSS Document */



/* 追加
------------------------------------------------------------*/
.fb_timeline{text-align:center;margin:0 auto 10px;}
.indent-1 {padding-left:1em;text-indent:-1em;}
.fade{display:none;}
.banner_img{text-align:center;margin:0 auto 20px;clear:both;}
br.pcbr{display:block;}
br.spbr{display:none;}
.text_box{padding:10px;}
.text_box2{padding:20px 10px;background:#F9F8F1;text-align:center;border:1px dotted #7E4D22;}
.text_box3{padding:20px;background:#F9F8F1;border:1px dotted #7E4D22;}
.text_box p,.text_box2 p{padding-bottom:1em;}

.top_mess_img{text-align:center;margin:30px auto 30px;width:600px;}
.top_mess_img a{color:#fff;}
.top_mess{text-align:center;margin:30px auto 30px;width:100%;background:rgba(74,147,249,0.9);padding:8px 0;line-height:1;}
.top_mess a{color:#fff;}
h2.pagetitle{font-family:AvenirNextLTPro-Bold;font-size:48px;color:#fff;margin:0 auto 20px;}
.change_txt{background:rgba(0,47,127,0.7);color:#fff;padding:5px;text-align:center;width:100%;border-radius:8px;margin-bottom:20px;}
.change_font{display: table-cell; vertical-align: middle;padding-right:10px;font-size:30px;}

h3.title{color:#002F7F;font-size:20px;font-weight:bold;}




.lcaution{
margin:20px 0 0;
padding:0 5px;
position:relative;
display:inline-block;
background:#002F7F;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
color:#fff;
float:right;
}
.lcaution a,.lcaution_b a{color:#fff;}
.lcaution a:hover,.lcaution_b a:hover{color:#333;}
.lcaution_b{
margin:20px 0;
padding:0 5px;
position:relative;
display:inline-block;
background:#06c;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
color:#fff;
float:right;
}


.sptxt{display:none;}




/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 1099px){


.banner_img img{width:100%;}

}


/* 779px
------------------------------------------------------------*/
@media only screen and (max-width: 850px){

}



/* 640px
------------------------------------------------------------*/
@media only screen and (max-width: 640px){
.top_mess_img{width:100%;}
.top_mess_img img{width:90%;}
br.pcbr{display:none;}
br.spbr{display:block;}
h3.title{color:#002F7F;font-size:16px;font-weight:bold;}
}