/*  =============================  */
/*  ★★★　@media start ★★★    */
/*  =============================  */


/*  ========================================  */
/* 　★ 3列 (1001px以上) start       */
/*  ========================================  */


@media screen and (min-width: 1001px) {


.waku {background:white;max-width:1200px;border:solid 0px azure;margin:auto;}

*  =======================  */
/* 　★ 基本構造 start       */
/*  =======================  */

header,.header-content,.footer-content,.flexmenu01,.g-menu, #wrap,footer,{
      max-width:1200px;
      height: auto
      margin: auto;
      text-align: center;
    }

    header,footer {
      max-width: 1200px;
    }

/* ヘッダーコンテンツ start */
.header-content {

display: flex;
flex-direction: row;flex-wrap:nowrap;
margin:auto;
}
.logo { order: 1; width:50%;border:solid 0px silver;padding:1em;text-align:left;}
.tel  { order: 2; width:50%;border:solid 0px silver;text-align:right;padding:1em;}
img.width01{border:0px;max-width:100%;height:auto;}
/* ヘッダーコンテンツ end */




/* ■structure start ----------- */

#wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: auto;
	height: auto;
　　　　max-width:1200px;
	}


.left-bar {
	width: 14%;
	text-align: center;
	background-color:white;
	}


.main1 {
      height:auto;
      margin: auto;
      background: white;
      max-width:1200px;
      margin:auto;
    }


main {
	width: 55%;height:auto;
	text-align: center;
	background: white;
	}

main2 {
	border:solid 0px green;width:95%;margin:auto;padding-bottom:2em;padding-top:0.3em;background-color:white;
	}

.right-bar {
	width:25%;height:auto;
	text-align: left;
	background-color:white;
	}

main3 {
	background:white;

	}





/* □structure end ----------- */

.s-menu{display:none;}
.h-menu{display:none;}
.g-menu{
margin:auto;font-size:0.85em;
}

div.g-padding{padding-left:0.5em;padding-right:0.5em;padding-top:0.5em;}

/* フッターコンテンツ start */
.footer-content {
width:100%;background:green;padding:0px;color:white;
display: flex;flex-direction: row;
margin:auto;
}
.footer01 { order: 1; width:30%;border:solid 0px silver;text-align:center;padding:1em;}
img.footer-logo{width:150px;}
.footer02 { order: 2; width:50%;border:solid 0px silver;text-align:center;padding:1em;font-size:0.8em;margin-top:1em;}
.footer03 { order: 3; width:20%;border:solid 0px silver;text-align:center;padding:1em;}	

.footer-content {
	max-width:1200px;
	text-align: center;
	}

/* フッターコンテンツ end */



    footer {
      height: 50px;
      margin: auto;
      text-align: center;
      background-color:#02683B;
      color:white;
      font-size:0.7em;
    }


    .main3 {
      height:auto;
      margin: auto;
      background: white;
      max-width:1200px;
      margin:auto;
    }

    .main-sns {
      height:auto;
      margin: auto;
      background: white;
      max-width:1200px;
      margin:auto;
    }



/*  =======================  */
/* 　★ 基本構造 end       */
/*  =======================  */


div.title01{font-size:1.8em;margin-top:20px;}


}

/*  ========================================  */
/* 　★ 3列 (1001px以上) end       */
/*  ========================================  */






/*  ========================================  */
/* 　★ 2列 (701px〜1000px)start              */
/*  ========================================  */
@media screen and (min-width: 701px) and (max-width: 1000px) {


.waku {background:white;width:95%;border:solid 0px red;margin:auto;}

/* ヘッダーコンテンツ start */
.header-content {

display: flex;
flex-direction: row;
margin:auto;
}
.logo { order: 1; width:50%;border:solid 0px silver;padding:1em;text-align:left;}
.tel  { order: 2; width:50%;border:solid 0px silver;text-align:right;padding:1em;}
img.width01{border:0px;max-width:100%;height:auto;}
/* ヘッダーコンテンツ end */


/* ■structure start ----------- */


#wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: auto;
	height: auto;
　　　　max-width:1200px;
	}

      .left-bar {
        width: 25%;
      }

      main {
        width: 75%;
        background: 
      }

.main1 {
      background-color:white;
    }


main {
	width: 55%;height:auto;
	text-align: center;
	background: 
	}

main2 {
	background-color:white;
	}

.right-bar {
	width:25%;height:auto;
	text-align: left;
	background-color:white;
	}

      .right-bar {
        width: 100%;
        height:auto;
        padding-top:1em;
        text-align:center;
      }


main3 {
	background-color:white;
	}


/* □structure end ----------- */


.s-menu{display:none;}
.h-menu{display:none;}
.g-menu{
margin:auto;padding:0.1em;background: url(../image/yuki829fs.jpg);background-repeat:repeat;
}

/* フッターコンテンツ start */
.footer-content {
width:100%;background:green;padding:0px;color:white;margin:auto;
display: flex;
flex-direction: row;
max-width:1200px;height:auto;
text-align: center;
}

.footer01 { order: 1; width:30%;border:solid 0px silver;text-align:center;padding:1em;}
img.footer-logo{width:150px;}
.footer02 { order: 2; width:50%;border:solid 0px silver;text-align:center;padding:1em;font-size:0.8em;margin-top:1em;}
.footer03 { order: 3; width:20%;border:solid 0px silver;text-align:center;padding:1em;}	



/* フッターコンテンツ end */



    footer {
      height: 50px;
      margin: auto;
      text-align: center;
      background-color:#02683B;
      color:white;
     font-size:0.8em;
    }





div.title01{font-size:1.5em;margin-top:20px;}






}
/*  ========================================  */
/* 　☆ 2列 (701px〜1000px)end                */
/*  ========================================  */







/*  ========================================  */
/* 　★ 1列 (〜700px)start
/*  ========================================  */


@media screen and (max-width: 700px) {

.body {background:white;}
.g-menu{display:none;}  

.waku {background:white;width:100%;border:solid 0px yellow;margin:auto;}
.body {background:white;}

/* ヘッダーコンテンツ start */
.header-content {border:0px solid red;
background:white;
display: flex;
flex-direction: column;
}
.logo { order: 1; width:100%;border:solid 1px silver;padding-left:1em;text-align:center; }
.tel  { order: 2; width:100%;border:solid 1px silver;text-align:right;padding-right:1em;text-align:center;height:auto;display:none; }
img.width01{border:0px;max-width:80%;height:auto;}

/* ヘッダーコンテンツ end */


/* ■structure start ----------- */

#wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: auto;
	height: auto;
　　　　max-width:100%;
	}


      .header {
        width: 100%;
        height: auto
        order: 1;
      }



      .left-bar {
        width: 100%;
        padding-top:1em;
        order: 2;
      }





     .main1{display:none;}

      main {
        width: 100%;
        padding-top:0.3em;
        background:white;
        order: 3
      }


.main2{
        background:white
}


      .right-bar {
      width:100%;height:auto;
     padding-top:1em;
     text-align:center;
        order: 4;
      }


.main3{
        background:white;
        order: 5;
}


      .footer-content {
        border:0px;
        padding:0px;
        width: 100%;height:auto;
        background:green;
        order:6;
      }

      footer {
        width: 100%;height:auto;
        color:#02683B;
        order: 7
      }

/* □structure end ----------- */


/* フッターコンテンツ start */
.footer-content {
display: flex;
flex-direction: column;
margin:auto;
background:green;
color:white;
}

img.footer-logo{width:30%;margin-top:0.5em;}
div.footer02width{width:90%;}

.footer01 { order: 1; width:100%;border:solid 0px silver;text-align:center;padding:0.5em;display:none;}	
.footer02 { order: 2; width:100%;border:solid 0px silver;text-align:center;padding:0.9em;font-size:0.8em;}
.footer03 { order: 3; width:100%;border:solid 0px silver;text-align:center;padding:1em;display:none;}	
/* フッターコンテンツ end */


    footer {
      height: 50px;
      margin: auto;
      text-align: center;
      background-color:#02683B;
      color:white;
      font-size:80%;
    }


div.title01{font-size:1.2em;margin-top:20px;}


}
/*  ========================================  */
/* 　☆ 1列 (〜480px)end                    */
/*  ========================================  */









@media print {

*  =======================  */
/* 　★ 印刷用 start       */
/*  =======================  */

header,.header-content,.footer-content,.flexmenu01,.g-menu, #wrap,{
      max-width:1200px;
      height: auto
      margin: auto;
      text-align: center;
    }

    header,footer {
      max-width: 1200px;
    }

/* ヘッダーコンテンツ start */
.header-content {
background:white;
display: flex;
flex-direction: row;
margin:auto;
}
.logo { order: 1; width:50%;border:solid 0px silver;padding:1em;text-align:left;}
.tel  { order: 2; width:50%;border:solid 0px silver;text-align:right;padding:1em;}
img.width01{border:0px;max-width:100%;height:auto;}
/* ヘッダーコンテンツ end */




/* ■structure start ----------- */

#wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: auto;
	height: auto;
　　　　max-width:1200px;
	}


.left-bar {
	width: 25%;
	text-align: center;
	background-color:white;
	}

.main1{
        background-color:white;
}

main {
	width: 50%;
	text-align: center;
	background: 
	}

main2 {
        background-color:white;
	}


.right-bar {
	width:25%;height:auto;
	text-align: center;
	background-color:white;
	}

.main3{
        background-color:white;
}

.footer-content {
	max-width:1200px;
	text-align: center;
	background-color:green;
	}


/* □structure end ----------- */

.s-menu{display:none;}
.h-menu{display:none;}
.g-menu{
margin:auto;background: url(../image/yuki829fs.jpg);background-repeat:repeat;font-size:0.85em;
}

div.g-padding{padding-left:0.5em;padding-right:0.5em;padding-top:0.5em;}

/* フッターコンテンツ start */
.footer-content {
width:100%;background:green;padding:0px;color:white;
display: flex;flex-direction: row;
margin:auto;
}
.footer01 { order: 1; width:30%;border:solid 0px silver;text-align:center;padding:1em;}
img.footer-logo{width:150px;}
.footer02 { order: 2; width:50%;border:solid 0px silver;text-align:center;padding:1em;font-size:0.8em;margin-top:1em;}
.footer03 { order: 3; width:20%;border:solid 0px silver;text-align:center;padding:1em;}	

.footer-content {
	max-width:1200px;
	text-align: center;
	}

/* フッターコンテンツ end */



    footer {
      height: 50px;
      margin: auto;
      text-align: center;
      background-color:#02683B;
      color:white;
      font-size:0.7em;
    }


    .main2 {
      height:auto;
      margin: auto;
      background: url(../image/yuki829fs.jpg);background-repeat:repeat;
      max-width:1200px;
      margin:auto;
    }

    .main-sns {
      height:auto;
      margin: auto;
      background: url(../image/yuki829fs.jpg);background-repeat:repeat;
      max-width:1200px;
      margin:auto;
    }


}

/*  ========================================  */
/* 　★ 印刷用 end       */
/*  ========================================  */


























/*  ===================  */
/*  ☆　@media end       */
/*  ===================  */