/*  初期値設定-----------------------------------------------*/
body { 
font-family: -apple-system, BlinkMacSystemFont, Roboto, Meiryo, "Segoe UI", sans-serif;
text-align:center;
font-size:14px;
}


*, p, ul, li, dl, dt, dd, blockquote, h1, h2, h3, h4, table, th, td, label { 
padding:0; 
margin:0; 
font-family: -apple-system, BlinkMacSystemFont, Roboto, Meiryo, "Segoe UI", sans-serif;
text-align:justify;
font-size:14px;
line-height:1.5em;
color:#333333;
}

input, textarea, select {
font-family: -apple-system, BlinkMacSystemFont, Roboto, Meiryo, "Segoe UI", sans-serif;
font-size:13px;
color:#333333;

}

*, * focus {
outline: none;
}

/*  センタリング -----------------------------------------------*/
body {
text-align:center;
}
body div {
margin:0 auto;
text-align:justify;
}

/*  ページ全体外枠　-----------------------------------------------*/

div.container {
padding:0;
background: #fff;
/*border-left:1px solid #bbbbbb;
border-right:1px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
*/}
div.container_in {
/*padding:0 10px;
*/}

/*  上部タイトルバナー-----------------------------------------------*/
header {

}


/*  上部パンくずリスト -----------------------------------------------*/

nav.topicpath {
padding:7px;
}

nav.topicpath p {
display:inline;
background:url(../images/mark/topic_path.gif) no-repeat left center;
background-size:7px;
padding:0 0 0 20px;
margin:0 0 0 13px;
}

/*  コンテンツ外枠 ----------------------------------------------*/
div.container {
}

div.container_in {
margin:10px 15px;
min-height:500px;
}

/*  左メニュー -----------------------------------------------*/
aside {
padding:0 10px 30px 10px;
}

/* 右コンテンツ ----------------------------------------------*/

section {
text-align:justify;
min-height:550px; 
color:#333;
padding-bottom:50px;
}

/*  左メニュー */
aside ul {
list-style-type:none;
list-style-position:inside;
margin:0 0 20px 0;
}



aside ul li a {
text-align: right;
display:block;
font-size:14px;
border-top:1px dotted #bfe0ff;
line-height:20px;
padding:5px 0;
color:#065ca7;
}
aside ul li a:hover {
color:#c23732;
}

@media (max-width:768px) {
aside ul li a {
text-align: left;
}

}

/* フッタ ----------------------------------------------*/

footer p {
text-align:right;
margin:0 10px;
color:#000000;
}

footer {
border-top:5px solid #065ca7;
text-align:right;
padding:10px;
}

/*   リンク-----------------------------------*/
a {
color: #03C;
text-decoration:none;
}

a:hover {
color:#03C;
text-decoration:none;
}


a img {
display:inline;
margin:0;
border:none;
}


img.example { border: 1px #cfcfd8 solid; margin:10px;}



/*   コンテンツ共通 -----------------------------------*/
@media (max-width:768px) {


div.h2 {
font-weight:bold;
font-size:14px;
color:#fff;
line-height:3;
background: url(../images/eyecatch.jpg) no-repeat left center;
margin:0 0 10px 0;
padding-left:10px;
}

}

@media (min-width:769px) {


div.h2 {
font-weight:normal;
font-size:20px;
color:#fff;
line-height:3;
background: url(../images/eyecatch.jpg) no-repeat left center;
margin:0 0 20px 0;
padding-left:20px;
}


}



h3 {
clear:both;
font-weight:normal;

font-size:16px;
border-top:1px solid #0a9fe7;
color:#0a9fe7;
margin:10px 0 20px;
padding: 8px 0 0 0;
}

h4 {
clear:both;
font-weight: normal;
color:#0168b5;
font-size:15px;
margin:10px 0;
}

img {
margin:0;
}


p {
margin:10px 0;
text-align:justify;
}
blockquote {
margin:5px 0 5px 10px;
padding:10px;
}

strong {
color:#CC0000;
font-weight:normal;
}

em {
	font-weight:bold;
	font-style:normal;
}


/*  箇条書き */
ul.ul_none {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 20px;
}

ul.ul_contents {
list-style-type:square;
list-style-position:outside;
margin:10px 0 10px 5px;
}

ul.ul_decimal {
list-style-type:decimal;
list-style-position:outside;
margin:0 0 0 40px;
}

ul li {
margin:0 0 0 10px;
}

ul.ul_decimal li {
margin:0 0 5px 10px;
}

/*  定義リスト */



dl.dl-horizontal dd {
margin-bottom:5px;
}



@media (min-width: 768px) {

dl.dl-horizontal {
}

dl.dl-horizontal dt {
}





}




/* クラス ----------------------------------*/
.r {
	text-align:right;
}
.c {
	text-align:center;
}

.red {
color:#CC0000;
font-weight:normal;
}
.fnts {
font-size:11px;
}

.pagetop {
text-align:right;
}


/* floatのクリア---*/
.floatclear {
clear:both;
height:5px;
}

.box {
display:block;
margin:20px 0;
padding:10px;
background:#f3f3f3;
border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}


/* IE placeholder */


/* fallback placeholder */
.placeholder {
	color: #888;
}
/* webkit placeholder */
::-webkit-input-placeholder {
	color: #888;
}
/* moz placeholder */
:-moz-placeholder {
	color: #888;
}


.control-label {
font-weight:normal;
font-size:14px;
padding-top:10px;
}
b {
color:red;
font-weight: normal;
}

.caption {
font-size:12px;
color:#065ca7;
}

/* 追加2026/07/22 */
.menu-btn{
    display:none;
}

/* スマホ */
@media (max-width:768px){

/* メニューボタン */
.menu-btn{
    display:block;
    position:absolute;
    top:10px;
    right:10px;
    width:50px;
    height:50px;

    background:#0066cc;
    border:2px solid #0066cc;
    border-radius:5px;

    cursor:pointer;
    z-index:9999;
}

/* 三本線 */
.menu-btn span,
.menu-btn span::before,
.menu-btn span::after{

    content:"";
    position:absolute;

    width:26px;
    height:3px;

    background:#fff;

    left:50%;
    transform:translateX(-50%);

    transition:.3s;
}

.menu-btn span{
    top:50%;
}

.menu-btn span::before{
    top:-8px;
}

.menu-btn span::after{
    top:8px;
}


.menu-btn.open span{
    background:transparent;
}

.menu-btn.open span::before{
    top:0;
    transform:translateX(-50%) rotate(45deg);
}

/* OPEN時（×に変形）*/

.menu-btn.open span::after{
    top:0;
    transform:translateX(-50%) rotate(-45deg);
}
/***.menu-btn{
    
    display:block;
    
    
    position:absolute;
   
    top:2px;
    
    right:10px;
    z-index:9999;

    border: 2px solid #0066cc;
    background: #0066cc;
    font-size:30px;
    padding:8px 12px;
    border-radius:5px;
    
    
        
  }

   /* Font Awesome のハンバーガー 三本線　白*/
.menu-btn .fa-bars{
    color:#fff;
}
#sideMenu{

    display:none;

    position:absolute;
    top:70px;
    right:10px;

    width:220px;

    background:#fff;

    border:1px solid #ccc;

    z-index:9998;

    box-shadow:0 2px 10px rgba(0,0,0,.2);

}

#sideMenu.open{

    display:block;

}

#sideMenu ul{

    margin:0;

    padding:0;

}

#sideMenu li{

    list-style:none;

}

#sideMenu a{

    display:block;

    padding:12px;

    border-bottom:1px solid #eee;

}

}

/* 
.menu-btn {
    border: 2px solid #0066cc;
    margin-top: 20px;
}
*/

/* 追加2026/07/22 ここまで　*/

.greeting p {
    text-indent: 1em;
}
/* 追加2026/07/23 ここまで　*/