@charset "UTF-8";
span[class^="mky_"],font[class^="mky_"]{font-weight:bold;padding:0 2px;line-height:1.8;}
.mky_yellow{background:linear-gradient(transparent 80%, #ffff7f 70%);}  /* 黄 */
.mky_yellow_a{background-color:#ffff7f;}  /* 黄 */
.mky_red{background:linear-gradient(transparent 80%, #ff0000 70%);}  /* 赤 */
.mky_red_a{background-color:#ff0000;}  /* 赤 */
.mky_cyan{background:linear-gradient(transparent 80%, #e0ffff 70%);}  /* シアン */
.mky_cyan_a{background-color:#e0ffff;}  /* シアン */
.mky_green{background:linear-gradient(transparent 80%, #7fff7f 70%);}  /* 緑 */
.mky_green_a{background-color:#7fff7f;}  /* 緑 */
.mky_blue{background:linear-gradient(transparent 80%, #7fbfff 70%);}  /* 青 */
.mky_blue_a{background-color:#7fbfff;}  /* 青 */
.mky_pink{background:linear-gradient(transparent 80%, #ff8eff 70%);}  /* 桃 */
.mky_pink_a{background-color:#ff8eff;}  /* 桃 */
.mky_orange{background:linear-gradient(transparent 80%, #ffbf7f 70%);}  /*オレンジ */
.mky_orange_a{background-color:#ffbf7f;}  /* オレンジ */
.mky_gray{background:linear-gradient(transparent 80%, #d3d3d3 70%);}  /* グレー */
.mky_gray_a{background-color:#d3d3d3;}  /* グレー */


◆css

.topics, dl {     /*新着情報*/
padding: 10px 0;
border-bottom: 1px solid #ccc;
}

.topics dt {
padding-bottom: 5px;
}

@media screen and (min-width: 768px) {
.topics dt {
   clear: left;
   float: left;
   width: 20%;
}
.topics dd {
margin-left: 20%;
}
}

h7 {
  background: #dfefff;   /*水色*/
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 1px #96c2fe;    /*破線*/
  padding: 0.2em 0.5em;
  color: #454545;
}

.bokin {
	display: flex;
	flex-wrap:wrap;
}
.bokin li {
	width: calc(100%/2);/*←画像を横に2つ並べる場合*/
	padding:0 5px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
}
.bokin li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}
.bokin {
    list-style: none;
}


.borderless-1 {
      border:0px none;
}

.box8 {       /*ふせん風オレンジ*/
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #404040;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.box8 p {
    margin: 0; 
    padding: 0;
    line-height:1.8em;
}

.box8-2 {       /*ふせん風ピンク*/
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #404040;
    background: #fef4f4;
    border-left: solid 10px #f5b1aa;
}
.box8-2 p {
    margin: 0; 
    padding: 0;
    line-height:1.8em;
}


.section2 img{
	margin-right:10px;
	vertical-align: middle;
}
.section2 span{
	vertical-align: middle;
}


.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #696969;/*文字色*/
    background: #ffe5e5;
    border: solid 3px #ffe5e5;/*線*/
    border-radius: 10px;/*角の丸み*/
    width:200px
   text-align: center;
}
.box2 p {
     text-align: center;
    margin: 0; 
    padding: 0;
}

.box2_ylw {
    display:inline-block;
    padding: 0.5em 1em;
    margin: 1em 0;
    color: #616161;/*文字色*/
    background: #FFF;
    border: solid 2px #fddea5;/*線 はちみつ色*/
    border-radius: 10px;/*角の丸み*/
    font-size: 100%;
}
.box2_ylw p {
    margin: 0; 
    padding: 0;
}


.box2_pnk {
    display:inline-block;
    padding: 0.5em 1em;
    margin: 1em 0;
    color: #616161;/*文字色*/
    background: #FFF;
    border: solid 2px #f0908d;/*線薄紅色*/  
    border-radius: 10px;/*角の丸み*/
    font-size: 100%;
}
.box2_pnk p {
    margin: 0; 
    padding: 0;
}

.box2_smoke {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #696969;/*文字色*/
    background: #f5f5f5;
    border: solid 3px #f5f5f5;/*線*/
    border-radius: 10px;/*角の丸み*/
    width:90%;
   text-align: center;
}
.box2_smoke p {
     text-align: center;
    margin: 0; 
    padding: 0;
}




.box17{   /*赤　交差線*/
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px red;
    border-bottom: solid 2px red;
}
.box17:before, .box17:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);   
    background-color: red;
}
.box17:before {left: 10px;}
.box17:after {right: 10px;}
.box17 p {
    margin: 0; 
    padding: 0;
}

.box_gatya {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #333333;/*文字色*/
    background: #FFF;
    border: solid 3px #009933;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box_gatya p {
    margin: 0; 
    padding: 0;
}


.noborder {
  border: 0px none;
}


.box15 {　　/*ピンク点線*/
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #565656;
    background: #ffeaf4;
    box-shadow: 0px 0px 0px 10px #ffeaf4;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
}
.box15 p {
    margin: 0; 
    padding: 0;
}

span.sample4 {font-size: 80%; }


.example {   /*回り込み解除*/
    clear: both;
}


.box15_1 {   /*角丸*/
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #565656;
    background: #ffead6;
    border-radius: 8px;
}
.box15_1 p {
    margin: 0; 
    padding: 0;
}


.cp_hr02 {  /*区切り線*/
	border-width: 2px 0 0 0;
	border-style: dashed;
	border-color: #dcdcdc;
}

.img-container{
  display:flex;/* flexbox */
  justify-content:center; /* 水平方向 */
  align-items: center; /* 垂直方向 */
}

.case04 img {   /*画像　テキスト中央*/
vertical-align: middle;
}


.bokinjisseki {
  border-bottom:solid 3px #ff3300;
  padding-bottom:5px;
  display:inline-block;
  font-size:20px;
}

.box1 {     /*細い灰色ボックス*/
    padding: 0.5em 1em;
    margin: 1em 0;
    border: solid 1px #d3d3d3;
}
.box1 p {
    margin: 0; 
    padding: 0;
}


.ribbon16-wrapper {  
  display: block;
  position: relative;
  margin: 15px auto;
  padding: 10px 0;
  width: 300px;
  background: #f1f1f1;
  box-sizing: border-box;
  }

.ribbon16 {  
  display: inline-block;
  position: absolute;
  top: -6px;
  right: 10px;
  margin: 0;
  padding: 10px 0 7px;
  z-index: 2;
  width: 40px;
  text-align: center;
  color: white;
  font-size: 13px;
  background: #fa8383;
  border-radius: 2px 0 0 0;
  }

.ribbon16:before {
  position: absolute;
  content: '';
  top: 0;
  right: -5px;
  border: none;
  border-bottom: solid 6px #d07676;
  border-right: solid 5px transparent;
}

.ribbon16:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 10px solid #fa8383;
}

.a1{color: #696969;
}


.boxchiiki {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #FFF;
    border: solid 3px #008b8b;/*線*/
    border-radius: 10px;/*角の丸み*/   
}

.boxchiiki p {
    margin: 0; 
    padding: 0;
}

.img-container.kaki2{
  display:flex;/* flexbox */　　　横並び
  justify-content: center;　　　　水平方向
  align-content: stretch; /* 垂直方向 */
}

.txt-kaki2 {
    overflow: auto;
    font-size: 18px; 
}

.boxchiiki2{
    padding: 0.5em 1em;
    margin: 0.5em ;
    font-size: 16px;
    background: #FFF;
    border: solid 3px #008b8b;/*線*/
    border-radius: 10px;/*角の丸み*/  
   flex-basis: 50%;
}


.wrap{
 display:flex;
 align-items: stretch;
}
 @media screen and (max-width: 767px) {
     .wrap {
        display:block;
        width:100%;
}
}


.idou.px {
  font-size: 12px
}


.header_baton {
  position: relative;
  }

.header_baton p {
  position: absolute;
  top: 5%;/*画像の左上に配置*/
  right: 3%;
  margin: 0; /*余計な隙間を除く*/
  color: #f08080;/*文字を白に*/
  background-color: #7fbfff;/*背景色*/
  background-color: rgba(255, 255, 255, 0.6);
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;/*行高は2に*/
  padding: 5px 10px;/*文字周りの余白*/
  text-align:right;
  text-shadow    : 
       2px  2px 1px #c0c0c0;
      -2px  2px 1px #c0c0c0;
       2px -2px 1px #c0c0c0;
      -2px -2px 1px #c0c0c0;
       2px  0px 1px #c0c0c0;
       0px  2px 1px #c0c0c0;
      -2px  0px 1px #c0c0c0;
       0px -2px 1px #c0c0c0;
  }

.header_baton img {
  width: 100%;
  }


.square li { 
       background-image: none;
       margin-top:0 !important;
	text-align: left;
         position: relative; /*基準位置*/
        padding-left: 1em;  /*マーカーとテキストの間隔*/
       font-weight: normal; 
       font-size: 94%;
}
.square p {
    line-height:1.5em;
}
.square li:before {
    width: 10px; /*点の幅*/
    height:10px; /*点の高さ*/
    display: block;
    position: absolute; /*絶対配置*/
    left: 0; /*点の位置*/
    top: 0.6em; /*点の位置*/
    content: "";
    background: #808080; /*点の色*/

}
.square4 ul {
     padding:0;
}
.square4 li { 
       background-image: none;
       margin-top:0 !important;
	text-align: left;
         position: relative; /*基準位置*/
        padding-left: 1em;  /*マーカーとテキストの間隔*/
       font-weight: normal; 
       font-size: 94%;
}
.square4 p {
    line-height:1.5em;
}
.square4 li:before {
    width: 10px; /*点の幅*/
    height:10px; /*点の高さ*/
    display: block;
    position: absolute; /*絶対配置*/
    left: 0; /*点の位置*/
    top: 0.4em; /*点の位置*/
    content: "";
    background: #808080; /*点の色*/

}
.square2 li { 
       margin-top:0 !important;
	text-align: left;
         position: relative; /*基準位置*/
        padding-left: 1em;  /*マーカーとテキストの間隔*/
       font-weight: bold; 
       font-size: 100%;
}
.square2 li:before {
    width: 10px; /*点の幅*/
    height: 10px; /*点の高さ*/
    display: block;
    position: absolute; /*絶対配置*/
    left: 0; /*点の位置*/
    top: 0.6em; /*点の位置*/
    content: "";
    background: #808080; /*点の色*/
}
.square2 p {
    font-size:100%;
}

.list-square li {    /*四角マークのリスト*/
  list-style:none;
  position: relative;
  padding-left: 1.4em;/*アイコン分のスペース*/
  font-size:100%;
}
.list-square li:before {
   font-family: "Font Awesome 5 Free";
  content: "\f0c8";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 0.8em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #a1a1a1; /*アイコン色*/
}
@media screen and (max-width: 899px) {
  .list-square {
     padding-left:0.2em;
}
  .list-square li:before {
      left: 0;/*アイコンの位置*/
      top: 0;/*アイコンの位置*/
}
}



.list-none {
  font-size:100%;
  padding:0;
  margin:0;
}
.list-none li {             
   background-image: none;     /*デフォルトのマーカーを消す*/
}
@media screen and (max-width: 900px) {
   .list-none li:before {
       background: none;
   }
}

.list-none2 {
  font-size:100%;
  padding:0;
  margin:0;
}
.list-none2 li {             
   background-image: none;     /*デフォルトのマーカーを消す*/
}
@media screen and (max-width: 900px) {
   .list-none2 li:before {
       background-image: none;
   }
}
 


ul.example100 li ul {    /*リスト入れ子*/
  font-size: 100%;
  margin: 0 0 0 1em;
  padding: 0;
}


.flex-container {
  display: flex;  
}

.flex-1 {
    flex: 1;
    font-size:14px;
 }
.flex-2 { 
    flex: 2;
    font-size:100%;
   padding:10px;
 }
 
 @media screen and (max-width: 767px) {
     .flex-container {
        display:block;
 }
     .flex-1 {
         width: 100%;
         margin: 0 auto;
 }
     .flex-2 {
         width: 95%;
         margin: 0 auto;
 }
}

.boxchiiki3{    /*各種地域情報*/
    padding: 0.5em 1em;
    margin: 1em 0;
    font-size: 16px;
    background: #FFF;
    border: solid 1px #b0c4de;/*線*/
    border-radius: 10px;/*角の丸み*/  
   flex-basis: 50%;
}

.new{   /*リボン*/
	font-weight:bold;
	font-family:'Helvetica', 'sans-serif';
	position:relative;
	display:block;
	width:300px;
	height:144px;
	margin:5px;

}

.new:before,
.new:after{
	display:block;
	position:absolute;
	left:-10px;
}
.new:before{
	content:"";
	border:6px solid transparent;
	border-top-color:#a1364f;
	border-right-color:#a1364f;
	top:32px;
}
.new:after{
	content:"NEW!";
	background:#c24760;
	color:#fff;
	padding:0 24px;
	height:24px;
	line-height:24px;
	top:8px;
	z-index:10;
}

td.none {
    border: none;
}

.img-hyakkaten  {
    width: 100%;
    height: 300px;
    object-fit: scale-down;
  }


.kakomi-te1 {
 margin: 2em auto; 
 padding: 1em 1.5em;
 box-sizing:border-box;
 width: 100%; /*幅の調節*/
 font-size:100%;
 background-color: #fff; /* 背景色 */
 border: 2px solid #f6bfbc; /*線の太さ・色*/
 border-radius: 3em .8em 3em .7em/.9em 2em .8em 3em;
}


.flex-container {
  display: flex;
}

.idou-1 {
    flex: 1;
   padding-top:10px;
   padding-bottom:10px;
 }

.idou-2 { 
    flex: 2;
    font-size:90%;
   padding-left:15px;
   padding-top:10px;
  line-height:1.5em;     /*行間*/
 }   

 @media screen and (max-width: 767px) {
     .flex-container {
        display:block;
 }
     .idou-1 {
         width: 100%;
         margin: 0 auto;
 }
     .idou-2 {
         width: 100%;
         margin: 0 auto;
 }
}

.topics2 dl {
padding: 5px 0;
border:none;
}
.topics2 dt {
padding-bottom: 5px;
font-size:100%;
text-align:center;
}
.topics2 dd {
padding-bottom: 5px;
font-size:100%;
}

@media screen and (min-width: 768px) {
.topics2 dt {
   clear: left;
   float: left;
   width: 20%;
}
.topics2 dd {
margin-left: 20%;
}
}


.hamajima {
   background-color:#ffc6ff;
}

.daiou {
  background-color:#c6c6ff;
}

.shima {
  background-color:#c6ffff;
}

.ago {
  background-color:#c6ffc6;
}

.isobe {
  background-color:#ffffc6;
}

.zenniki {
  background-color:#ffc6c6;
}

.f-container { 
  display: flex;      
}
.f-item {
  padding:10px;
}


.flex-container {
  display: flex;
}
.hane-1{
   flex:1;
   display: flex;
   align-items: center;
   justify-content: center;
}
.hane-2{
   flex:2;
   font-size:100%;
    padding-left:10px;
   width:60%;
}

@media screen and (max-width: 767px) {
     .flex-container {
        display:block;
 }
     .hane-1 {
         width: 100%;
         margin: 0 auto;
 }
     .hane-2 {
         width: 100%;
         margin: 0 auto;
 }
}

.flex-container {
  display: flex;
}
.img-hane{     /*画像2列*/
  width:calc(100%/2);
  padding:1px ;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {   /*スマホは縦1列*/
     .flex-container {
        display:block;
 }
     .img-hane {
         flex-shrink: 1;
          width: 100%;
         margin: 0 auto;
 }
}

.double {   /*二重下線*/
   display: inline-block;
   border-bottom: double 5px #ea5550;
  font-weight:bold;
}

.double_orange {
    padding:0 10px;
    font-weight:bold;
    border-bottom:double 5px #E8B696;
}

.double_darkgray{   /*二重下線*/
   border-bottom: double 5px #595857;
  font-weight:bold;
}




h8 {
   padding: 0.25em 0.5em;/*上下 左右の余白*/
   background: transparent;/*背景透明に*/
   border-left: solid 5px #7db4e6;/*左線*/
  font-weight:bold;
}

.box-v {    
     display: inline-block;  /*文字の幅で背景*/
    padding: 0.5em 1em;
    margin: 2em 0;
    background:#fff4f9;/*背景色うすピンク*/
}
.box-v p {
    margin: 0; 
    padding: 0;
   font-weight:bold;
}

.flex-container {
  display: flex;
}

.idou-3 {      /*業者名*/
    flex: 1;
    flex-basis: 35%; 
    padding-top:10px;
    padding-bottom:10px;
 }

.idou-4 {     /*巡回地域*/
    flex: 2;
    font-size:90%;
    padding-top:10px;
    padding-bottom:10px;
 }   

 @media screen and (max-width: 767px) {
     .flex-container {
        display:block;
 }
     .idou-3 {
         width: 100%;
         margin: 0 auto;
 }
     .idou-4 {
         width: 100%;
         margin: 0 auto;
 }
}


.table.tbl-kyujin {     /*求人ﾃｰﾌﾞﾙ*/
  margin: 20px auto;
}
.tbl-kyujin th {
  background: #f8f8ff;
  border: solid 1px #ccc;
  padding: 5px;
  text-align:center;
  font-weight: bold;
  width:25%;
}
.tbl-kyujin td {
　border: solid 1px #ccc;
  padding: 5px;
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-kyujin {
    width: 100%;
  }
  .tbl-kyujin th,
  .tbl-kyujin td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}

.box-sns{   
    padding-left:1em;
    margin: 1em 0;
    font-size: 16px;
    background: #FFF;
    border: solid 1px #d3d3d3;/*線*/
    border-radius: 10px;/*角の丸み*/  
   flex-basis: 50%;
   width:450px;
   max-width: 90%;
}


.flex-container-qr {
  display: flex;  
  align-items: center;
}

.qr-1 {
    flex: 1;
    width:130px;
 }
.qr-2 { 
    flex: 2;
    width:410px;
 }
.qr-3 {
    width:150px;
 }
.qr-3 img {
    max-widht:100%;
    height:auto;
 }
 
@media screen and (max-width:640px) {
     .flex-container-qr {
        display:block;
 }
     .qr-1 {
         width: 100%;
         margin: 0 auto;
 }
     .qr-2 {
         width: 100%;
         margin: 0 auto;
 }
}


figure.gazo-box {
float: left;
padding-right: 5px;
}

.btn-hamajima {
  position: relative;
  display: inline-block;
  padding: 0.5em 2em;
  color: #696969;
  text-decoration: none;
  background: #ffc6ff;/*背景色*/
  border-bottom: solid 2px #ffc1ff;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
}

.btn-hamajima:active {
  border-bottom: solid 2px #ffbcff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.btn-daiou {
  position: relative;
  display: inline-block;
  padding: 0.5em 2em;
  color: #696969;
  text-decoration: none;
  background: #c6c6ff;/*背景色*/
  border-bottom: solid 2px #c1c1ff;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
}

.btn-daiou:active {
  border-bottom: solid 2px #bcbcff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.btn-shima {
  position: relative;
  display: inline-block;
  padding: 0.5em 2em;
  color: #696969;
  text-decoration: none;
  background: #c6ffff;/*背景色*/
  border-bottom: solid 2px #c1ffff;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
}

.btn-shima:active {
  border-bottom: solid 2px #bcffff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.btn-ago {
  position: relative;
  display: inline-block;
  padding: 0.5em 2em;
  color: #696969;
  text-decoration: none;
  background: #c6ffc6;/*背景色*/
  border-bottom: solid 2px #c1ffc1;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
}

.btn-ago:active {
  border-bottom: solid 2px #bcffbc;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.btn-isobe {
  position: relative;
  display: inline-block;
  padding: 0.5em 2em;
  color: #696969;
  text-decoration: none;
  background: #ffffc6;/*背景色*/
  border-bottom: solid 2px #ffffc1;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
}

.btn-isobe:active {
  border-bottom: solid 2px #ffffbc;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.flex-btn {
   display: flex;
   justify-content: space-between;
}
.btn {
   width: 20%;
}

@media screen and (max-width: 767px) {
  .flex-btn {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
  }
  .flex-btn:after{
    content:"";
    display:block;
    width: 32%;
    height:0;
}
  .btn{
    width: 32%;
    margin-bottom: 10px;
}
}

.dsc1-2item {
	table-layout:fixed;
}
.dsc1-2item th, .dsc1-2item td {
	padding: 6px;
}

.dsc1-2item th{
	width:33%;
       background-color:#fffff9;
}

.dsc1-2item th {
	text-align: center;
}

.dsc1-2item td {
	vertical-align: top;
}
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .dsc1-2item {
    width: 100%;
  }
  .dsc1-2item th,
  .dsc1-2item td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}

.container-chiiki {
	display: flex; /* flexbox */
	flex-wrap: wrap; /* 折返し指定 */
}

.container-chiiki div {
	width: calc(50% - 22px); /* gap padding分を引く */
	padding: 10px;
}
 @media screen and (max-width: 767px) {
     .container-chiiki {
        display:block;
        width:100%;
}
    .container-chiiki div {
       width:100%;
}
}

.kihu {     
  border: 0px none;
}
.kihu td {
  border: 0px none;
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
    width: 100%;
  }
  .kihu {
    width: 100%;
  }
  .kihu td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}


.flex-container-center {   /*画像　テキスト中央*/
  display: flex;  
  justify-content: center;
  align-items: center;
}

.img-1 {
    flex: 1;
    width:500px;
   margin-right:15px;
 }
.txt-2 { 
    flex: 2;
   font-size:100%;
   width:350px;
 }
 
@media screen and (max-width:640px) {
     .flex-container-center {
        display:block;
 }
     .img-1 {
         width: 100%;
         margin: 0 auto;
 }
     .txt-2 {
         width: 100%;
         margin: 0 auto;
 }
}

.kakomi-orange {   /*オレンジ囲み*/
 margin: 1em auto; 
 padding: 1em 1.5em;
 box-sizing:border-box;
 width:100%;
 color: #616161; /* 文字色 */
 background-color: #fff; /* 背景色 */
 border: 2px solid #ffa500; /*線の太さ・色*/
 border-radius: 3em .8em 3em .7em/.9em 2em .8em 3em;
 font-size:95%;
}

.flex-container3 {
  display: flex;
}
.img3{     /*画像3列*/
  width:calc(100%/3);
  padding:1px ;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {   /*スマホは縦1列*/
     .flex-container3 {
        display:block;
 }
     .img3 {
         flex-shrink: 1;
          width: 100%;
         margin: 0 auto;
 }
}

.flex-container4 {
  display: flex;
  flex-wrap:wrap;
  width:100%;
}
.img4{     /*画像4列*/
  width:calc(100%/4 - 10px);
  padding:1px ;
  margin-bottom: 5px;
}
.img4 img {
   object-fit:cover;
   height:200px;
   width:100%;
}


@media screen and (max-width: 767px) {   /*スマホは縦2列*/
     .flex-container4 {
         display:flex;
         flex-wrap:wrap;
    }
     .img4 {
          width:45%;
         margin: 0 auto;
 }
}

.box-new {  
   display:inline-block;    /*文字の長さにあわせる*/
    padding: 0em 0.5em;
    margin: 0.5em 0;
    font-size:16px;
    font-weight: bold;
    color: #fff;/*文字色*/
    background: #ff7f50;
    border-radius: 30px;/*角の丸み*/
}
.box-new p {
    margin: 0; 
    padding: 0;
}

.box-new-mini {  
   display:inline-block;    /*文字の長さにあわせる*/
    padding: 0em 0.5em;
    margin: 0.5em 0;
    font-size:10px;
    font-weight: bold;
    color: #fff;/*文字色*/
    background: #ff7f50;
    border-radius: 30px;/*角の丸み*/
    vertical-align:middle;
}
.box-new-mini p {
    margin: 0; 
    padding: 0;
}

.bokin4 {
	display: flex;
	flex-wrap:wrap;
}
.bokin4 li {
	width:200px;
	padding:0 5px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
}
.bokin4 li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}
.bokin4 {
    list-style: none;
}
@media screen and (max-width: 767px) {   
     .bokin4 {
        display:flex;  /*2列にしたいからflex*/
 }
     .bokin4 li {
         width:140px;
         margin: 0 auto;
 }
}


.tbl_sisetu{
	width:100%;
	font-size:16px;
	margin:5px 0;
	border-collapse: collapse;
	border-spacing:0px;
}

.tbl_sisetu th{
	background-color:#EBEBEB;
	padding:5px;
}

.tbl_sisetu td{
	background-color:#FFFFFF;
	padding:10px;
}

.tbl_sisetu td th{
	padding:2px;
	border:solid 1px #CCC;
}
.list-poti ul {
	padding: 10px 0;
}
.list-poti ul li {
	list-style-type: circle;
	background-position: 2px 8px;
	background-repeat: no-repeat;
	padding: 0 0 0 25px;
}


.triangle-bottom {   /*下向き三角*/ 
  display: inline-block;
  border-style: solid;
  border-width: 24px 14px 0 14px;
  border-color: #000 transparent transparent transparent;
 text-align: center;
}

.disc li  {
       margin-top:0 !important;
	text-align: left;
         position: relative; /*基準位置*/
        padding-left: 1em;  /*マーカーとテキストの間隔*/
       font-weight: normal; 
       font-size: 94%;
       border-bottom:dashed 2px #ccc;
}

.disc li:before {
    width: 7px; /*点の幅*/
    height: 7px; /*点の高さ*/
    border-radius: 50%;
    display: block;
    position: absolute; /*絶対配置*/
    left: 0; /*点の位置*/
    top: 0.8em; /*点の位置*/
    content: "";
    background: #808080; /*点の色*/
}

.disc-0 li  {
       margin-top:0 !important;
	text-align: left;
         position: relative; /*基準位置*/
        padding-left: 1em;  /*マーカーとテキストの間隔*/
       font-weight: normal; 
       font-size: 94%;
}

.disc-0 li:before {
    width: 7px; /*点の幅*/
    height: 7px; /*点の高さ*/
    border-radius: 50%;
    display: block;
    position: absolute; /*絶対配置*/
    left: 0; /*点の位置*/
    top: 0.8em; /*点の位置*/
    content: "";
    background: #808080; /*点の色*/
}
.disc-02 ul {
    margin:0;
    padding:0;
}
.disc-02 li  {
       margin-top:0 !important;
	text-align: left;
         position: relative; /*基準位置*/
        padding-left: 1em;  /*マーカーとテキストの間隔*/
       font-weight: normal; 
       font-size: 94%;
}

.disc-02 li:before {
    width: 7px; /*点の幅*/
    height: 7px; /*点の高さ*/
    border-radius: 50%;
    display: block;
    position: absolute; /*絶対配置*/
    left: 0; /*点の位置*/
    top: 0.5em; /*点の位置*/
    content: "";
    background: #808080; /*点の色*/
     line-height:1.5em;
}
.disc-03 li  {
       margin-top:0 !important;
	text-align: left;
         position: relative; /*基準位置*/
        padding-left: 1em;  /*マーカーとテキストの間隔*/
       font-weight: normal; 
       font-size: 94%;
}

.disc-03 li:before {
    width: 7px; /*点の幅*/
    height: 7px; /*点の高さ*/
    border-radius: 50%;
    display: block;
    position: absolute; /*絶対配置*/
    left: 0; /*点の位置*/
    top: 0.4em; /*点の位置*/
    content: "";
    background: #808080; /*点の色*/
}

.disc-column3 {    /*縦3列リスト*/
     column-count: 3;
     column-gap: 2em;
     width:90%;
}
.disc-column3 li  {
       margin-top:0 !important;
	text-align: left;
         position: relative; /*基準位置*/
        padding-left: 1em;  /*マーカーとテキストの間隔*/
       font-weight: normal; 
       font-size:85%;
       line-height:1.8em;
}
.disc-column3 li:before {
    width: 4px; /*点の幅*/
    height: 4px; /*点の高さ*/
    border-radius: 50%;
    display: block;
    position: absolute; /*絶対配置*/
    left: 0; /*点の位置*/
    top: 0.6em; /*点の位置*/
    content: "";
    background: #808080; /*点の色*/
}
@media screen and (max-width: 768px) {
     .disc-column3 {   
       column-count: 2;
       width: fit-content;
       column-gap: 2em;
}
}



.disc-topi li  {
       margin-top:0 !important;
	text-align: left;
         position: relative; /*基準位置*/
        padding-left: 1em;  /*マーカーとテキストの間隔*/
       font-weight: normal; 
       font-size: 100%;
}

.disc-topi li:before {
    width: 4px; /*点の幅*/
    height: 4px; /*点の高さ*/
    border-radius: 50%;
    display: block;
    position: absolute; /*絶対配置*/
    left: 0; /*点の位置*/
    top: 0.3em; /*点の位置*/
    content: "";
    background: #808080; /*点の色*/
}

.list-box-1{
   background: #fef4f4; /* 背景色 */
   border-radius: 10px;
   max-width: 600px; /* 横幅 */
   padding: 15px;
   margin: 2em auto;
}
@media screen and (max-width: 768px){
.article ul, .article ol {
    padding-left: 0px; /* スマホ閲覧時の余白リセット(cocoon) */
}
}


.flex-container-vc {
  display:flex;/* flexbox */　　　横並び
  justify-content: center;　　　　水平方向
}
.flex-container-vc:nth-child(even) {
   flex-direction: row-reverse;
}
.sample_box11-2 {
   width: 30%;/* 紙の横幅 100%にすると全幅表示に */
   padding: 20px;
   margin: 2em 1em;
   background: #f8e58c;/* 紙の色 */
   color: #696969;/* 文字色 */
   word-break: break-all;
}
.sample_box11-2 p {
    margin: 0; 
    padding: 5px;
    font-size: 110%;
   line-height:1.5em;
   font-weight:bold;
   text-align:center;
}
.sample_box11-2_tape {
    width: 50%;
    height: 35px;
    margin: -40px auto 0;
    background: #989898;
    transform: rotate(-1deg);
    opacity: 0.1;
}
.box15-3 {　　
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #565656;
   font-size:100%;
   line-height:1.5em;
}
@media screen and (max-width: 767px) {
   .flex-container-vc {
      display:block;
   }
   .sample_box11-2 {
      width:60%;
      padding: 5px;
      margin: 0; 
      font-size:100%;
   }
    .sample_box11-2 p {
      font-size:95%;
      line-height:1.5em;
    }
    .sample_box11-2_tape {
       margin: -30px auto 0;
    }
   .box15-3 {
      width:100%;
   }
} 

.flex-box11-3 {
   display:flex;
   flex-wrap:wrap;
}
.sample_box11-3 {
   width: 40%;/* 紙の横幅 100%にすると全幅表示に */
   padding: 20px;
   margin: 1em 1em;
   background: #fff1cf;/* 紙の色 */
   color: #616161;/* 文字色 */
   line-height:1.5em;
   font-size:100%;
}
@media screen and (max-width: 767px) {
   .flex-box11-3 {
      display:block;
   }
   .sample_box11-3 {
     width:90%;
     margin-bottom:2em;
   }
}


.arrow_r_b {   /*右矢印丸背景*/
  position: relative;
  display: inline-block;
  padding-left: 30px;
  color:#565656;
  text-decoration: none;
  border-bottom:dashed 1px #969696;
  width:100%;
}
.arrow_r_b:before {
  content: '';
  width: 18px;
  height: 18px;
  background: #008b8b;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -3px;
  margin-top: -9px;
}
.arrow_r_b:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
  transform: rotate(45deg);
}


.flex-pan {
   display: flex;
   flex-wrap:wrap;
}
.pan {
   width: 23%;
   padding:1px;
   margin-bottom:20px;
}
.pan2 {
  width:30%;
  padding:5px;
  margin-right:10px;
}
.pan img {
   margin-bottom:15px;
   max-width: 100%;
}
.pan2 img {
   margin-bottom:5px;
   max-width:100%;
}
.pan p {
   font-weight:bold;
   text-align: center;
   font-size:18px;
}
.pan2 p {
   font-size:90%;
   text-align:center;
}
.flex-pan:after {
    content: "";
    display: block;
    width: 23%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}
@media screen and (max-width: 767px) {
  .flex-pan {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
  }
 .flex-pan:after{
    content:"";
    display:block;
    width: 50%;
    height:0;
}
  .pan {
    width: 45%;
    margin-bottom: 30px;
}
  .pan2 {
    width:70%;
    margin-bottom:10px;
    text-align:center;
}
}


.list-box-1{
   background: #fef4f4; /* 背景色 */
   border-radius: 4px;
   max-width: 600px; /* 横幅 */
   padding: 15px;
   margin: 2em auto;
}
@media screen and (max-width: 768px){
.article ul, .article ol {
    padding-left: 0px; /* スマホ閲覧時の余白リセット(cocoon) */
}
}

.image-wrap{    /*えりはら外観画像*/
    margin: 10px 5px;
}
.image-wrap img {
    height: 200px;
}
@media screen and (max-width: 767px) {
  .flex-container {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
  }
}

.container {
	display: flex;
}
.tbl-erihara {    /*えりはら日課*/
	width: 100%;
        border:solid 1px #ccc;
}
.tbl-erihara tr td {
      border:solid 1px #ccc;
}
.tbl-erihara th {
	padding: 1px;
	color: #565656;
        background:#ffefd5;
       font-size:85%;
       text-align:center;
}

.tbl-erihara td {
	padding: 1px;
        font-size:85%;
       text-align:center;
}
@media screen and (max-width: 767px) {
     .container {
        display:block;
     }
     .tbl-erihara {
         width:100%;
         line-height:1.5em;
     }
}
.tbl-erihara a {
    text-decoration: none;
    color:#616161;
}
.tbl-erihara a:hover {
   color : #4d82c4;
}
.tbl-erihara i {
   font-size:1.3em;
   color:#93ca76;
   float: right;
   padding:7px 10px 0 0;
}

.tbl-erihara2 {    /*えりはら日課*/
	width: 90%;
}

.tbl-erihara2 th {
	padding: 5px;
	color: #565656;
        background:#ffefd5;
       font-size:95%;
       text-align:center;
       width:23%;
}

.tbl-erihara2 td {
        border:1px solid #ccc;
        font-size:90%;
        width:11%;
        text-align:center;
}
@media screen and (max-width: 767px) {
  .tbl-erihara2 {
    width:100%;
    font-size:90%;
  }
  .tbl-erihara2 .thead {
     display:none;
  }
  .tbl-erihara2 tr {
     width:90%;
     border-bottom:1px solid #ccc;
  }
  .tbl-erihara2 th {
     width:30%;
   }
  .tbl-erihara2 td {
    display:block;
    text-align:center;
     width:100%;
     padding:5px;
     border-bottom:none;
  }
   .tbl-erihara2 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    padding-left: 10%;
  }
   .tbl-erihara2 td br {
     display:none;
  }
}


.flex-seihin {    /*えりはら製品*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: dashed 1px #ff9999;/*点線*/
}
.seihin-img {
    padding: 5px 10px;
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.seihin-text {
  padding: 0.5em 1em;
  width: 65%;
}
.seihin-title {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 18px;
}
.seihin-p {
  margin: 10px 0 0;
  padding: 0;
  font-size:16px;
  line-height:1.5em;
}

.flex-seihin2 {    
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: dashed 1px #ff9999;/*点線*/
}
@media screen and (max-width: 380px){
.flex-seihin2 {
  height:250px;
}
}

.flex-seihin3 {   
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: dashed 1px #ff9999;/*点線*/
   width:50%;
}
@media screen and (max-width: 768px){
  .flex-seihin3 {
    width:100%;
}
}


.list-box-2{
   background: #fffff0; /* 背景色 */
   border-radius: 10px;
   width:100%; /* 横幅 */
   padding: 15px;
   margin: 2em ;
  font-size:90%;
}
@media screen and (max-width: 768px){
.article ul, .article ol {
    padding-left: 0px; /* スマホ閲覧時の余白リセット(cocoon) */
}
}


.f-container {
  display: flex;
  justify-content: center;
}
.f-txt {
  flex: 1;
}
@media screen and (max-width: 767px) {
     .f-container {
        display:block;
 }
     .f-img {
         width: 100%;
         margin: 0 auto;
 }
     .f-txt {
         width: 100%;
         margin: 0 auto;
 }
}

.topics3 dl {
 display: flex;
 flex-wrap: wrap;
 padding: 15px 0;
 border-bottom: 1px dotted #ccc;
}

.topics3 dt {
  width:20%;    
  font-size:90%;
  line-height:0.8em;
}   

.topics3 dd {   
     width:70%;
     line-height:0.8em;
     font-size:90%;
}

.topics3_2 {
 width:80%;
 margin:0 auto;
}  
.topics3_2 dl {
 display: flex;
 flex-wrap: wrap;
 padding: 15px 0;
 border-bottom: 1px dotted #ccc;
}

.topics3_2 dt {
  width:40%;    
  font-size:90%;
  line-height:0.8em;
}   

.topics3_2 dd {   
     width:60%;
     line-height:0.8em;
     font-size:90%;
}

.circle li { 
       margin-top:0 !important;
	text-align: left;
         position: relative; /*基準位置*/
        padding-left: 1em;  /*マーカーとテキストの間隔*/
       font-weight: normal; 
       font-size: 94%;
}
.circle li:before {
  display: block;
  position: absolute; /*絶対配置*/
  width: 10px;
  height: 10px;
  left: 0; /*点の位置*/
  top: 0.6em; /*点の位置*/
  content: "";
  border-radius: 50%;
  border: solid 1px #969696;
}


.flex-container {
  display: flex; 
}
.flex-container2{
  display:flex;
  flex-wrap:wrap;
  width: 800px;
}
.spacer {
  width: 100%;
    margin-bottom:20px;
}
.item1 {
   width:40%;
   margin-right:20px;
}
.item1 img {
   width:100%;
   height:auto:
}
.item2 {
   width:50%;
   font-size:90%;
   line-height:1.5em;
}
.item5 {
   width:50%;
   margin-left:10px;
  font-size:100%;
}
.item5 img {
   width:350px;
   margin-bottom:5px;
}

.item7 {
   width:60%;
   margin-left:10px;
  font-size:100%;
}
.item8 {
   float:right;
   width:30%;
}
.item9 {
   width:30%;
   margin-right:20px;
}
.item9 img {
   width:100%;
   height:auto:
}
.item10 {
   width:15%;
   margin-right:20px;
}
.item10 img {
   width:100%;
   height:auto;
}
.item11 {
    width:30%;
}
.item11 img {
    max-width:100%;
    height:auto;
}
.item11f {
    width:30%;
    margin-left:10px;
}
.item11f img {
    max-width:100%;
    height:auto;
    padding-bottom:3px;
}
.item11f-2 {
    width:80%;
    margin-left:10px;
}
.item11f-2 img {
    max-width:100%;
    height:auto;
    padding-bottom:3px;
}
.item12 {
    width:48%;
    margin-right:5px;
}
@media screen and (max-width: 767px) {
     .flex-container {
        display:block;
 }
     .item1  {
       width:100%;
       margin-bottom:10px;
 }
      .item2  {
       width:100%;
 }
      .item5 {
        width:100%;
 }
      .item7 {
        width:90%;
  }
      .item9 {
        width:60%;
  }
     .item11 {
       width:70%;
    }
     .item11f {
       width:100%;
   }
      .item11f img {
        max-width:48%;
        height:auto;
        padding-right:5px;
        margin:0 auto;
}
    .item11f-2 img {
       max-width:48%;
   }
    .item12 {
      width:100%;
}
}


.flex-container-illust {
  display: flex; 
}
.item6 {
   width:60%;
}
.item6 img {
   width:150px;
}
@media screen and (max-width: 767px) {
     .flex-container-illust {
        display:flex;
 }
    .item6 {
      width:80%;
  }
}


.flex-habataki2 {
   display:flex;
   flex-wrap:wrap;
   align-items: stretch;
}
.item3 {
   width:calc(45% - 5px);
  margin:0 5px 5px 0;
}
.item4 {
    width:calc(33% - 5px);
    margin-right:5px;
}
@media screen and (max-width: 767px) {
  .flex-habataki2 {
      display:block;
}
  .item3 {
      width:100%;
}
.item4 {
    width:100%;
    margin-bottom:5px;
}
}

.flex-habataki3 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.flex-habataki3 img {
    width: 100%;
    max-height: 150px;
    margin-bottom:1px;
}
@media screen and (max-width: 767px) {
  .flex-habataki3 {
     width: 100%;
    display: flex;
    flex-wrap: wrap;
}
  .flex-habataki3 img {
   width: 100%;
    max-height: 100px;
    margin-bottom:1px;
}
}

.flex-habataki4 {
    width: 100%;
    display: flex;
}
.flex-habataki4-img {
   margin-right:5px;
}
.flex-habataki4 img {
    width: 100%;
    max-height: 300px;
    margin-right:5px;
}
@media screen and (max-width: 767px) {
  .flex-habataki4 {
     width: 100%;
    display: flex;
    flex-wrap: wrap;
}
  .flex-habataki4 img {
   width: 100%;
    max-height: 100px;
    margin-bottom:1px;
}
}

.topics-h, dl {  
padding: 10px 0;
border-bottom: 1px solid #ccc;
}
.topics-h dt {
float: left;
padding-bottom: 5px;
width:20%;
}
.topics-h dd{
  margin-left: 100px;
}
.topics-h dl:last-child{
  border-bottom: none;
}
@media screen and (max-width: 430px) {
  .topics-h dt {
     width: 30%;
}
 .topics-h dd {
   width:100%;
}
}


.outer-vc{
  text-align: center;
}
.inner-vc{
  display: inline-block;
  text-align: left;
  width:70%;
  font-size:100%;
}


.list-6{
   counter-reset:number;
   list-style-type: none;
   padding:0;
   margin:0;
}
.list-6 li { 
   border-bottom:2px dashed;
   border-color:#cdcdcd; /* 線の色 */
   position: relative;
   margin:0.5em 0 !important;
   max-width:500px; /* 横幅 */
   padding: 0 0 0.2em 1.8em;
   font-size:18px;
   line-height:25px;
}
.list-6 li:last-child { 
   border:none;
}
.list-6 li:before {
   counter-increment: number;
   content: counter(number);
   background-color: #ffa952; /* 文字背景色 */
   color: #fff; /* 文字色 */
   position: absolute;
   font-weight:bold;
   font-size: 14px;
   border-radius: 50%;
   left: 0;
   top:0em;
   width: 22px;
   height: 22px;
   line-height: 22px;
   text-align: center;
}

.list-7 {
   list-style-type: none;
   padding:0;
   margin:0;
}
.list-7 li { 
   border-bottom:1px dashed;
   border-color:#cdcdcd; /* 線の色 */
   position: relative;
   margin:0.5em 0 !important;
   max-width:100%;;/* 横幅 */
   padding: 0 0 0.2em 1.8em;
   font-size:94%;
   line-height:1.8em;
}
.list-7 li:last-child { 
   border:none;
}



.sample ol {
  list-style: none;
}
.sample li {
  padding-bottom:10px;
}
.sample a {
  text-decoration: none;
  color: inherit;
}
.targets {
 margin: 1em ; 
 padding: 1em 1em;
 box-sizing:border-box;
 width: 100%; /*幅の調節*/
 color: #565656; /* 文字色 */
 background-color: #fff; /* 背景色 */
}
[value="All"]:checked ~ .targets [data-category] {
  display: block;
}
[value="kosodate"]:checked ~ .targets .target:not([data-category~="kosodate"]), 
[value="kourei"]:checked ~ .targets .target:not([data-category~="kourei"]), 
[value="syougai"]:checked ~ .targets .target:not([data-category~="syougai"]), 
[value="houmon"]:checked ~ .targets .target:not([data-category~="houmon"]), 
[value="kouryuu"]:checked ~ .targets .target:not([data-category~="kouryuu"]),
[value="bousai"]:checked ~ .targets .target:not([data-category~="bousai"]), 
[value="konkyuu"]:checked ~ .targets .target:not([data-category~="konkyuu"]) {
  display: none;
}
.targets dl {
    display: table;
    border-top: dashed 1px #e1e1e1;
    border-bottom: 0;
    width: 100%;
    padding: 5px;
}
.targets dt {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #fffff0;
    font-size:90%;
}   
.targets dd {   
     width: 65%;
     line-height:1.2em;
     font-size:90%;
     padding-left:10px;
    display: table-cell;
    vertical-align: middle;
}
 @media screen and (max-width: 767px) {
   .targets_th {
      display:none;
   }
   .targets dl {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #ddd;
         width:100%;
   }
   .targets dt,
   .targets dd {
        display: flex;
        flex-direction: column;
        justify-content: center;
       padding:10px;
       width:100%;
    }
}
/*  ラジオボタンを非表示に */
input[type="radio"] {
  position: absolute;
  left: -9999px;
}
/*  以下はラベルのスタイル */
.filters {
    list-style: none;
    display:flex;
    flex-wrap: wrap;
    gap: 6px 4px;
}
.filters label {
  text-align: center;
  padding:5px 10px;
  margin:2.5px;
  line-height: normal;
  cursor: pointer;
  transition: all 0.2s;
  background: #ffd3bd;
  border-radius: 10px;
  font-size:85%;
  color:#000;
}
.filters label:hover {
  background: #add8e6;
  color: #fff;
}
[value="All"]:checked ~ .filters [for="All"], 
[value="kosodate"]:checked ~ .filters [for="kosodate"], 
[value="kourei"]:checked ~ .filters [for="kourei"], 
[value="syougai"]:checked ~ .filters [for="syougai"], 
[value="houmon"]:checked ~ .filters [for="houmon"], 
[value="kouryuu"]:checked ~ .filters [for="kouryuu"], 
[value="bousai"]:checked ~ .filters [for="bousai"],
[value="konkyuu"]:checked ~ .filters [for="konkyuu"]  {
  background: #add8e6;
  color: #fff;
}

.arrow{
    position: relative;
    display: inline-block;
    padding: 0 30px 0 30px;
    color: #4d82c4;
    vertical-align: middle;
    font-size: 18px;
}
.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin:auto;
    content: "";
    vertical-align: middle;
}

.sample4-5::before{
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    border: 1px solid #4d82c4;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.sample4-5::after{
    left: 10px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: 8px solid transparent;
    border-left: 8px solid #4d82c4;
}

.fukushiiin {
   width:80%;
}
.fukushiiin td {
   padding-left:20px;
}
@media screen and (max-width: 767px) {
   .fukushiiin {
      width:100%;
   }
}


.bubble {    /*吹き出し*/
    position: relative;
    background: #ff6347;
    color:#fff;
    font-size: 16px;
    font-weight:bold;
    text-align: center;
    width: 140px;
    height: 40px;
    border-radius: 20px;
    padding: 0px;
    margin:0 0 20px 50px; 
}
.bubble:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent #ff6347 transparent transparent;
    bottom: -20px;
    left: 30%;
    margin-left: -15px;
}


.header_top {
   position:relative;
   widht:100%;
   height:200px;
}
.logo_top {
   position:absolute;
   top:10%;
   left:5%;
   width:50%;
   height:30%;
}
.menu_top {
   position:absolute;
   top:50%;
   right:0%;
   width:40%;
   height:20%;
}
.menu_top2 {
   position:absolute;
   top:70%;
   right:10%;
   width:80%;
   height:20%;
}
@media screen and (max-width: 767px) {
   .header_top  {
     position:static;
     width:100%;  
     height:auto;
 }
   .logo_top  {
     position:static;
     margin:0 auto;
     height:auto;
 } 
   .logo_top img {
     height:60px;
 }
   .menu_top  {
     position:static;
    margin:0 auto;
    padding: 0 10px;
    width:60%;
 }
   .menu_top2 {
     position:static;
    margin:0 auto;
    width:100%;
 }
}

.menu-top  {
    display: flex;
   
    margin-left:auto;
    position: relative;
    z-index: 1;
} 
.menu-top li {
    background-image: none;  
    flex-grow:1;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
@media screen and (max-width: 900px) {
    .menu-top {
       padding:0;
   }
    .menu-top li {
        font-size:90%;
   }
    .menu-top li::before {
       background:none;
    }
}

.menu-top a {
    text-decoration: none;
    color:#48d1cc;
}
.menu-top a:hover {
  color : #00bfff;
}
.menu-top i {
    font-size:1.8rem;
}
@media screen and (max-width: 767px) {
   .menu-top i {
     font-size:1rem;
 }
}


.g_navi {
   background: #fff;
   margin:10px;
}
.g_navi ul {
     display: flex;
     margin: 0 auto;
     padding: 0;
     width: 100%;
     max-width: 760px;
     list-style-type: none;
     line-height:1.5em;
}
.g_navi ul li {
     position: relative;
     padding: 0;
     text-align:center;
     width: 20%;
     background-image: none;  
}
.g_navi ul li:first-child::before {
     position: absolute;
     display: block;
     content: "";
     top: 25%;
     left: 0px;
     width: 1px;
     height: 70%;
     background-color: #90ce9c;
}
.g_navi ul li::after {
     position: absolute;
     display: block;
     content: "";
     top: 25%;
     right: 0px;
     width: 1px;
     height: 70%;
     background-color: #90ce9c;
}
.g_navi ul li a {
     color: #616161;
     text-decoration: none;
}
.g_navi ul li a:hover {
     text-decoration: underline;
     color: #4d82c4;
}


.list02 {
font-size:100%;
}
.list02 ul li:before {
content:"";
background: url(img/icon-p.png);
background-repeat:no-repeat;
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
}
@media screen and (max-width: 899px) {
.list02 ul li {
padding-left:35px;
}
}
.list02 a {
text-decoration: none;
color:#616161;
font-size:100%;;
}
.list02 a:hover {
color:#4d82c4;
}


.balloon5 {   /*チャット風ふきだし左画像*/
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon5 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #d7ebfe;
  border-radius: 50%;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #d7ebfe;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #d7ebfe;
}

.says p {
  margin: 0;
  padding: 0;
  font-size:90%;
  line-height:1.5em;
}

.balloon6 .faceicon {     /*チャット風ふきだし右画像*/
  float: right;
  margin-left: -90px;
  width: 80px;
}

.balloon6 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #d7ebfe;
  border-radius: 50%;
}

.balloon6 .chatting {
  width: 100%;
}
.says6 {
  display: inline-block;
  position: relative; 
  margin: 5px 105px 0 0;
  padding: 17px 13px;
  border-radius: 12px;
  background: #e6ffeb;
}
.says6:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  right: -24px;
  border: 12px solid transparent;
  border-left: 12px solid #e6ffeb;
}
.says6 p {
  margin: 0;
  padding: 0;
  font-size:90%;
  line-height:1.5em;
}

.balloon7 {   /*チャット風ふきだし左画像大*/
  width: 100%;
  margin: 1em 0;
  overflow: hidden;
}

.balloon7 .faceicon {
  float: left;
  margin-right: -90px;
  width: 150px;
}

.balloon7 .faceicon img{
  width: 100%;
  height: auto;

}

.balloon7 .chatting {
  width: 100%;
  margin:30px 0 0 0;
}
.balloon7 .chatting2 {
  width: 100%;
  margin:10px 0 0 0;
}
@media screen and (max-width: 899px) {
  .balloon7{
    display:flex;
    flex-wrap: wrap;
  }
  .balloon7 div {
    width: calc(50% -10px);
  }
  .balloon7 .faceicon {
    width:40%;
  }
  .balloon7 .chatting {
    width:80%;
  }
   .balloon7 .chatting2 {
    width:80%;
  }
}


.float-left {
  float:left;
  margin: 0 10px 10px 0;
  width:30%;
}
.float-left img {
   max-width:100%;
}
@media screen and (max-width: 899px) {
   .float-left {
     width:100%;
    clear: both;
  }
}

.float-right {
  float:right;
  margin: 0 10px 10px 0;
  width:30%;
}
.float-right img {
   max-width:100%;
}

.float-right2{
  float:right;
}
.float-right2 img {
  max-width:100%;
}
.float-left2{
  float:left;
}

.float-left3{
  float:left;
  width:70%;
}
@media screen and (max-width: 899px) {
   .float-left3 {
     width:100%;
    clear: both;
  }
}
.float-left4{
  float:left;
  width:40%;
}
@media screen and (max-width: 767px) {
  .float-left4{
     float:none;
     width:80%;
    margin:0 auto;
}
}


h9 {    /*見出し 右矢印青*/
  position: relative;
  padding-left: 1.8em;/*アイコン分のスペース*/  
  margin-bottom:1.5em;
  line-height: 1.4;
  font-size:20px;
  font-weight:bold;
}
h9:before {
  font-family: "Font Awesome 5 Free";
  content: "\f138";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1.3em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #5ab9ff; /*アイコン色*/
  font-weight: 900;
}
h9 a {
    text-decoration: underline;
    text-decoration-thickness: 2px; /* 線の太さ */
   text-underline-offset: 10px;
    color:#616161;
    vertical-align:-5px;
    display: inline-block;
    margin-bottom: 20px;
}
h9 a:hover {
  color: #4d82c4;
}

h11 {   /*下線見出し*/
  border-bottom: solid 1px #a9a9a9;
  font-size:110%;
  font-weight:bold;
  width:80%;
  display:flex;
  align-items: center;
  justify-content: space-between;
  padding-left:20px;
  margin:10px 0;
}
h11 i {   /*右はしに矢印*/
  margin-right:30px;
}
h11 a {
  display: flex;
  justify-content: space-between; /* 左右両端に配置 */
  align-items: center;            /* 上下中央揃え */
  width: 100%;
  text-decoration: none;
  color: inherit;
}
h11 a:hover {
  color: #4d82c4;
}
@media screen and (max-width: 767px) {
   h11 {
    width:100%;
}
}




.check-list li {    /*赤チェックマークのリスト*/
  list-style:none;
  position: relative;
  padding-left: 1.4em;/*アイコン分のスペース*/  
  font-size:100%;
}
.check-list li:before {
   font-family: "Font Awesome 5 Free";
  content: "\f00c";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1.3em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #ec6d71; /*アイコン色*/
}
@media screen and (max-width: 899px) {
  .check-list {
     padding-left:0.2em;
}
  .check-list li:before {
      left: 0;/*アイコンの位置*/
      top: 0;/*アイコンの位置*/
}
}

.check-list2>li {    /*チェックマークのリストピンク*/
  list-style:none;
  position: relative;
  padding-left: 1.4em;/*アイコン分のスペース*/  
  font-size:100%;
}
.check-list2>li:before {
   font-family: "Font Awesome 5 Free";
  content: "\f14a";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1.3em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color:  #ffb3b3; /*アイコン色*/
}
@media screen and (max-width: 899px) {
  .check-list2 {
     padding-left:0.2em;
}
  .check-list2 li:before {
      left: 0;/*アイコンの位置*/
      top: 0;/*アイコンの位置*/
}
}

.check-list3>li {    /*チェックマークのリストピンク*/
  list-style:none;
  position: relative;
  padding-left: 1.4em;/*アイコン分のスペース*/  
  font-size:94%;
}
.check-list3>li:before {
   font-family: "Font Awesome 5 Free";
  content: "\f14a";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1.3em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #7ebeab;
}


.number-list {   /*数字リストピンク四角*/
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  font-size:100%;
}

.number-list li {
  position: relative;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

.number-list li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #ffb3b3;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下上下中央寄せのため*/

}


.number-list2 {   /*数字リストうす緑四角囲み*/
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
 font-size:100%;
}

.number-list2 li {
  position: relative;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

.number-list2 li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #a2d7dd;
  color: #fff;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下上下中央寄せのため*/

}




.kakomu{
	padding:2px 8px; /* 枠と文字の空間 */
	margin:0 5px 5px 0; /* 枠の外の空間 */
	background-color:#f6bfbc; /* 枠の背景色 */
	font-family:inherit; /* フォントの種類を継承する */
	font-size:1.2em;	/* フォントの大きさ */
        color:#fff;
}
.kakomu-2{
	padding:2px 9px; /* 枠と文字の空間 */
        margin-right:5px;
	background-color:#fff; /* 枠の背景色 */
	font-family:inherit; /* フォントの種類を継承する */
	font-size:1.2em;	/* フォントの大きさ */
        color:#f6bfbc;
}


.box3 {   /*グレー囲み*/
    padding: 0.5em 1em;
    margin: 1em 0;
    color: #616161;
    background: #f1f1f1;/*背景色*/
}
.box3 p {
    margin: 0; 
    padding: 0;
    font-size:90%;
}

.box4 {   /*薄きいろ囲み*/
    display: inline-block;
    padding: 0.5em 1em;
    margin: 1em 0;
    color: #616161;
    background: #fffaf0;/*背景色*/
}
.box4 p {
    margin: 0; 
    padding: 0;
    font-size:90%;
}

.arrow-list li {    /*矢印マークのリスト*/
  list-style:none;
  position: relative;
  padding-left:2em;/*アイコン分のスペース*/  
  font-size:100%;
  border-bottom: dashed 1px #dcdcdc;
}
.arrow-list li:before {
   font-family: "Font Awesome 5 Free";
  content: "\f138";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1.3em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #93ca76; /*アイコン色*/
  padding-right:5px;
}
@media screen and (max-width: 899px) {
  .arrow-list {
     padding-left:0.2em;
}
  .arrow-list li:before {
      left: 0;/*アイコンの位置*/
      top: 0;/*アイコンの位置*/
}
}
.arrow-list a {
    text-decoration: none;
    color:#616161;
    padding-right:2em;
}
.arrow-list a:hover {
  color : #4d82c4;
}

.arrow-list2 li {    /*矢印マークのリスト*/
  margin-left:50px;
  list-style:none;
  position: relative;
  padding-left:2em;/*アイコン分のスペース*/  
  font-size:100%;
}
.arrow-list2 li:before {
   font-family: "Font Awesome 5 Free";
  content: "\f138";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1.3em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #93ca76; /*アイコン色*/
  padding-right:5px;
}
@media screen and (max-width: 480px) {
  .arrow-list2 {
     padding-left:0.2em;
}
  .arrow-list2 li {
    margin-left:10px;
}
  .arrow-list2 li:before {
      left: 0;/*アイコンの位置*/
      top: 0;/*アイコンの位置*/
}
}
.arrow-list2 a {
    text-decoration: none;
    color:#616161;
}
.arrow-list2 a:hover {
  color : #4d82c4;
}


.arrow-list3 li {    /*矢印マークのリスト*/
  margin-left:10px;
  list-style:none;
  position: relative;
  padding-left:2em;/*アイコン分のスペース*/  
  font-size:100%;
}
.arrow-list3 li:before {
   font-family: "Font Awesome 5 Free";
  content: "\f138";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1.3em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #b0ca71; /*アイコン色*/
  padding-right:5px;
}
@media screen and (max-width: 899px) {
  .arrow-list3 {
     padding-left:0.2em;
}
  .arrow-list3 li:before {
      left: 0;/*アイコンの位置*/
      top: 0;/*アイコンの位置*/
}
}
.arrow-list3 a {
    text-decoration: none;
    color:#616161;
    padding-right:2em;
}
.arrow-list3 a:hover {
  color : #4d82c4;
}


.f-items {
  display: flex;
  width: 600px;
  margin: 0 auto;
  justify-content: space-between;
}
.f-items .f-item {
  width: calc(25% - 22px);
  margin: 1px;
  padding: 10px;
}
.f-item-img {
  max-width:100%;
  height:auto;
}
.f-item-body {
  padding: 0;
}
.f-item-title {
  margin: 0 0 5px;
  font-size: 18px;
  font-weight: 700;
  color: #616161;
}
.f-item-body p {
  font-size: 16px;
  font-weight: 400;
  color: #616161;
  line-height:1.3em;
}
@media screen and (max-width: 899px) {
  .f-items {
  display: flex;
  flex-direction: column;
}

.f-items .f-item {
  width: 80%;
}
}

.box-txt {   /*画像とテキスト*/
display:flex;
  flex-direction: row;
  justify-content: space-between;
}
.text {
  width:55%;
  font-size:100%;
  line-height:1.8em;
}
.pict {
  padding:5px;
  width: 40%;
  margin-left: 3%;
  font-size:100%;
}
.pict img {
  max-width: 100%;
  height:auto;
}
.text2 {
  width:35%;
  font-size:100%;
}
.pict2 {
  padding:5px;
  width: 65%;
  margin-left: 3%;
}
.pict2 img {
  width: 100%;
  height:auto;
}
.text3 {
  width:35%;
  font-size:100%;
}
.text4 {
   width:70%;
}
.pict3 {
  padding:5px;
  width: 60%;
  margin-left: 3%;
}
.pict3 img {
  width: 100%;
  height:auto;
}
.pict4 {
  padding:5px;
  width: 50%;
  margin-left: 3%;
}
.pict4 img {
  width: 100%;
  height:auto;
}
.text4-2 {
  width:45%;
  font-size:100%;
  margin-left:15px;
  padding:5px 30px;
  line-height:1.6em;
}

@media screen and (max-width: 899px) {
  .box-txt {  
  display: flex;
  flex-direction: column;
}
.pict {
  width: 80%;
}
.text {
   width:100%;
}
.pict2 {
  width: 80%;
}
.text2 {
   width:100%;
}
.pict3 {
  width: 100%;
  margin:0;
  padding:0;
}
.pict4 {
  width: 100%;
  margin:10px 0;
  padding:0;
}
.text3 {
   width:100%;
}
.pict4-2 {
  width: 100%;
  margin:0;
  padding:0;
}
.text4 {
   width:100%;
}
.text4-2 {
   width:90%;
   margin:0 auto;
}
}


.gallery {
    display: flex;
    flex-wrap:wrap;
  }

.gallery li {
    list-style: none;
    margin-right:5px;
  }
@media screen and (max-width: 767px) {
 .gallery {
   display:flex;
 }
 .gallery li {
   width:25%;
   margin-bottom:5px;
}
}

.gallery2 {
    display: flex;
}
.gallery2 li {
   font-size:94%;
}
@media screen and (max-width: 767px) {
 .gallery2 {
   display:block;
 }
 .gallery2 li {
   width:95%;
}
}


.gallery3 {
    display: flex;
    flex-wrap:wrap;
  }

.gallery3 li {
    list-style: none;
    margin-right:5px;
    width:30%;
  }
.gallery3 img {
    width:100%;
}
.gallery3 p {
   font-size:90%;
   text-align:center;
}
@media screen and (max-width: 767px) {
 .gallery3 {
   display:flex;
 }
 .gallery3 li {
   width:80%;
   margin-bottom:10px;
}
}

.gallery4 {
    display: flex;
}
.gallery4 li {
   font-size:94%;
}
.gallery4 li img {
   width:400px;
}
@media screen and (max-width: 767px) {
 .gallery4 {
    display: inline-block;
  }
 .gallery4 li img {
   float:left;
   width:200px;
}
}


.gallery5 {
    display: flex;
    flex-wrap:wrap;
    align-items:center;
   justify-content: space-around;
  }
.gallery5 li {
    list-style: none;
    padding:3px;
    width:23%;
  }
.gallery5 img {
    width:100%;
}
@media screen and (max-width: 767px) {
 .gallery5 {
   display:flex;
 }
 .gallery5 li {
   width:90%;
   margin-bottom:10px;
}
}

.gallery6 {
    display: flex;
    flex-wrap:wrap;
}
.gallery6 li {
   width:calc(100%/8 - 25px) ;
   margin:5px;
   line-height:1.3em;
}

@media screen and (max-width: 767px) {
 .gallery6 li {
   width:calc(100%/4 - 15px);
   margin:5px;
   line-height:1.3em;
}
}

.gallery7 {
    display: flex;
    flex-wrap:wrap;
}
.gallery7 li {
   width:calc(100%/4 - 5px) ;
   margin:5px;
   line-height:1.3em;
}

@media screen and (max-width: 767px) {
 .gallery7 li {
   width:calc(100%/4 - 15px);
   margin:5px;
   line-height:1.3em;
}
}


.list-day {
  color: #616161;
  border-top: solid #008b8b 1px;/*上のボーダー*/
  border-bottom: solid #008b8b 1px;/*下のボーダー*/
  padding: 0.5em 0 0.5em 1.5em;
  font-size:100%;
}


.balloon2-left {  /*吹き出し左角丸*/
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #E8B696;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #E8B696;
  box-sizing: border-box;
  border-radius: 15px;
}

.balloon2-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}

.balloon2-left:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #E8B696;
  z-index: 1;
}

.balloon2-left p {
  margin: 0;
  padding: 0;
  color:#616161;
}


.balloon2-right {   /*吹き出し右角丸*/
  float: right;
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #e1b6cf;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #e1b6cf;
  box-sizing: border-box;
  border-radius: 15px;
}

.balloon2-right:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 12px solid #FFF;
  z-index: 2;
}

.balloon2-right:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 14px solid #e1b6cf;
  z-index: 1;
}

.balloon2-right p {
  margin: 0;
  padding: 0;
  color:#616161;
}


.tbl_hikikomori {
   border-collapse:collapse;
   width:100%;
   font-size:100%;
}
.tbl_hikikomori th,td {
   border:solid 1px;
   padding:5px;
}
.tbl_hikikomori th {
   background-color:#fef4f4;
   font-weight:bold;
   text-align:  center;
}
.tbl_hikikomori td {
   text-align:  center;
}
@media screen and (max-width: 767px) {
    .tbl_hikikomori {
    width: 80%;
  }
  .tbl_hikikomori .thead {
    display: none;
  }
  .tbl_hikikomori tr {
    width: 100%;
  }
  .tbl_hikikomori td {
    display: block;
    text-align: right;
    width: 100%;
  }
  .tbl_hikikomori td:first-child {
    background: #e9727e;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .tbl_hikikomori td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
}


.tbl-r06 {
  font-size:95%;
  padding: 5px;
  text-align:center;
}
.tbl-r06 th {
  background: #fef4f4;
  border: solid 1px #ccc;
}
.tbl-r06 td {
   border: solid 1px #ccc;
}
@media screen and (min-width: 767px) {
  .sp {
    display:none;
}
}
@media screen and (max-width: 767px) {
  .tbl-r06 {
    width: 90%;
    text-align:left;
    line-height:1.8em;
  }
  .tbl-r06 .thead {
    display: none;
  }
  .tbl-r06 tr {
    border-bottom:solid 1px #ccc;
  }
  .tbl-r06 tr:nth-child(2n+1) {
  background-color:#fef4f4;
  }
  .tbl-r06 td {
   width:100%;
    display: inline-block;
    border:none;
    background-color: transparent;
  }
  .tbl-r06 span {
    font-weight: bold;
    margin-right:20px;
  }
  .tbl-r06 .last {
    border-bottom: none;
  }
}

.topics4 dl {
   display:flex;
   flex-wrap:wrap;
   width: 100%;
   border:none;
   font-size:95%;
   padding:0;
   margin:0;
}
.topics4 dt {
   width:15%;
   padding:0;
   margin-left:10px;
   align-item:left;
   font-weight:bold;
   align-items: stretch;
}
.topics4 dd {
   width:80%;
   padding:0;
   margin:0;
   padding-bottom:10px;
   align-item:left;
}
@media screen and (max-width: 767px) {
  .topics4 dt {
    width:25%;
   margin:-5px 0 0 5px;
  }
  .topics4 dd {
    width:70%;
    line-height:1.5em;
  }
}

.i_check-square::before {   /*チェック緑四角*/
  content: '\f14a';
  font-family: 'Font Awesome 5 Free';
  vertical-align:middle;
  margin-right:5px;
  color:#008b8b;
  font-size:100%;
}

.i_check-square3  {
   font-size:100%;
}
.i_check-square3 li::before {   /*チェック緑四角*/
  content: '\f14a';
  font-family: 'Font Awesome 5 Free';
  vertical-align:middle;
  margin-right:5px;
  color:#008b8b;
}

.i_check-square2::before {   /*チェックアイコン*/
  content: '\f14a';
  font-family: 'Font Awesome 5 Free';
  vertical-align:middle;
  margin-right:5px;
  color:#008b8b;
  font-weight:bold;
}

.i_circle  {   /*緑丸*/
   font-size:100%;
}
.i_circle li::before {   /*緑丸*/
  content: '\f111';
  font-family: 'Font Awesome 5 Free';
  vertical-align:middle;
  margin-right:5px;
  color:#008b8b;
  font-size:0.8em;
}

.items {
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
}
.item_top {
    width:100px;
    height:150px;
    padding:10px;
    margin: 5px 10px;
    border: solid 1px #d3d3d3;
    border-radius: 10px;/*角の丸み*/
}
.item_top img {
   margin-bottom:5px;
   max-width: 100%;
}
.item_title {
    padding: 3px;
    margin: 0;
    width:100%;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    color:#fff;
    line-height:1.3em;
    background-color:#90ce9c;
    border-radius: 5px;
}
.item_title a {
    text-decoration: none;
    color:#fff;
}
.item_title a:hover {
     text-decoration: none;
     color:#ec6d71;
}
.item_title::after {
   font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    padding-left:8px;
}

.flex-habataki4 {
   display:flex;
   flex-wrap:wrap; 
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
}

.flex-top2 {    /*知りたい情報から探す*/
    display: flex;
    align-items: center;
    justify-content: center;
    width:calc(45% - 5px);
    background: #fdeff2;
    border-radius: 10px;/*角の丸み*/
    margin: 0 10px 10px 0; 
}
.top2-img {
    position: relative;
  width: 80px;
  height: 80px;
  display: flex;
  .img {  
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
}
.top2-text {
  padding:0.5em;
  margin:10px;
  width: 65%;
  background:#fff;
  border-radius: 10px;/*角の丸み*/
  font-size:80%;
  line-height:1.5em;
}
.top2-text a {
    text-decoration: none;
    color:#616161;
}
.top2-text a:hover {
	color: #4d82c4;
	text-decoration: none;
}




@media screen and (max-width: 767px) {
  .flex-habataki4 {
      display:block;
}
.flex-top2 {
      width:100%;
}
}


.menu-scroll-box {
  width:600px;
  height:500px;
  border-radius: 10px;
  margin-right:30px;
}
.menu-scroll-title {
   text-shadow: 0 0 5px white;
   padding: 0.3em 0.5em;
   background-color: #fff1cf;
   background-image:repeating-linear-gradient(-45deg,#fff, #fff 7px,transparent 0, transparent 14px);
   padding:4px;
   text-align:center;
   color:#616161;
   font-size:100%;
   font-weight:bold;
   letter-spacing: 1em;
   border-radius: 10px 10px 0 0;
}
.menu-scroll {
   width:550px;
   height:400px;
   overflow-y:scroll;
   margin:10px;
   padding:10px;
   font-size:80%;
   line-height:1.5em;
}
@media screen and (max-width: 767px) {
   .menu-scroll-box {
      width:100%;
      margin-bottom:20px;
   }
   .menu-scroll {
      width:90%;
   }
}

.ribbon3 {
  display: inline-block;
  position: relative;
  left:50%;
  transform:translateX(-50%);
  width:300px;
  height: 50px;
  line-height: 60px;
  text-align: center;
  padding: 7px 0;
  font-size: 18px;
  background: #c1e4e9;
  color: #FFF;
  box-sizing: border-box;
}

.ribbon3 h10 {
  margin: 0;
  padding: 0 100px;
  border-top: dashed 2px rgba(255, 255, 255, 0.5);
  border-bottom: dashed 2px rgba(255, 255, 255, 0.5);
  line-height: 42px;
  font-weight:bold;
}

.ribbon3:before, .ribbon3:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon3:before {
  /*左の山形*/
  top: 0;
  left: 0;
  border-width: 30px 0px 30px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ribbon3:after {
  /*右の山形*/
  top: 0;
  right: 0;
  border-width: 30px 15px 30px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}



.footer05 {   /*フッター*/
 color: #808080;
 padding: 30px;
}
.footer05 a {
 color: #808080;
 text-decoration: none;
}
.footer05 li a:hover {
 text-decoration: underline;
}
.footer05 .wrap {
 width: 900px;
 margin: 0 auto;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
.footer05 .wrap h3 {
 margin: 0 0 10px 0;
 padding: 0;
 border-bottom: 1px #c4c4c4 solid;
 font-size:20px;
}
.footer05 .wrap h4 {
 margin: 0;
 padding: 0;
 border-bottom: 1px #c4c4c4 solid;
 font-size:14px;
}

.footer05 .wrap .box05-1 {
 width: 50%;
}
.footer05 .text05 {
 margin:0;
 padding:0;
}
.footer05 .wrap p {
 margin: 0;
 padding: 0 0 20px 0;
}
.footer05 .wrap .box05-2 {
 width: 15%;
}
.footer05 .wrap .box05-3 {
 width: 30%;
}
.footer05 .wrap .copyright {
 width: 100%;
 padding: 20px 0 0 0;
}

@media only screen and (max-width: 767px) {
.footer05 .wrap {
 display:block;
 width: 100%;
 padding: 0 20px;
 box-sizing: border-box;
}
.footer05 .wrap .box05-1 {
 width: 100%;
}
.footer05 .wrap .box05-2 {
 width: 100%;
}
.footer05 .wrap .box05-3 {
 width: 100%;
}
.footer05 .wrap .box ul {
 border-top: 1px #c4c4c4 solid;
}
.footer05 .wrap .box ul li a {
 display: block;
 padding: 5px 15px;
 border-bottom: 1px #c4c4c4 solid;
}
}

.example2{    /*ul li横並び*/
    /*追加*/display: flex;
    padding: 0;
    margin: 0;
    justify-content: left;
    list-style: none;
}
.example2 li{
    padding: 5px;
    margin: 0;
    font-size:20px;
}

.list-husen {  /*ふせん風左ピンク*/
  display: inline-block;
  color: #616161;
  border-left: solid 15px #f6bfbc;/*左側の線*/
  border-bottom: solid 2px #dadada;/*下に灰色線*/
  background: whitesmoke;
  margin-bottom: 5px;/*下のバーとの余白*/
  line-height: 1.5;
  padding: 0.5em 1em;
  margin-bottom:1em;
  font-weight: bold;
  border-radius: 0 10px 10px 0;
}

.list-husen2 {  /*ふせん風左オレンジ*/
  display: inline-block;
  color: #616161;
  border-left: solid 15px #f7b977;/*左側の線*/
  border-bottom: solid 2px #dadada;/*下に灰色線*/
  background: whitesmoke;
  margin-bottom: 5px;/*下のバーとの余白*/
  line-height: 1.5;
  padding: 0.5em 1em;
  margin-bottom:1em;
  font-weight: bold;
  border-radius: 0 10px 10px 0;
}


.box27 {    /*POINTボックス オレンジ*/
    position: relative;
    margin: 1em 0;
    padding: 0.5em 1em;
    border: solid 3px #eec362;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 100%;
    background: #eec362;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}

.box27_gray {    /*POINTボックス グレイ*/
    position: relative;
    margin: 1em 0;
    padding: 0.5em 1em;
    border: solid 3px #c0c6c9;
}
.box27_gray .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 100%;
    background: #c0c6c9;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27_gray p {
    margin: 0; 
    padding: 0;
}



.box19 {
    position: relative;
    padding:0.25em 1em;
}
.box19:before,.box19:after{ 
    content:'';
    width: 20px;
    height: 30px;
    position: absolute;
    display: inline-block;
}
.box19:before{
    border-left: solid 3px #efab93;
    border-top: solid 3px #efab93;
    top:0;
    left: 0;
}
.box19:after{
    border-right: solid 3px #efab93;
    border-bottom: solid 3px #efab93;
    bottom:0;
    right: 0;
}
.box19 p {
    margin: 0; 
    padding: 0;
    text-align:center;
}


.list-asterisk li {    /*ｱｽﾀﾘｽｸ*/
  list-style:none;
  position: relative;
  padding-left: 1.4em;/*アイコン分のスペース*/  
  font-size:100%;
}
.list-asterisk li:before {
   font-family: "Font Awesome 5 Free";
  content: "\f069";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #008b8b; /*アイコン色*/
}
@media screen and (max-width: 899px) {
  .list-asterisk {
     padding-left:0.2em;
}
  .list-asterisk li:before {
      left: 0;/*アイコンの位置*/
      top: 0;/*アイコンの位置*/
}
}


.list-feather li {    /*赤い羽根のリスト*/
  list-style:none;
  position: relative;
  padding-left: 1.8em;/*アイコン分のスペース*/
  font-size:100%;
}
.list-feather li:before {
   font-family: "Font Awesome 5 Free";
  content: "\f52d";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1.3em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #cb333b; /*アイコン色*/
}
@media screen and (max-width: 899px) {
  .list-feather {
     padding-left:0.2em;
}
  .list-feather li:before {
      left: 0;/*アイコンの位置*/
      top: 0;/*アイコンの位置*/
}
}




.search-area {
  width: 700px;
  margin: 10px auto;
}
.search-area select {
 padding:8px;
  margin:5px;
  border:1px solid #2589d0;
  border-radius: 5px;
  font-size:90%;
}
.select_area {
   display:inline-flex;
   flex-wrap:wrap;
}
.data {
  margin:0 auto;
  width: 100%;
}
.data th,
.data td {
   border:none;
}
.data th{
  background-color:#89c3eb;
  color:#fff;
}
.data td{
  border-bottom:1px dashed #999;
}
.tada td,th{
  padding:5px;
}
@media screen and (max-width: 640px) {
  .search-area {
    width:100%;
  } 
  .data {
    width: 80%;
  } 
  .data th {
    width:calc(100%/4);
    background: #fff;
    color:#192f60;
 }   
  .data tr,
  .data td{
    display: block;
    width: 100%;
    position: relative;
  }
  .data td:first-child {
    background: #89c3eb;
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    height: 40px;
    padding: 5px;
    position: absolute;
    top: -41px;
    left: -0.2%;
    display: block;
    width: 100%;
  }
  .data tr {
    margin-bottom: 40px;
  }
}
.data a {
   text-decoration: none;
   font-weight:bold;
   color:#616161;
}
.data a:hover {
   color:#4d82c4;
}


.tbl_01 {    /*下線点線*/
  font-size:100%;
  padding: 5px;
}
.tbl_01 tr {
   border-bottom:dashed 1px #ccc;
}
.tbl_01 th {
   width:45%;
   font-weight:normal;
   background-color:#fff;
   border:none;
}
.tbl_01 td {
   border:none;
}
@media screen and (max-width: 899px) {
  .tbl_01 th,
  .tbl_01 td {
    display:block;
    width:100%;
  }
}


.tbl_02 {    /*下線点線*/
  font-size:100%;
  padding: 5px;
}
.tbl_02 tr {
   border-bottom:dashed 1px #ccc;
}
.tbl_02 th {
   width:35%;
   font-weight:bold;
   background-color:#fff;
   border:none;
   text-align:center;
}
.tbl_02 td {
   border:none;
}


.tbl-05 {
  font-size:95%;
  padding: 5px;
  text-align:center;
}
.tbl-05 th {
  background: #fef4f4;
  border: solid 1px #ccc;
}
.tbl-05 td {
   border: solid 1px #ccc;
}



.box-idouhanbai {
   margin:0.5em;
   padding:1em;
   background-color:#fff;
   border-radius: 10px;
}
.h_idouhanbai {
   border-bottom: solid 8px #f5b1aa;
   padding:0 2em 0 0.5em;
   font-size:1.5em;
}
.list-idou {
   margin-top:1em;
   font-size:104%;
}
.list-idou dl {
   display:flex;
   flex-wrap:wrap;
   border-bottom:dashed 1px #c0c6c9;
   margin-bottom:5px;
}
.list-idou dl:last-child {
   border-bottom:none;
}
.list-idou dt {
   width:30%;
   display:flex;
   align-item:center;
   justify-content:center;
   font-size:90%;
   font-weight:bold;
    line-height:1.3em;
}
.list-idou dd {
    width:70%;
   font-size:80%;
    line-height:1.5em;
}
.list-idou p {
   font-size:80%;
   margin-left:3em;
}
@media screen and (max-width: 640px) {
   .list-idou dl {
     width:100%;
   }
   .list-idou dt {
    width:25%;
   }
   .list-idou dd {
    width:70%;
   }
}
     



.flex_box {
   display:flex;
}
.flex_box1 {
   width:30%;
}
.flex_box1 img {
   max-width:100%;
}
.flex_box2 {
   width:30%;
   margin-top:100px;
   margin-left:-50px;
}  
.sample_box11-4 {
   width: 80%;/* 紙の横幅 100%にすると全幅表示に */
   padding: 20px;
   margin: 2em 1em;
   background: #f8f4e6;/* 紙の色 */
   color: #696969;/* 文字色 */
   word-break: break-all;
}
.sample_box11-4 p {
    margin: 0; 
    padding: 5px;
    font-size: 90%;
   line-height:1.5em;
}
.sample_box11-4_tape {
    width: 30%;
    height: 35px;
    margin: -40px auto 0;
    background: #eb6101;
    transform: rotate(-1deg);
    opacity: 0.2;
}
@media screen and (max-width: 640px) {
    .flex_box {
      display:block;
   }
    .flex_box1 {
      width:80%;
      margin:0 auto;
    }
    .flex_box2 {
       width:80%;
       margin-top:-40px;
       margin-left:auto;
   }
}


.wrap_vc {
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
}
.item_vc {
  padding: 0;
  margin:15px;
  width: 30%;
  background-color: #fff;
}
.wrap_vc2 {
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
}
.item_vc2 {
  padding: 0;
  margin:15px;
  width: 15%;
  background-color: #fff;
}
.item_vc3 {
  padding: 0;
  margin:5px;
  width: calc((100% - 5px * 5) / 7);
  text-align:center;
  background-color: #fff;
}
.item-img {
  display: inline-block; /* ここがポイント */
  height: 240px;
}
.item-img img {
   max-width:100%;
}
.item-img2 {
   display:inline-block;
   margin-bottom:5px;
}
.item-img2 img {
   max-width:100%;
}
.item_vc a {
   text-decoration: none;
   color:#616161;
}
.item_vc a:hover {
   color : #4d82c4;
}
.item_vc p,
.item_vc2 p,
.item_vc3 p {
   padding:0;
   font-size:90%;
   line-height:1.5em;
   text-align:center;
}
@media screen and (max-width: 640px) {
  .item_vc {
    width: 100%;
  }
  .item_vc2 {
    width:40%;
    text-align:center;
  }
  .item_vc3 {
    width:30%;
    text-align:center;
  }
  .item-img,
  .item-img2  {
    width:80%;
  }
  .item_vc:not(:last-child) {
    margin-bottom: 30px;
  }
}


.box_shift {
    position: relative;
    padding:5px;
    background-color: #fdeff2;
    font-size:95%;;
    text-align: center;
}

.box_shift:before {
    position: absolute;
    inset: -5px 5px 5px -5px;
    border: 1px dashed #6f4b3e;
    content: '';
}


.sample2 .sample_list{  /*表しましま(募金実績)*/
  display:flex;
  justify-content: flex-start;
  font-size:100%;
}
.sample2 .sample_list dt {
  width: 20%;
  padding: 5px;
  text-align: center;
}
.price {
  padding: 5px;
  width: 15%;
  text-align: center;
}
.content {
  padding: 5px;
  margin-left:20px;
  width: 65%;
}
.sample2 .sample_list:nth-child(even){
  background: #fef4f4;
}
@media screen and (max-width: 768px) {
   .sample2 .sample_list{  
        display:flex;
        flex-wrap:wrap;
   }
   .sample2 .sample_list dt {
        width:40%;
    }
   .price {
       width:50%;
    }
    .content {
       width:100%;
       text-align:center;
       font-size:90%;
    }
}


.tbl_anzu {   /*あんず利用料*/
 width: 90%;
 font-size:100%;
 text-align: center;
 border:0;
}
.tbl_anzu th {
 padding: 5px;
 border:0;
 border-bottom: solid 1px #dcdcdc;
}
.tbl_anzu td {
 padding: 5px;
 border:0;
 border-bottom: solid 1px #dcdcdc;

}

.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px #f6bfbc;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #f6bfbc;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

.flex-wrap {
   display:flex;
   flex-wrap:wrap;
}

.tbl-r02 {
  background: white;
  width:100%;
  font-size:104%;
}
.tbl-r02 tr {
   border-bottom:dashed 1px #c0c6c9;
}
.tbl-r02 th {
  width:20%;
  padding: 10px;
  background: none;
  font-weight:bold;
  vertical-align:top;
  text-align:center;
  font-size:90%;
}
.tbl-r02 td {
  width:25%;
  padding: 10px;
  line-height:1.8em;
  font-size:80%;
  vertical-align:top;
}
.tbl-r02 th,
.tbl-r02 td {
	border: none;
}
@media screen and (max-width: 767px) {
  .last td:last-child {
    border: none;
    width: 100%;
  }
  .tbl-r02 {
    width: 100%;
 }
  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: none;
    display:block;
   }
   .tbl-r02 th {
     width:100%;
   }
   .tbl-r02 td {
     width:100%;
     padding-left:30px;
    }
}

.ylw2{
	background-color:#fceeca;
	font-weight:bold;
	padding:2px;
}

.ylw3{
	background-color:#fceeca;
	padding:2px;
}

.green-50{
	background:linear-gradient(transparent 50%, #d6e9ca 50%);
	font-weight:bold;
	padding:2px;
}
.pink-50{
	background:linear-gradient(transparent 50%, #fdeff2 50%);
	padding:2px;
}

.h_thankyou{
   border-bottom:solid 8px #cb333b;
   line-height:1.8em;
   padding:0;
   font-size:1.5em;
   margin:0 auto;
}
@media screen and (max-width: 767px) {
   .h_thankyou{
     font-size:5vmin;
 }
}



.tbl_news {   /*移転のお知らせ*/
 width: 90%;
 font-size:100%;
 text-align: center;
 border:0;
}
.tbl_news .thead th {
  background-color:whitesmoke;
}
.tbl_news th {
 padding: 5px;
 border:0;
 border-bottom: solid 1px #dcdcdc;
 background-color:white;
}
.tbl_news td {
 padding: 5px;
 border:0;
 border-bottom: solid 1px #dcdcdc;
 font-size:95%;
 line-height:1.8em;
}
@media screen and (max-width: 787px) {
  .tbl_news {
    width: 90%;
  }
  .tbl_news .thead {
    display: none;
  }
  .tbl_news tr {
     width:100%;
     border-bottom: solid 1px #dcdcdc;
  }
  .tbl_news th {
    display:block;
    width:100%;
    text-align:center;
    background-color:whitesmoke;
  }
  .tbl_news td {
    display:block;
    width:100%;
    text-align:right;
    border:none;
  }
  .tbl_news td:before {
    content: attr(data-label);
    float: left;
    margin-right: 10px;
  }
}

.flex-nanohana {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.nanohana-pr {
  width:calc(100%/5 - 15px);
  border:1px solid #e5e5e5;
  border-radius:8px;
  padding:30px 20px;
  margin-bottom:20px;
}
.nanohana-pr img {
   max-width:100%;
}
.nanohana-pr p {
   font-size0.8em;
   font-weight:bold;
   text-align:center;
}



/*====================================================================
.s_02 .accordion_one
====================================================================*/
.s_02 .accordion_one {
  max-width: 1024px;
  height:auto;
  margin: 0 auto;
}
.s_02 .accordion_one .accordion_header {
  background-color: #fddea5;
  font-size: 100%;
  font-weight: bold;
  padding: 10px 30px;
  text-align: start;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
}
.s_02 .accordion_one:nth-of-type(2) .accordion_header {
    background-color: #ff9a05;
}
.s_02 .accordion_one:nth-of-type(3) .accordion_header {
    background-color: #1c85d8;
}
.s_02 .accordion_one .accordion_header:hover {
  opacity: .8;
}
.s_02 .accordion_one .accordion_header .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 5%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}
.s_02 .accordion_one .accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
.s_02 .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.s_02 .accordion_one .accordion_header .i_box .one_i:before, .s_02 .accordion_one .accordion_header .i_box .one_i:after {
  display: flex;
  content: '';
  background-color: #fff;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.s_02 .accordion_one .accordion_header .i_box .one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
.s_02 .accordion_one .accordion_header.open .i_box .one_i:before {
  content: none;
}
.s_02 .accordion_one .accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.s_02 .accordion_one .accordion_inner {
  display: none;
  padding: 20px;
  box-sizing: border-box;
  font-size:90%;
}
.s_02 .accordion_one:nth-of-type(2) .accordion_inner {
  border-left: 2px solid #ff9a05;
  border-right: 2px solid #ff9a05;
  border-bottom: 2px solid #ff9a05;
}
.s_02 .accordion_one:nth-of-type(3) .accordion_inner {
  border-left: 2px solid #1c85d8;
  border-right: 2px solid #1c85d8;
  border-bottom: 2px solid #1c85d8;
}
.s_02 .accordion_one .accordion_inner .box_one {
  height: auto;
}
.s_02 .accordion_one .accordion_inner p.txt_a_ac {
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .s_02 .accordion_one .accordion_header {
    font-size: 18px;
  }
  .s_02 .accordion_one .accordion_header .i_box {
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }
}
@media screen and (max-width: 767px) {
  .s_02 .accordion_one .accordion_header {
    font-size: 16px;
    text-align: left;
    padding: 15px 60px 15px 15px;
  }
}

/*====================================================================
.s_02 .accordion_one2 枠線みどり
====================================================================*/
.s_02 .accordion_one2 {
  max-width: 1024px;
  height:auto;
  margin: 0 auto;
}
.accordion_header2 {
 background-color: #fff;
  border-bottom:2px solid #7EBEAA;
  font-size: 100%;
  font-weight: bold;
  padding: 10px 30px;
  text-align: start;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
}
.accordion_header2:hover {
  opacity: .8;
}
.accordion_header2 .i_box2 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 5%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}
.accordion_header2 .i_box2 .one_i2 {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
.accordion_header2.open .i_box2 {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.accordion_header2 .i_box2 .one_i2:before, .accordion_header2 .i_box2 .one_i2:after {
  display: flex;
  content: '';
  background-color: gray;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.accordion_header2 .i_box2 .one_i2:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
.accordion_header2.open .i_box2 .one_i2:before {
  content: none;
}
.accordion_header2.open .i_box2 .one_i2:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.accordion_one2 .accordion_inner2 {
  display: none;
  padding: 20px;
  box-sizing: border-box;
  font-size:90%;
}
.accordion_inner2 .box_one2 {
  height: auto;
}
.accordion_inner2 p.txt_a_ac2 {
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .accordion_header2 {
    font-size: 18px;
  }
  .accordion_header2 .i_box2 {
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }
}
@media screen and (max-width: 767px) {
  .accordion_header2 {
    font-size: 16px;
    text-align: left;
    padding: 15px 60px 15px 15px;
  }
}


/* 紙風ボックス */
.cstm-box-paper {
  margin: 1em auto; /* 外側余白 */
  padding: 1em 2em; /* 内側余白 */
  background-color: #f2f3f4; /* 背景色（薄いグレー） */
  position: relative; /* 相対位置指定 */
  max-width: 800px; /* 最大幅 */
 color:#474a4d;
 line-height:1.5em;
}

.cstm-box-paper::after {
  position: absolute; /* 絶対位置指定 */
  content: ''; /* 擬似要素 */
  right: 0; /* 右端 */
  top: 0; /* 上端 */
  border-width: 0 25px 25px 0; /* 折れ形状 */
  border-style: solid; /* 線の種類 */
  border-color: #ccc #fff #ccc; /* 色 */
  box-shadow: -1px 1px 1px rgb(0 0 0 / .15); /* 影 */
}

/* ボックス内の段落 */
.cstm-box-paper p {
  margin: 0;
}

.image-container {
  display:flex;
  max-width:100%;
}
.image-container img {
  padding:0;  
  width:50%;
  height:auto;
  object-fit:cover;
}


ol.parenthesis-list {
  list-style: none;     /* デフォルトの数字を消す */
  padding-left: 10px;
  counter-reset: item;  /* カウンターをリセット */
}

ol.parenthesis-list li {
  position: relative;
  margin-top: 8px;
  font-size:100%;
}

ol.parenthesis-list li::before {
  counter-increment: item;         /* 項目ごとにカウンターを1進める */
  content: "（" counter(item) "）"; /* ★ここを全角の括弧に変更 */
  font-weight: bold;
}
ol.parenthesis-list p {
  margin-left:25px;
}

/* ■の部分 */
ol.parenthesis-list ul.square_list {
  list-style: none !important;
  padding-left: 1.5em !important;
}

ol.parenthesis-list ul.square_list > li {
  list-style: none !important;
  position: relative;
  padding-left: 1.2em;
}

ol.parenthesis-list ul.square_list > li::before {
  content: "■";
  position: absolute;
  color:grey;
  left: 0;
  top: 0;
}