@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================
 *  一般・共通設定
 ================================================*/
html {
height: 100%;
font-size:120%;
/*font-size:16px;*/
}

body {
height: 100%;
/*font-size:14px;*/
color:#333;
line-height:1.6;
background:#fff;
}

a{
text-decoration:none;
}

a.kuro{
color:#000000;
}

a.kuro:hover{
color:#6699ff;
}

a.white{
color:#ffffff;
}

a.white:hover{
color:#ffffff;
}

h1{
margin:-20px 0px 0px 0px;
font-size:8px;
}

.moji01{
color:#000000;
font-size:100%;
font-weight:bold;
}

.moji02{
color:#000000;
font-size:90%;
font-weight:normal;
text-align:center;
vertical-align:top;
}

.moji03{
color:#000000;
font-size:90%;
font-weight:normal;
text-align:left;
vertical-align:top;
}

.moji04{
color:#000000;
font-size:90%;
font-weight:normal;
text-align:left;
vertical-align:top;
margin:5px 5px 10px 5px;
}

.moji04a{
color:#000000;
font-size:90%;
font-weight:normal;
text-align:left;
vertical-align:top;
margin:5px 5px 0px 5px;
}

.moji05{
color:#000000;
font-size:90%;
font-weight:normal;
text-align:left;
vertical-align:top;
margin:5px 5px 0px 5px;
}

.moji06{
font-size:100%;
font-weight:bold;
}

.moji-aka{
color:#ff0000;
font-weight:bold;
}

.moji-shiro{
color:#ffffff;
font-weight:bold;
}

.moji-kuro{
color:#000000;
font-weight:bold;
}

.text-l{
text-align:left;
}

.text-c{
text-align:center;
}

.text-r{
text-align:right;
}

.text-t{
vertical-align:top;
}

.text-m{
vertical-align:middle;
}

.text-b{
vertical-align:bottom;
}

.text-m01{
margin:0 0 0 20px;
}

.text-m02{
margin:0 0 0 5px;
}

.text-m03{
margin:10px 10px;
}


.inner {
position:relative;
margin:0 auto;
}

.float-r{
float:right;
}

.float-l{
float:left;
}

.float-n{
float: none;
}


.margin-c{
margin:0 auto;
}

.summary-a {
display:inline;
position:absolute;
top:0;
right:0px;
margin:0;
width:300px;
margin:0px 0px 0px 0px;
font-size:85%;/* 文字のサイズ */
line-height:150%;
text-align:left;
background-color:rgba(255,255,255,0.8);          /* 背景色指定 */
text-decoration:  none;             /* デフォルトCSS打ち消し */
color:  #000;                       /* 文字色指定 */
padding: 5px 5px 5px 10px;                 /* 余白指定 */
display:  inline-block;             /* インラインブロックにする */
border-radius:5px;                /* 角丸指定 */
box-shadow: 0px 2px 6px 0px #000;   /* 影指定 */
}

.summary-b {
display:none;
}

img.logo-0{
border-style:none;
outline:none;
max-width: 100%;
height: auto;
width /***/:auto;
margin:-10px 0 0 0;
}

img.logo-a{
display: inline;
border-style:none;
outline:none;
max-width: 100%;
height: auto;
width /***/:auto;
margin:0 0 0 0;
}

img.logo-b{
display: none;
}

img.logo-c{
border-style:none;
outline:none;
max-width:calc(100% / 3);
height: auto;
width /***/:auto;
margin:0 0 0 0;

}

img.pict01{
border-style:none;
outline:none;
max-width: 100%;
height: auto;
width /***/:auto;
margin:5px 0 5px 0;
}

.box01{
position:absolute;
/* background-color: #fff; */
color: #333;
height: 200px;
width: 100%;
top: 115px;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
}

.box02{
width: 95%;
position:absolute;
margin:280px 0 0 0;
color: #ffffff;/* 文字の色 */
font-size:200%;/* 文字のサイズ */
font-weight:bold;
letter-spacing : 4px;/* 文字間 */
text-shadow:/* 文字の影 */
2px 2px 4px #000000,
-2px 2px 4px #000000,
2px -2px 4px #000000,
-2px -2px 4px #000000,
2px 0px 4px #000000,
0px 2px 4px #000000,
-2px  0px 4px #000000,
0px -2px 4px #000000;
}

.box03 {
padding: 10px;
color:  #000000;               /* 文字色 */
margin:  10px 0px;              /* 外側の余白 */
border-radius:  5px;        /* 角丸指定 */
width: 100%;
border: solid 1px #99ccff;
background-color:  #ffffff;
}

.box04 {
padding: 0px;
color:  #000000;               /* 文字色 */
margin:  10px 0px;              /* 外側の余白 */
width: 98%;
border: solid 0px #99ccff;
background-color:  #ffffff;
}


.container-box01{
background-image:url("images/index_img01.jpg");
background-position: center center;
background-repeat: no-repeat;
background-attachment: absolute;
background-size: cover;
background-color: #ffffff;
margin:200px 0px 0px 0px;
width:100%;
height: 700px;
}


.sbox01{
background-color: #fff;
color: #333;
}

iframe.news01{
width:100%;
height: 100%;
border: 0px #008000 solid; 
}

.box-1200 {
width:1100px;
margin:0 auto;
background-color: #eee;     /* 背景色指定 */
padding:  0x;             /* 余白指定 */
display: flex;              /* フレックスボックスにする */
flex-direction:row;         /* 要素の並び順 */
justify-content: center;
flex-wrap: wrap;
}

.contents-box01 {
width:1130px;
margin:0 auto;
padding:  0x;             /* 余白指定 */
display: flex;              /* フレックスボックスにする */
flex-direction:row;         /* 要素の並び順 */
justify-content: center;
flex-wrap: wrap;
}

.margin-box01{
background:#ffffff;
width:1130px;
margin:0 auto;
}

.margin01{
margin:0px 0px 20px 0px;
}

.margin02{
margin:20px 0px 5px 10px;
}

.margin03{
margin:0px 0px 0px 25px;
}

/*トピックパス（パンくずリスト）*/
#topicpath {
width:100%;
font-size:10px;
margin:220px 0px 0px 0px;
background:#ffffff;
padding:  0px 0px 10px 0px;             /* 余白指定 */
}

.footer{
text-align:center;
}

.line01{
border-bottom: dotted 1px #ff6600;
}

.midashi-c01{
/*float:left;*/
width: 100%;
background: #ff6600;
color:#ffffff;
font-size:100%;
font-weight:bold;
margin:10px 0px 5px 0px;
padding:5px 0px 5px 5px;
border-left: solid 0px #ff6600;
border-right: solid 0px #ff6600;
border-bottom: solid 1px #ff6600;
border-top: solid 1px #ff6600;
}

.midashi-c01a{
/*float:left;*/
width: 50%;
background: #fff;
color:#000;
font-size:90%;
font-weight:normal;
text-align:center;
margin:10px 0px 5px 0px;
padding:5px 0px 5px 0px;
border-left: solid 0px #ff6600;
border-right: solid 0px #ff6600;
border-bottom: solid 1px #ff6600;
border-top: solid 0px #ff6600;
}

.midashi-sen{
width: 100%;
background: #fff;
color:#000;
font-size:100%;
font-weight:bold;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
border-left: solid 0px #ff6600;
border-right: solid 0px #ff6600;
border-bottom: solid 1px #ff6600;
border-top: solid 0px #ff6600;
}

.midashi-c02{
/*float:left;*/
width: 100%;
background: #ffffff;
color:#000000;
font-size:85%;
font-weight:normal;
margin:-1px 0px 0px 0px;
padding:5px 0px 5px 0px;
border-left: solid 0px #ff6600;
border-right: solid 0px #ff6600;
border-bottom: solid 1px #ff6600;
border-top: solid 1px #ff6600;
}

.midashi-c03a{
float:left;
width: 200px;
background: #ffffff;
color:#000000;
font-size:100%;
font-weight:normal;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 10px;
border-left: solid 0px #ff6600;
border-right: solid 0px #ff6600;
border-bottom: solid 0px #ff6600;
border-top: solid 0px #ff6600;
}

.midashi-c03b{
/*float:left;*/
/*width: 200px;*/
background: #ffffff;
color:#000000;
font-size:100%;
font-weight:normal;
margin:0px 0px 0px 215px;
padding:5px 0px 5px 5px;
border-left: solid 0px #ff6600;
border-right: solid 0px #ff6600;
border-bottom: solid 0px #ff6600;
border-top: solid 0px #ff6600;
}

.midashi-c03c{
float:left;
width: 130px;
background: #ffffff;
color:#000000;
font-size:100%;
text-align:right;
font-weight:normal;
margin:0px 0px 0px 5px;
padding:5px 5px 5px 5px;
border-left: solid 0px #ff6600;
border-right: solid 0px #ff6600;
border-bottom: dotted 0px #ff6600;
border-top: solid 0px #ff6600;
}

.c03c1{
float:left;
margin:0px 0px 0px 215px;

}

.midashi-c03d{
/*float:left;*/
/*width: 200px;*/

color:#000000;
font-size:100%;
font-weight:normal;
margin:0px 0px 0px 355px;
padding:5px 0px 5px 5px;
border-left: solid 0px #ff6600;
border-right: solid 0px #ff6600;
border-bottom: dotted 0px #ff6600;
border-top: solid 0px #ff6600;
}

.midashi-j01{
width: 100%;
background: #fff;
color:#000;
font-size:100%;
font-weight:normal;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
border-left: solid 0px #ff6600;
border-right: solid 0px #ff6600;
border-bottom: solid 1px #ff6600;
border-top: solid 0px #ff6600;
}

iframe.about01{
width:50%;
height:800px
}


iframe.view01{
width:35%;
height:300px;
}

iframe.view02{
width:64%;
height:300px;
}

.padding01{
padding:3px;
}

table.waku100 {
width:100%;
border-collapse:collapse;
/* border:0px solid #ddd;
background:#fff; */
margin:20px 0;
}

table.waku100a {
width:100%;
border-collapse:collapse;
/* border:0px solid #ddd;
background:#fff; */
margin:5px 0;
}

.td01{
width: 1%;
padding:5px;
}

.td05{
width: 5%;
padding:5px;
}

.td10{
width: 10%;
padding:5px;
}

.td15{
width: 15%;
padding:5px;
}


.td20{
width: 20%;
padding:5px;
}

.td25{
width: 25%;
padding:5px;
}

.td30{
width: 30%;
padding:5px;
}

.td33{
width : calc(100% / 3);
}

.td40{
width: 40%;
padding:5px;
}


.td50{
width: 50%;
padding:5px;
}
.td55{
width: 55%;
padding:5px;
}

.td60{
width: 60%;
padding:5px;
}

.td70{
width: 70%;
padding:5px;
}

.td75{
width: 75%;
padding:5px;
}

.wid70{
width: 70%;
padding:5px;
}

.td80{
width: 80%;
padding:5px;
}

.td85{
width: 85%;
padding:5px;
}

.td90{
width: 90%;
padding:5px;

}

.td95{
width: 95%;
padding:5px;

}

.wid90{
width: 90%;
padding:5px;
}

.td100{
width: 100%;
padding:5px;

}

.wid95{
width: 95%;
padding:5px;
}

.wid100{
width: 95%;
padding:5px;
}

.wid100a{
width: 100%;
padding:5px;
}

table.wid100b{
width: 100%;


}

.td100{
width: 100%;
padding:5px;
border-bottom: dotted 1px #90b2ff;
}

td.sen01{
/*background: #ffffff;*/
border-left: solid 0px #666666;
border-right: solid 0px #666666;
border-bottom: dotted 1px #90b2ff;
border-top: solid 0px #666666;
}

td.shiro{
padding:5px;
background: #ffffff;
border-left: solid 0px #666666;
border-right: solid 0px #666666;
border-bottom: solid 0px #666666;
border-top: solid 0px #666666;
}

td.shiro2{
padding:5px;
background: #ffffff;
border-left: solid 1px #666666;
border-right: solid 1px #666666;
border-bottom: solid 1px #666666;
border-top: solid 1px #666666;
}
td.shiro3{
padding:5px;
background: #ffffff;
border-left: solid 0px #666666;
border-right: solid 0px #666666;
border-bottom: solid 1px #666666;
border-top: solid 0px #666666;
}

td.shiro4{
padding:5px;
background: #ffffff;
border-left: solid 0px #666666;
border-right: solid 0px #666666;
border-bottom: dotted 1px #cccccc;
border-top: solid 0px #666666;
}

td.momo{
padding:5px;
background: #ffcccc;
border-left: solid 1px #666666;
border-right: solid 1px #666666;
border-bottom: solid 1px #666666;
border-top: solid 1px #666666;
}

td.momo2{
padding:5px;
background: #ffcccc;
border-left: solid 0px #666666;
border-right: solid 0px #666666;
border-bottom: solid 0px #666666;
border-top: solid 0px #666666;
}


td.kusa{
padding:5px;
background: #f6ffcc;
border-left: solid 1px #666666;
border-right: solid 1px #666666;
border-bottom: solid 1px #666666;
border-top: solid 1px #666666;
}

td.mizu{
padding:5px;
background: #ccf1ff;
border-left: solid 1px #666666;
border-right: solid 1px #666666;
border-bottom: solid 1px #666666;
border-top: solid 1px #666666;
}

td.mizu2{
padding:5px;
background: #ccf1ff;
border-left: solid 0px #666666;
border-right: solid 0px #666666;
border-bottom: solid 0px #666666;
border-top: solid 0px #666666;
}

td.usudaidai{
padding:5px;
background: #fff3e8;
border-left: solid 1px #666666;
border-right: solid 1px #666666;
border-bottom: solid 1px #666666;
border-top: solid 1px #666666;
}

td.usudaidai2{
padding:5px;
background: #fff3e8;
border-left: solid 0px #666666;
border-right: solid 0px #666666;
border-bottom: solid 1px #666666;
border-top: solid 0px #666666;
}

td.bara{
padding:5px;
background: #d53e62;
border-left: solid 1px #666666;
border-right: solid 1px #666666;
border-bottom: solid 1px #666666;
border-top: solid 1px #666666;
}

td.bara2{
padding:5px;
background: #d53e62;
border-left: solid 0px #666666;
border-right: solid 0px #666666;
border-bottom: solid 1px #666666;
border-top: solid 0px #666666;
}

.ov-table {
border-collapse: collapse;
width: 100%;
}


.ov-table td {
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  padding:5px;
}

.ov-table th {
  background: #c9e9ff;
  padding-left: 5px;
vertical-align:middle;
  text-align: left;
  width: 150px;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}

.en-table {
border-collapse: collapse;
width: 100%;
}


.en-table td {
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  padding:5px;
}

.en-table th {
  background: #eeeeee;
  padding-left: 5px;
vertical-align:top;
  text-align: left;
  width: 170px;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}


img.jouka01{
border-style:none;
outline:none;
max-width: 100%;
height: auto;
width /***/:auto;
margin:20px 0 5px 0;
}

img.jouka01a{
border-style:none;
outline:none;
max-width: 50%;
height: auto;
width /***/:auto;
margin:0px 0px 5px 0px;
}

img.jouka02{
border-style:none;
outline:none;
max-width: 100%;
height: auto;
width /***/:auto;
margin:10px 0 5px 0;
}

img.jouka03{
border-style:none;
outline:none;
max-width: 50%;
height: auto;
width /***/:auto;
margin:20px 0 5px 0;
}

img.jouka04{
border-style:none;
outline:none;
max-width: 40%;
height: auto;
width /***/:auto;
margin:20px 0 5px 0;
}

img.jouka05{
border-style:none;
outline:none;
max-width: 30%;
height: auto;
width /***/:auto;
margin:20px 0 5px 0;
}

img.jouka06{
border-style:none;
outline:none;
max-width: 100%;
height: auto;
width /***/:auto;
margin:10px 0;
}

img.jouka06a{
display:inline;
border-style:none;
outline:none;
max-width: 100%;
height: auto;
width /***/:auto;
margin:10px 0;
}



table.joukat0{
width:100%;
padding:5px;
background:#fff;
text-align:left;
vertical-align:top;
}

.box-jouka00{
text-align:left;
vertical-align:top;
}


.box-jouka01{
margin:15px 0 0 0;
padding:5px;
background:#ff99cc;
color:#000000;
font-size:100%;
font-weight:bold;
}

.box-jouka02{
margin:0 0 0 0;
padding:5px;
background:#99ccff;
color:#000000;
font-size:100%;
font-weight:bold;
}


.box-jouka03{
width:100%;
margin:5px 0 0 0;
padding:5px 0px;
background:#ffcccc;
color:#000000;
font-size:85%;
font-weight:normal;
}


.box-jouka04{
margin:10px 2px 0 2px;
padding:5px;
background:#99ccff;
color:#000000;
font-weight:normal;
}

ul.disc{
padding:5px 0px 5px 50px;
list-style-type: disc;
line-height: 20px;
}

ul.disc2{
padding:5px 0px 5px 50px;
list-style-type: disc;
font-size:120%;
line-height: 150%;
}

ul.kazu{
padding:5px 0px 5px 50px;
list-style-type:decimal;
line-height: 20px;
}


.box0b1{
background-color: #ccddff;
padding:10px 0 2px 5px;
font-size:85%;
text-align:left;
border-left:0px solid #666666;
border-top: 0px solid #666666;
border-right: 0px solid #666666;
border-bottom: 2px dotted #ffffff;
}

.box0b2{
background-color: #ccddff;
padding:2px 0 10px 5px;
font-size:85%;
text-align:left;
border-left:0px solid #666666;
border-top: 0px solid #666666;
border-right: 0px solid #666666;
border-bottom: 2px solid #ffffff;
}

.box0b3{
background-color: #ccddff;
padding:10px 0 2px 5px;
font-size:85%;
text-align:left;
border-left:0px solid #666666;
border-top: 0px solid #666666;
border-right: 0px solid #666666;
border-bottom: 2px dotted #ffffff;
}

.box0b4{
background-color: #ccddff;
padding:2px 0 10px 5px;
font-size:85%;
text-align:left;
border-left:0px solid #666666;
border-top: 0px solid #666666;
border-right: 0px solid #666666;
border-bottom: 2px solid #ffffff;
}

.info01{
text-align:left;
padding: 10px;
color:  #000;               /* 文字色 */
margin:  20px 0px 70px 0px;              /* 外側の余白 */
border-radius:  5px;        /* 角丸指定 */
box-shadow: 0px 2px 7px 0px #000000;   /* 影指定 */
width: 100%;                 /* 幅指定 */
}

/*================================================flex-item群================================================*/
.flex-box {
/* width:1300px; */
background-color: #fff;     /* 背景色指定 */
padding:  10px;             /* 余白指定 */
display: flex;              /* フレックスボックスにする */
flex-direction:row;         /* 要素の並び順 */
justify-content: center;
flex-wrap: wrap;
}

.flex-item {
text-align:left;
padding: 10px;
color:  #000;               /* 文字色 */
margin:  70px 10px 70px 10px;              /* 外側の余白 */
border-radius:  5px;        /* 角丸指定 */
box-shadow: 0px 2px 7px 0px #000000;   /* 影指定 */
width: 550px;                 /* 幅指定 */
}
 
.flex-item:nth-child(1) {
background-color:  #fff; /* 背景色指定 */
}
 
.flex-item:nth-child(2) {
background-color:  #fff; /* 背景色指定 */
}

.flex-box2 {
width:100%;
background-color: #fff;     /* 背景色指定 */
padding:  10px;             /* 余白指定 */
display: flex;              /* フレックスボックスにする */
flex-direction:row;         /* 要素の並び順 */
justify-content: flex-start;
flex-wrap: wrap;
}

.flex-index {
width:100%;
background-color: #fff;     /* 背景色指定 */
padding:  0;             /* 余白指定 */
display: flex;              /* フレックスボックスにする */
flex-direction:row;         /* 要素の並び順 */
justify-content: flex-start;
flex-wrap: wrap;
}
 
.flex-item2 {
padding: 10px;
color:  #000000;               /* 文字色 */
margin:  10px 5px;              /* 外側の余白 */
border-radius:  5px;        /* 角丸指定 */
width: 32%;
border: solid 1px #99ccff;
background-color:  #ffffff;
}

.flex-item2:nth-child(1) {
background-color:  #fff; /* 背景色指定 */
text-align:center;
}
 
.flex-item2:nth-child(2) {
background-color:  #fff; /* 背景色指定 */
text-align:center;
}

.flex-item2:nth-child(3) {
background-color:  #fff; /* 背景色指定 */
text-align:center;
}

 
.flex-item3 {
padding: 10px;
color:  #000000;               /* 文字色 */
margin:  10px 5px;              /* 外側の余白 */
border-radius:  5px;        /* 角丸指定 */
width: 49%;
border: solid 1px #99ccff;
background-color:  #ffffff;
}

.flex-item4 {
padding: 10px;
color:  #000000;               /* 文字色 */
margin:  10px 5px;              /* 外側の余白 */
border-radius:  5px;        /* 角丸指定 */
width: 32%;
border: solid 1px #99ccff;
background-color:  #ffffff;
text-align:left;
}

.flex-box5 {
width:100%;
background-color: #fff;     /* 背景色指定 */
padding:  0px;             /* 余白指定 */
display: flex;              /* フレックスボックスにする */
flex-direction:row;         /* 要素の並び順 */
justify-content: space-between;
flex-wrap: wrap;
}

.flex-item5 {
padding: 0px;
color:  #000000;               /* 文字色 */
margin:  5px 0px;              /* 外側の余白 */
border-radius:  5px;        /* 角丸指定 */
width: 49%;
border: solid 0px #99ccff;
background-color:  #ffffff;
}

.index-box {
width:1200px;
background-color: #fff;     /* 背景色指定 */
padding:  0;             /* 余白指定 */
display: flex;              /* フレックスボックスにする */
flex-direction:row;         /* 要素の並び順 */
justify-content: flex-start;
flex-wrap: wrap;
}
 

.index-item {
height:250px;
padding: 0px;
color:  #000000;               /* 文字色 */
margin:  0px 0px;              /* 外側の余白 */
border-radius:  0px;        /* 角丸指定 */
width:calc(100% / 3);
border: solid 0px #99ccff;
background-color:  #ffffff;
}

img.index-img{
border-style:none;
outline:none;
max-width:calc(100% / 1);
height: auto;
width /***/:auto;
margin:0 0 0 0;
}

.text-outline01 {
/*display        : inline-block;*/
color          : #ffffff;            /* 文字の色 */
letter-spacing : 4px;                /* 文字間 */
text-shadow    : 
2px  2px 1px #6666ff,
-2px  2px 1px #6666ff,
2px -2px 1px #6666ff,
-2px -2px 1px #6666ff,
2px  0px 1px #6666ff,
0px  2px 1px #6666ff,
-2px  0px 1px #6666ff,
0px -2px 1px #6666ff;        /* 文字の影 */
}

.index-moji01{
font-size:160%;
font-weight:bold;
}

.index-item:nth-child(1) {
background:url("images/menu-01b.jpg") #fff; /* 背景色指定 */
background-size:cover;
text-align:left;

}
.index-item:nth-child(2) {
background:url("images/menu-02b.jpg") #fff; /* 背景色指定 */
background-size:cover;
text-align:left;

}
.index-item:nth-child(3) {
background:url("images/menu-03b.jpg") #fff; /* 背景色指定 */
background-size:cover;
text-align:left;

}
.index-item:nth-child(4) {
background:url("images/menu-04b.jpg") #fff; /* 背景色指定 */
background-size:cover;
text-align:left;

}
.index-item:nth-child(5) {
background:url("images/menu-05b.jpg") #fff; /* 背景色指定 */
background-size:cover;
text-align:left;

}
.index-item:nth-child(6) {
background:url("images/menu-06b.jpg") #fff; /* 背景色指定 */
background-size:cover;
text-align:left;

}

.flex-box6 {
width:100%;
background-color: #fff;     /* 背景色指定 */
padding:  0px;             /* 余白指定 */
display: flex;              /* フレックスボックスにする */
align-items:stretch; 
flex-direction:row;         /* 要素の並び順 */
justify-content: space-between;
flex-wrap: wrap;
}

.flex-item6 {
padding: 0px;
color:  #000000;               /* 文字色 */
margin:  5px 0px;              /* 外側の余白 */
border-radius:  5px;        /* 角丸指定 */
max-width:calc(100% / 4);
border: solid 0px #99ccff;
background-color:  #ffffff;
}

/*================================================フォームデザイン================================================*/
.hissu01{
margin:0px 10px 0px 0px;
padding:2px 5px;
background-color: #f00;
display:inlie;
border-radius: 4px;
color:#fff;
font-size:10px;
}

.box-form{
z-index:100;
position:absolute;
background-color: #fff;
color: #333;
height: 200px;
width: 100%;
top: 115px;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
border-radius: 8px;/* border-radius */
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);/* box-shadow */
}

.input01{
width:95%;
}

.input02{
background: #f8f8f8;
width:50%;
 padding: 12px 15px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
		/* outline: none; */
  border: 0px solid #d7d7d7;;
  transition: 0.8s;
  border-radius: 0;
}

.input03{
background: #f8f8f8;
width:20%;
 padding: 12px 15px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
		/* outline: none; */
  border: 0px solid #d7d7d7;;
  transition: 0.8s;
  border-radius: 0;
}

.input04{
background: #f8f8f8;
width:95%;
 padding: 12px 15px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
		/* outline: none; */
  border: 0px solid #d7d7d7;;
  transition: 0.8s;
  border-radius: 0;
}

.textarea01{
background: #f8f8f8;
width:95%;
  border: 0px solid #d7d7d7;;
}

.button01 {
margin:10px 0px 0px 0px;
display       : inline-block;
border-radius : 5%;          /* 角丸       */
font-size     : 12pt;        /* 文字サイズ */
text-align    : center;      /* 文字位置   */
cursor        : pointer;     /* カーソル   */
padding       : 15px 25px;   /* 余白       */
background    : #ffe3e3;     /* 背景色     */
color         : #000000;     /* 文字色     */
line-height   : 1em;         /* 1行の高さ  */
transition    : .3s;         /* なめらか変化 */
border: 0px solid #d7d7d7;;
}

.button01:hover {
color: #000000;     /* 背景色     */
background: #ffaaaa;     /* 文字色     */
}

.form-table {
border-collapse: collapse;
width: 100%;
}


.form-table td {
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  padding: 20px;
}

.form-table th {
  background: #ffecea;
  padding-left: 10px;
vertical-align:middle;
  text-align: left;
  width: 300px;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}

/*================================================ ページトップへの戻り ================================================*/
#top_scroll{ 
    position: relative; 
    z-index: 100; 
    margin: 0; 
    padding: 0; 
}
 
#page-top1{
    display: block;
    position: fixed;
    z-index: 9999;
    bottom: -250px;
    right: 10px;
    width: 35px;
    height: 35px;
    padding: 0;
    color: #222;
    text-align: center;
    text-decoration: none;
    transition: 1s;
        -webkit-transition: 1s;
}
 
#page-top1:hover{ 
    background: ;
    transform: translateY(-10px);
}
 
#top_scroll:hover{
    background: #fff;
}



@media (max-width: 1200px) {
html {
height: 100%;
font-size:110%;
/*font-size:16px;*/
}

body {
height: 100%;
color:#333;
line-height:1.6;
background:#fff;
}
.box-1200 {
width:94%;
margin:0 auto;
background-color: #eee;     /* 背景色指定 */
padding:  0x;             /* 余白指定 */
display: flex;              /* フレックスボックスにする */
flex-direction:row;         /* 要素の並び順 */
justify-content: center;
flex-wrap: wrap;
}

.margin-box01{
width:94%;
margin:0 auto;
}

.midashi-c02{
/*float:left;*/
width: 100%;
background: #ffffff;
color:#000000;
font-size:85%;
font-weight:normal;
margin:-1px 0px 0px 0px;
padding:5px 0px 5px 0px;
border-left: solid 0px #ff6600;
border-right: solid 0px #ff6600;
border-bottom: solid 1px #ff6600;
border-top: solid 1px #ff6600;
}


.midashi-c03a{
/* float:left; */
width: 100%;
background: #ffffff;
color:#000000;
font-size:100%;
font-weight:normal;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
border-left: solid 0px #ff6600;
border-right: solid 0px #ff6600;
border-bottom: dotted 1px #ff6600;
border-top: solid 0px #ff6600;
}

.midashi-c03b{
/*float:left;*/
width: 100%;
background: #ffffff;
color:#000000;
font-size:100%;
font-weight:normal;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
border-left: solid 0px #ff6600;
border-right: solid 0px #ff6600;
border-bottom: solid 0px #ff6600;
border-top: solid 0px #ff6600;
}


.midashi-c03c{
/* float:left; */
width: 100%;
background: #fff1e3;
color:#000000;
font-size:100%;
text-align:left;
font-weight:normal;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
border-left: solid 0px #ff6600;
border-right: solid 0px #ff6600;
border-bottom: dotted 0px #ff6600;
border-top: solid 0px #ff6600;
}

.c03c1{
/* float:left; */
margin:0px 0px 0px 0px;

}

.midashi-c03d{
/*float:left;*/
width: 100%;
background: #ffffff;
color:#000000;
font-size:100%;
font-weight:normal;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
border-left: solid 0px #ff6600;
border-right: solid 0px #ff6600;
border-bottom: dotted 0px #ff6600;
border-top: solid 0px #ff6600;
}

iframe.about01{
width:100%;
height:800px
}

iframe.view01{
width:100%;
height:300px;
}

iframe.view02{
margin:5px 0px 0px 0px;
width:100%;
height:300px;
}

table.joukat0{
width:100%;
padding:5px;
background:#fff;
text-align:left;
vertical-align:top;
}

img.jouka03{
border-style:none;
outline:none;
max-width: 100%;
height: auto;
width /***/:auto;
margin:20px 0 5px 0;
}

img.jouka04{
border-style:none;
outline:none;
max-width: 100%;
height: auto;
width /***/:auto;
margin:20px 0 5px 0;
}

img.jouka05{
border-style:none;
outline:none;
max-width: 40%;
height: auto;
width /***/:auto;
margin:20px 0 5px 0;
}

/*================================================flex-item群================================================*/
.flex-item {
text-align:left;
padding: 10px;
color:  #000;               /* 文字色 */
margin:  20px 5px 20px 5px;              /* 外側の余白 */
border-radius:  5px;        /* 角丸指定 */
box-shadow: 0px 2px 7px 0px #000000;   /* 影指定 */
width: 48%;                 /* 幅指定 */
}
 
.flex-item2 {
padding: 10px;
color:  #000000;               /* 文字色 */
margin:  5px 2px;              /* 外側の余白 */
border-radius:  5px;        /* 角丸指定 */
width: 32%;
border: solid 1px #99ccff;
background-color:  #ffffff;
}

.flex-item3 {
padding: 10px;
color:  #000000;               /* 文字色 */
margin:  10px 5px;              /* 外側の余白 */
border-radius:  5px;        /* 角丸指定 */
width: 48%;
border: solid 1px #99ccff;
background-color:  #ffffff;
}

.flex-item4 {
padding: 10px;
color:  #000000;               /* 文字色 */
margin:  10px 5px;              /* 外側の余白 */
border-radius:  5px;        /* 角丸指定 */
width: 48%;
border: solid 1px #99ccff;
background-color:  #ffffff;
text-align:left;
}




}


@media (max-width: 992px) {
html {
height: 100%;
font-size:100%;
/*font-size:16px;*/
}
body {
height: 100%;
font-size:14px;
color:#333;
line-height:1.6;
background:#fff;
}

/*トピックパス（パンくずリスト）*/
#topicpath {
width:100%;
font-size:10px;
margin:255px 0px 0px 0px;
background:#ffffff;
padding:  0px 0px 10px 0px;             /* 余白指定 */
}


img.logo-c{
border-style:none;
outline:none;
max-width:calc(100% / 2);
height: auto;
width /***/:auto;
margin:0 0 0 0;
}

.summary-a {
display:none;
}

.summary-b {
display:inline;
position:relative;
top:0;
right:0px;
margin:0;
width:100%;
margin:-10px 0px 5px 0px;
text-align:left;
text-align:left;
background-color:rgba(255,255,255,0.8);          /* 背景色指定 */
text-decoration:  none;             /* デフォルトCSS打ち消し */
color:  #000;                       /* 文字色指定 */
padding: 5px 5px 5px 10px;                 /* 余白指定 */
display:  inline-block;             /* インラインブロックにする */
border-radius:5px;                /* 角丸指定 */
box-shadow: 0px 0px 0px 0px #000;   /* 影指定 */
}

img.jouka01a{
border-style:none;
outline:none;
max-width: 100%;
height: auto;
width /***/:auto;
margin:5px 0px 5px 0px;
}




/*================================================flex-item群================================================*/
.flex-item {
text-align:left;
padding: 10px;
color:  #000;               /* 文字色 */
margin:  20px 10px 20px 10px;              /* 外側の余白 */
border-radius:  5px;        /* 角丸指定 */
box-shadow: 0px 2px 7px 0px #000000;   /* 影指定 */
width: 45%;                 /* 幅指定 */
}

 
.flex-item2 {
padding: 10px;
color:  #000000;               /* 文字色 */
margin:  5px 2px;              /* 外側の余白 */
border-radius:  5px;        /* 角丸指定 */
width: 32%;
border: solid 1px #99ccff;
background-color:  #ffffff;
}

.index-item {
height:280px;
padding: 0px;
color:  #000000;               /* 文字色 */
margin:  0px 0px;              /* 外側の余白 */
border-radius:  0px;        /* 角丸指定 */
width:calc(100% / 2);
border: solid 0px #99ccff;
background-color:  #ffffff;
}

.flex-item6 {
padding: 0px;
color:  #000000;               /* 文字色 */
margin:  5px 0px;              /* 外側の余白 */
border-radius:  5px;        /* 角丸指定 */
max-width:calc(100% / 2);
border: solid 0px #99ccff;
background-color:  #ffffff;
}

/*================================================フォームデザイン================================================*/
.input01{
width:95%;
}

.input02{
width:95%;
}

.textarea01{
width:95%;
}

.form-table td {
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  padding: 20px;
}


.form-table th,
.form-table td {
 padding: 20px;
  display: block;
  width: 100%;
  border-bottom: none;
}

.ov-table td {
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  padding: 20px;
}


.ov-table th,
.ov-table td {
 padding: 5px;
  display: block;
  width: 100%;
  border-bottom: none;
}

.en-table td {
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  padding: 20px;
}


.en-table th,
.en-table td {
 padding: 5px;
  display: block;
  width: 100%;
  border-bottom: none;


}

@media (max-width: 768px) {
body {
height: 100%;
font-size:14px;
color:#333;
line-height:1.6;
background:#fff;
}
/*トピックパス（パンくずリスト）*/
#topicpath {
width:100%;
font-size:10px;
margin:240px 0px 0px 0px;
background:#ffffff;
padding:  0px 0px 10px 0px;             /* 余白指定 */
}


img.logo-a{
display: none;
}

img.logo-b{
display: inline;
border-style:none;
outline:none;
max-width: 100%;
height: auto;
width /***/:auto;
margin:0 0 0 0;
}

img.logo-c{
border-style:none;
outline:none;
max-width:calc(100% / 1);
height: auto;
width /***/:auto;
margin:0 0 0 0;
}

img.jouka06a{
display:none;
}

/*================================================flex-item群================================================*/
 
.flex-item {
text-align:left;
padding: 10px;
color:  #000;               /* 文字色 */
margin:  10px 10px 10px 10px;              /* 外側の余白 */
border-radius:  5px;        /* 角丸指定 */
box-shadow: 0px 2px 7px 0px #000000;   /* 影指定 */
width: 96%;                 /* 幅指定 */
}

.flex-item2 {
padding: 10px;
color:  #000000;               /* 文字色 */
margin:  10px 5px;              /* 外側の余白 */
border-radius:  5px;        /* 角丸指定 */
width: 100%;
border: solid 1px #99ccff;
background-color:  #ffffff;
}

.flex-item3 {
padding: 10px;
color:  #000000;               /* 文字色 */
margin:  10px 5px;              /* 外側の余白 */
border-radius:  5px;        /* 角丸指定 */
width: 100%;
border: solid 1px #99ccff;
background-color:  #ffffff;
}

.flex-item4 {
padding: 10px;
color:  #000000;               /* 文字色 */
margin:  10px 5px;              /* 外側の余白 */
border-radius:  5px;        /* 角丸指定 */
width: 100%;
border: solid 1px #99ccff;
background-color:  #ffffff;
text-align:left;
}

.flex-item5 {
padding: 0px;
color:  #000000;               /* 文字色 */
margin:  5px 0px;              /* 外側の余白 */
border-radius:  5px;        /* 角丸指定 */
width: 100%;
border: solid 0px #99ccff;
background-color:  #ffffff;
}

.index-item {
height:300px;
padding: 0px;
color:  #000000;               /* 文字色 */
margin:  0px 0px;              /* 外側の余白 */
border-radius:  0px;        /* 角丸指定 */
width:calc(100% / 1);
border: solid 0px #99ccff;
background-color:  #ffffff;
}

.flex-item6 {
padding: 0px;
color:  #000000;               /* 文字色 */
margin:  5px 0px;              /* 外側の余白 */
border-radius:  5px;        /* 角丸指定 */
max-width:calc(100% / 1);
border: solid 0px #99ccff;
background-color:  #ffffff;
}
}