@charset "UTF-8";
body{
  font-family : "游ゴシック Medium", "游ゴシック体", YuGothic,
 "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
}
/*----------------ﾗｲﾝ黒-------------*/
.line1{
  width : 100%;
  height : 20px;
  background-color : black;
  color : white;
  font-size : 11px;
  text-align : right;
}
/*----------------ﾗｲﾝ白-------------*/
.line2{
  width : 100%;
  height : 25px;
}
/*----------------ﾌｫﾝﾄ色ｻｲｽﾞ上部------*/
.font1{
  font-size: 12px;
  color : #555555;
  margin-left : 10%;
}
.center{
  margin-left : 10%;
  width : 80%;
  margin-right : 10%;
  border-collapse : collapse;
}
.menu_fl{
  display: table;
  table-layout: fixed;
  margin-left : 10%;
  margin-right : 10%;
  width : 80%;
  border-collapse : collapse;
  text-align : center;
  height : 50px;
  line-height : 50px;
  margin-top : 50px;
}
.mline{
  display: table-cell;
  border-left-width : 1px;
  border-right-width : 1px;
  border-left-style : solid;
  border-right-style : solid;
  border-left-color : gray;
  border-right-color : gray;
  list-style-type : none;
}
.mline a:link{
  text-decoration:none;
  color : black;
  display: block;
}
.mline a:visited{
  text-decoration:none;
  color : black;
}
.mline:hover{
  background-color :#eeeeee;
}
.mline a:active{
  text-decoration:none;
  color : black;
}
/*----------------説明文表題------*/
.info2{
  color : olive;
  margin-left : 10%;
  border-top-style : double;
  height : 60px;
  text-align : center;
  vertical-align : 50%;
  border-top-width : 3px;
  border-top-color : olive;
  margin-right : 10%;
  width : 80%;
  font-size : 28px;
  font-weight : bolder;
  font-family : "ＭＳ 明朝";
  border-bottom-width : 2px;
  border-bottom-style : solid;
  border-bottom-color : olive;
}
/*----------------説明文------*/
.info2a{
  font-size : 18px;
  text-align : center;
  width : 80%;
  margin-left : 10%;
  margin-right : 10%;
  color : #3e3e3e;
  letter-spacing : 1px;
  border-bottom-width : 2px;
  border-bottom-style : solid;
  border-bottom-color : olive;
  line-height : 200%;
}
/*----------------画像ﾒﾆｭｰ------*/
.conte2{
  height : 180px;
  border-left-width : 1px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-left-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-left-color : gray;
  border-right-color : gray;
  border-bottom-color : gray;
  border-collapse : collapse;
  vertical-align: top;
}
.conte3{
  font-size : 16px;
  color : #3d3d3d;
  margin-left : 10%;
  margin-right : 10%;
  width : 80%;
}
.img{
  text-align: center;
  height : 170px;
  width : 24%;
  border-left-width : 1px;
  border-right-width : 1px;
  border-left-style : solid;
  border-right-style : solid;
  border-left-color : gray;
  border-right-color : gray;
  border-collapse : collapse;
}
.lineglay{
  border-top-width : 1px;
  border-left-width : 1px;
  border-right-width : 1px;
  border-top-style : solid;
  border-left-style : solid;
  border-right-style : solid;
  border-top-color : gray;
  border-left-color : gray;
  border-right-color : gray;
  height : 40px;
  text-align : center;
}
.space{
  width : 1%;
}
/*----------------横並び------*/
/*----------------左------*/
/*----------------右------*/
/*----------------縦ﾒﾆｭ項目------*/
.menu1{
  font-size : 14px;
  color : #3e3e3e;
  width : 100%;
  height : 30px;
  border-top-width : 1px;
  border-bottom-width : 1px;
  border-top-style : solid;
  border-bottom-style : solid;
  border-top-color : #3e3e3e;
  border-bottom-color : #3e3e3e;
  line-height : 30px;
}
.menu1 a:link{
  color : #3e3e3e;
  text-decoration : none;
}
.menu1 a:visited{
  color : #cccccc;
}
.menu1 a:hover{
  color : #3e3e3e;
  text-decoration : underline;
}
.menu1 a:active{
  color :  #3e3e3e;
  text-decoration : underline;
}
/*----------------縦ﾒﾆｭｳ------*/
.allmenu{
  font-size : 14px;
  color : #3e3e3e;
  list-style-position : inside;
  list-style-image : url(../aicon/migiya.jpg);
}
.allmenu a:link{
  color : #3e3e3e;
  text-decoration : none;
}
.allmenu a:visited{
  color : #cccccc;
}
.allmenu a:hover{
  color : #3e3e3e;
  text-decoration : underline;
}
.allmenu a:active{
  color :  #3e3e3e;
  text-decoration : underline;
}
/*----------------ｽｸﾛｰﾙ------*/
.scroll{
  display: block;
  overflow-y:scroll;
  height : 60px;
  width : 100%;
}
/*----------------お知らせﾃｰﾌﾞﾙ------*/
.info1{
  width : 100%;
  height : 16px;
  background-repeat : repeat;
  background-attachment : scroll;
  background-position : 0% 0%;
  background-size : auto auto;
  background-origin : padding-box;
  background-clip : border-box;
  border-left-width : 1px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-left-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-left-color : #00006f;
  border-right-color :  #00006f;
  border-bottom-color :  #00006f;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color :  #00006f;
}
/*----------------お知らせ------*/
.info{
  display: block;
  font-size : 16px;
  color : white;
  height : 30px;
  background-color : #000051;
}
/*----------------内容枠左------*/
.info1a{
  width : 20%;
  text-align : center;
}
/*----------------内容枠中------*/
.info1b{
  font-size : 14px;
  color : black;
  width : 25%;
}
/*----------------内容枠右------*/
.info1c{
  font-size : 14px;
  color :  #00006f;
  width : 55%;
  text-align : left;
}
/*----------------困り事------*/
.bord{
  font-size : 22px;
  color : white;
  background-color : gray;
  border: 2px solid #fff;
  box-shadow: 0 0 0 2px gray;
  text-align : center;
  height : 40px;
  font-weight : bold;
}
/*----------------困り事内容------*/
.bordin{
  border-left-width : 3px;
  border-right-width : 3px;
  border-bottom-width : 3px;
  border-left-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-left-color : gray;
  border-right-color : gray;
  border-bottom-color : gray;
  border-top-width : 3px;
  border-top-style : solid;
  border-top-color : gray;
}
/*----------------無料相談------*/
.appoint{
  text-align : left;
  height : 40px;
  color : olive;
  font-size : 23px;
  line-height : 40px;
  border-bottom-width : 10px;
  border-bottom-style : solid;
  border-bottom-color : olive;
}
/*----------------地図------*/
.map{
  text-align : center;
  font-size : 16px;
}
/*----------------解除------*/
/*---------------住所------*/
.addres{
  text-align : left;
  font-size : 14px;
  padding-left : 100px;
}
/*---------------住所------*/
.addres2{
  text-align : left;
  font-size : 14px;
}
/*-----ﾌｯﾀｰ-----*/
.footer{
  background-color : gray;
  width : 100%;
  height : 200px;
  color : white;
}
/*----------------下ﾒﾆｭ------*/
.menu2{
  text-align : center;
  width : 60%;
  height : 40px;
  font-size : 12px;
  margin-left : 20%;
  margin-right : 20%;
  border-collapse : collapse;
  line-height : 40px;
}
.menu2 a:link{
  color : white;
}
.menu2 a:visited{
  color : white;
}
.menu2 a:active{
  color : white;
}
.suppo{
  width : 400px;
  height : 40px;
  text-align : left;
  margin-left : 6%;
  color : white;
  font-size : 24px;
  font-weight : normal;
  font-family : "ＭＳ Ｐゴシック";
  line-height : 30px;
}
.fmenu{
  font-size : 14px;
  color : white;
  background-color : olive;
  height : 60px;
  text-align : center;
  padding-top : 10px;
}
.flex{
  width : 80%;
  display: flex;
  justify-content: space-between;
  margin-top : 50px;
  margin-left : 10%;
  margin-right : 10%;
  margin-bottom : 100px;
}
.flex_1{
  width : 20%;
  margin-top : 50px;
}
.flex_2{
  width : 65%;
  margin-top : 50px;
}
