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


body,p,div,ul,li,h1,h2,h3,h4,h5 { margin: 0; padding: 0; -webkit-text-size-adjust: 100%;}
li { display:inline; float:left; list-style: none ; }
a img{ border:none; }
a:hover img { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }
a:link { color:#0000FF; text-decoration: none ; }
a:hover { color:#0000FF; text-decoration: none ; font-weight:bold; }
a:visited { color:#0000FF; text-decoration: none; }
table { border-top: 0px #666666 solid; border-left: 0px #666666 solid; }
td { border-right: 0px #666666 solid; border-bottom: 0px #666666 solid; font-family: "メイリオ", Arial; font-size: 14px; line-height: 20px;}
p { font-size: 20px; font-family: "メイリオ", Arial; line-height: 38px; }
hr { border-width: 1px 0px 0px 0px; border-style: solid ; border-color: #000; height: 1px;}

h1 { font-size: 14px; font-family: "メイリオ", Arial; font-weight:normal;}
h2 { font-size: 30px; font-family: "メイリオ", Arial; line-height: 40px; font-weight:normal; }
.pic100 { width: 100%; }
.pic600 { width: 600px; }
.pic660 { height: 237px; }
.pic1100 { width: 1100px; }
.m01 { margin-top: 10px ; }
.font01 { margin-top: 10px ; font-size:13px; }
.font02 { color:#46846C;}
.style01 { width:100%; padding: 7px 0 0 0 ; margin-bottom:20px; background-color: #FFC; }

.pc_non { display: none; }

.backtotop { position: fixed; right: 15px; bottom: 210px; z-index: 90; display: none; }    
.backtotop a { display: block; color: #000; padding: 20px 10px; margin: 0; background-color: #99CCFF; border-radius: 5px; text-decoration: none; font-size: 12px;}
.backtotop a:hover { background: #C9E2F5; color: #000;}

.menu-btn {
    display: none;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #000;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
#menu-btn-check {
    display: none;
}
.menu-content ul {
    padding: 70px 30px ;
}
.menu-content ul li {
    border-bottom: solid 1px #000;
    list-style: none;
	width: 100%;
	margin-top: 40px;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 18px;
    box-sizing: border-box;
    color:#000;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}
.menu-content {
    width: 20%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 100%;
    z-index: 80;
    background-color: #FFE1E1;
    transition: all 0.5s;/*アニメーション設定*/
}
#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}

html,body { text-align: center ; margin: 0 auto ; background-image: url("images/bg01.jpg") ; background-position: center top;}
#header { width: 100% ; text-align: center ; position: fixed; }
.header00 { width: 100% ; text-align: center ; margin: 0 auto ; }
.header01 { width: 11% ; margin: 50px 0 0 50px ; float:left; text-align: center ;}
.header02 { width: 32% ; margin: 30px 50px 0 0 ; float:right; text-align:  center ;}
.header_sub01 { width: 9% ; margin: 3% 2% 0 3% ; float:left; text-align: center ;}
.header_sub02 { width: 29% ; margin: 3% 3% 0 0 ; float:right; text-align:  center ;}
.header_sub03 { width: 620px ; margin: 7% 0 0 0 ; float:left; text-align:  center ; background-color:#47846C; border-radius: 100px;}
.header_sub03 p { font-size: 15px; }
.header_sub03 a:link { color:#fff; text-decoration: none ; }
.header_sub03 a:hover { color:#fff; text-decoration: none ; font-weight:bold; }
.header_sub03 a:visited { color:#fff; text-decoration: none; }

#outline_home00 { width: 100%; min-width:1200px; height: 100% ; text-align: center ; margin: 0 auto ; }
.home_f01 { width:100%; height:100px; float:left; text-align:left; }
.home_f02 { width:100%; height:50px; float:left; text-align:left; background-image: url("images/line01.png") ; background-position: center top; background-repeat:no-repeat;}
.home_f03 { width:100%; height:100px; float:left; text-align:left; }

#outline_home01 { width: 100%; text-align: center ; margin: 0 auto ; clear: both; bottom:0;}
.home01 { width:100%; height: inherit; text-align: center ; float:left; height:auto; background-image: url("images/home_bg01.png") ; background-repeat:no-repeat; background-size: contain; background-position: center top;}
.home01a { width: 100%; float:left; margin: 28% 0 0 0; }
.home01_text01 { width:1200px; text-align:center; margin: 0 auto ;}
.home01_text02 { width:1200px; text-align:center; float:left;}
.sub01 { width:100%; height: inherit; text-align: center ; float:left; }

#outline_home02 { width: 100%; text-align: center ; margin: 0 auto ; clear: both; bottom:0;}
.home02 { width:100%; text-align: center ; margin: 0 auto ; }
.home02_text01 { width:100%; float:left; text-align:center; }
.home02_text02 { width:1100px; text-align: center ; margin: 0 auto ; }
.home02_text03 { width:1100px; float:left; text-align:center; background-color:#47846C; border-radius: 100px; }
.home02_text03 p { font-size: 18px; }
.home02_text03 a:link { color:#fff; text-decoration: none ; }
.home02_text03 a:hover { color:#fff; text-decoration: none ; font-weight:bold; }
.home02_text03 a:visited { color:#fff; text-decoration: none; }

#outline_home03 { width: 100%; text-align: center ; margin: 0 auto ; }
.home03 { width:100%; text-align: center ; margin: 0 auto ; }
.home03_text01 { width:100%; float:left; text-align:center; }
.home03_text02 { width:40%; float:left; text-align: center ; }
.home03_text02a { width:75%; float:left; text-align: center ; margin-left:50px; }
.home03_text03 { width:60%; float:right; text-align:left; }
.home03_text03a { width:100%; margin: 0 50px 0 50px; float:right; text-align:left; background-color:rgba(0,255,0,0.2); border-radius: 30px;}
.home03_text03b { margin: 50px 50px 50px 50px;}
.home03_text03b1 { width:12%; float:left; text-align:left;}
.home03_text03b2 { width:14%; float:left; text-align:center;}
.home03_text03b3 { width:74%; float:left; text-align:left;}
.home03_text03b4 { width:100%; height:10px; float:left; text-align:left;}
.home03_text03b5 { width:100%; height:10px; float:left; text-align:left; margin-bottom:50px;}

#outline_home04 { width: 100%; text-align: center ; margin: 0 auto ; }
.home04 { width:100%; text-align: center ; margin: 0 auto ; }
.home04_text01 { width:100%; float:left; text-align:center; }
.home04_text02 { width:40%; float:right; text-align: center ; }
.home04_text02a { width:75%; float:right; text-align: center ; margin-right:50px; }
.home04_text03 { width:60%; float:left; text-align:left; }
.home04_text03a { width:100%; margin: 0 50px 0 50px; float:left; text-align:left; background-color:rgba(0,255,255,0.2); border-radius: 30px;}
.home04_text03b { margin: 50px 50px 50px 50px;}

#outline_home05 { width: 100%; text-align: center ; margin: 0 auto ; }
.home05 { width:100%; text-align: center ; margin: 0 auto ; }
.home05_text01 { width:100%; float:left; text-align:center; }
.home05_text02 { width:40%; float:left; text-align: center ; }
.home05_text02a { width:75%; float:left; text-align: center ; margin-left:50px; }
.home05_text03 { width:60%; float:right; text-align:left; }
.home05_text03a { width:100%; margin: 0 50px 0 50px; float:right; text-align:left; background-color:rgba(0,255,0,0.2); border-radius: 30px;}
.home05_text03b { margin: 50px 50px 50px 50px;}

#outline_home06 { width: 100%; text-align: center ; margin: 0 auto ; }
.home06 { width:100%; text-align: center ; margin: 0 auto ; }
.home06_text01 { width:100%; float:left; text-align:center; }
.home06_text02 { width:40%; float:right; text-align: center ; }
.home06_text02a { width:75%; float:right; text-align: center ; margin-right:50px; }
.home06_text03 { width:60%; float:left; text-align:left; }
.home06_text03a { width:100%; margin: 0 50px 0 50px; float:left; text-align:left; background-color:rgba(0,255,255,0.2); border-radius: 30px;}
.home06_text03b { margin: 50px 50px 50px 50px;}

#outline_home07 { width: 100%; text-align: center ; margin: 0 auto ; }
.home07 { width:100%; text-align: center ; margin: 0 auto ; }
.home07_text01 { width:100%; float:left; text-align:center; }
.home07_text02 { width:40%; float:left; text-align: center ; }
.home07_text02a { width:75%; float:left; text-align: center ; margin-left:50px; }
.home07_text03 { width:60%; float:right; text-align:left; }
.home07_text03a { width:100%; margin: 0 50px 0 50px; float:right; text-align:left; background-color:rgba(0,255,0,0.2); border-radius: 30px;}
.home07_text03b { margin: 50px 50px 50px 50px;}

.sub01_text01 { width:1100px; text-align: center ; margin: 0 auto ; }
.sub01_title01 { width:1100px; height:116px; float:left; text-align:left; background-image: url("images/sub_title01.png") ;}
.sub01_title01_t { float:left; text-align:left; margin:28px 0 0 120px; }
.sub01_text02 { width:1100px; float:left; text-align:left; margin-top:50px; }
.sub01_text03 { width:1100px; float:left; text-align:left; margin-top:50px; }
.archive01_text01 { width:330px; height:500px; float:left; text-align:center; }
.photo01_text01 { width:330px; height:360px; float:left; text-align:center; }
.photo01_text02 { width:330px; height:360px; float:left; text-align:center; margin-left:50px; }
.photo01_text03 { width:330px; height:360px; float:left; text-align:center; }
.photo01_text04 { width:330px; height:360px; float:left; text-align:center; margin-left:50px; }
.photo01_text01a { width:330px; height:400px; float:left; text-align:center; }
.photo01_text02a { width:330px; height:400px; float:left; text-align:center; margin-left:50px; }
.photo01_text03a { width:330px; height:400px; float:left; text-align:center; }
.photo01_text04a { width:330px; height:400px; float:left; text-align:center; margin-left:50px; }
.photo01_text_l { width:1100px; height:80px; float:left; text-align:center; }

#footer { text-align: center ; min-width:1200px; margin: 0 auto ; clear: both; bottom:0;}
.footerwaku { width: 100% ; height: 300px ; text-align: center ; margin: 0 auto ;}
.footer01 { width: 9% ; margin: 50px 0 0 50px ; float:left; text-align: left ;}
.footer02 { width: 38% ; text-align: left ; float:left; margin: 50px 0 0 50px ; }
.footer03 { width: 35% ; text-align: right ; float:right; margin: 50px 50px 50px 50px ; }

}


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

body,p,div,ul,li,h1,h2,h3,h4,h5 { margin: 0; padding: 0; -webkit-text-size-adjust: 100%;}
li { display:inline; float:left; list-style: none ; }
a img{ border:none; }
a:hover img { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }
a:link { color:#0000FF; text-decoration: none ; }
a:hover { color:#0000FF; text-decoration: none ; font-weight:bold; }
a:visited { color:#0000FF; text-decoration: none; }
table { border-top: 0px #666666 solid; border-left: 0px #666666 solid; }
td { border-right: 0px #666666 solid; border-bottom: 0px #666666 solid; font-family: "メイリオ", Arial; font-size: 14px; line-height: 20px;}
p { font-size: 20px; font-family: "メイリオ", Arial; line-height: 38px; }
hr { border-width: 1px 0px 0px 0px; border-style: solid ; border-color: #000; height: 1px;}

h1 { font-size: 14px; font-family: "メイリオ", Arial; font-weight:normal;}
h2 { font-size: 30px; font-family: "メイリオ", Arial; line-height: 40px; font-weight:normal; }
.pic100 { width: 100%; }
.pic600 { width: 560px; }
.pic660 { width: 660px; }
.pic1100 { width: 1100px; }
.m01 { margin-top: 10px ; }
.font01 { margin-top: 10px ; }
.font02 { color:#46846C;}
.style01 { width:100%; padding: 7px 0 0 0 ; margin-bottom:20px; background-color: #FFC; }

.sp_non { display: none; }

.backtotop { position: fixed; right: 15px; bottom: 210px; z-index: 90; display: none; }    
.backtotop a { display: block; color: #000; padding: 20px 10px; margin: 0; background-color: #99CCFF; border-radius: 5px; text-decoration: none; font-size: 12px;}
.backtotop a:hover { background: #C9E2F5; color: #000;}

.menu-btn {
    position: fixed;
    top: 20px;
    left: 20px;
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    z-index: 90;
	color: #000;
	font-size:18px;
	font-weight:bold;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #000;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
#menu-btn-check {
    display: none;
}
.menu-content ul {
    padding: 70px 30px ;
}
.menu-content ul li {
    border-bottom: solid 1px #000;
    list-style: none;
	width: 100%;
	margin-top: 40px;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 18px;
    box-sizing: border-box;
    color:#000;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}
.menu-content {
    width: 40%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 100%;
    z-index: 80;
    background-color: #99CCFF;
    transition: all 0.5s;/*アニメーション設定*/
}
#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}

html,body { text-align: center ; margin: 0 auto ; background-image: url("images/bg01.jpg") ; background-position: center top;}

#header { width: 760px ; text-align: center ;  }
.header00 { width: 760px ; text-align: center ; margin: 0 auto ; }
.header01 { width: 130px ; margin: 30px 30px 0 0 ; float:right; text-align: center ; }
.header02 { width: 400px ; margin: 30px 50px 0 0 ; float:right; text-align:  center ; }
.header_sub01 { width: 130px ; margin: 30px 30px 0 0 ; float:right; text-align: center ;}
.header_sub02 { width: 400px ; margin: 30px 50px 0 0 ; float:right; text-align:  center ;}
.header_sub03 { display:none;}
.header_sub03 p { font-size: 15px; }
.header_sub03 a:link { color:#fff; text-decoration: none ; }
.header_sub03 a:hover { color:#fff; text-decoration: none ; font-weight:bold; }
.header_sub03 a:visited { color:#fff; text-decoration: none; }

#outline_home00 { width: 760px; height: 100% ; text-align: center ; margin: 0 auto ; }
.home_f01 { width:760px; height:100px; float:left; text-align:left; }
.home_f02 { width:760px; height:50px; float:left; text-align:left; background-image: url("images/line01.png") ; background-position: center top; background-repeat:no-repeat;}
.home_f03 { width:760px; height:50px; float:left; text-align:left; }

#outline_home01 { width: 760px; text-align: center ; margin: 0 auto ; }
.home01 { width:760px; height:1320px; text-align: center ; float:left; background-image: url("images/home_bg01_sp.png") ; background-repeat:no-repeat; background-position: center top; }
.home01a { display:none; }
.home01_text01 { width:760px; text-align:center; margin: 0 auto ;}
.home01_text02 { width:760px; text-align:center; float:left;}
.sub01 { width:760px; height: inherit; text-align: center ; float:left; }

#outline_home02 { display:none; }
.home02 { width:100%; text-align: center ; margin: 0 auto ; }
.home02_text01 { width:100%; float:left; text-align:center; }
.home02_text02 { width:1100px; text-align: center ; margin: 0 auto ; }
.home02_text03 { width:1100px; float:left; text-align:center; background-color:#47846C; border-radius: 100px; }
.home02_text03 p { font-size: 18px; }
.home02_text03 a:link { color:#fff; text-decoration: none ; }
.home02_text03 a:hover { color:#fff; text-decoration: none ; font-weight:bold; }
.home02_text03 a:visited { color:#fff; text-decoration: none; }

#outline_home03 { width: 760px; text-align: center ; margin: 0 auto ; }
.home03 { width:760px; text-align: center ; margin: 0 auto ; }
.home03_text01 { width:760px; float:left; text-align:center; }
.home03_text02 { width:760px; float:left; text-align: center ; }
.home03_text02a { width:660px; float:left; text-align: center ; margin-left:50px; }
.home03_text03 { width:760px; float:right; text-align:left; }
.home03_text03a { width:660px; margin: 50px 50px 0 50px; float:left; text-align:left; background-color:rgba(0,255,0,0.2); border-radius: 30px;}
.home03_text03b { margin: 50px 50px 50px 50px;}
.home03_text03b1 { width:70px; float:left; text-align:left;}
.home03_text03b2 { width:90px; float:left; text-align:center;}
.home03_text03b3 { width:400px; float:left; text-align:left;}
.home03_text03b4 { width:100%; height:10px; float:left; text-align:left;}
.home03_text03b5 { width:100%; height:10px; float:left; text-align:left; margin-bottom:50px;}

#outline_home04 { width: 760px; text-align: center ; margin: 0 auto ; }
.home04 { width:760px; text-align: center ; margin: 0 auto ; }
.home04_text01 { width:760px; float:left; text-align:center; }
.home04_text02 { width:760px; float:right; text-align: center ; }
.home04_text02a { width:660px; float:right; text-align: center ; margin-right:50px; }
.home04_text03 { width:760px; float:left; text-align:left; }
.home04_text03a { width:660px; margin: 50px 50px 0 50px; float:left; text-align:left; background-color:rgba(0,255,255,0.2); border-radius: 30px;}
.home04_text03b { margin: 50px 50px 50px 50px;}

#outline_home05 { width: 760px; text-align: center ; margin: 0 auto ; }
.home05 { width:760px; text-align: center ; margin: 0 auto ; }
.home05_text01 { width:760px; float:left; text-align:center; }
.home05_text02 { width:760px; float:left; text-align: center ; }
.home05_text02a { width:660px; float:left; text-align: center ; margin-left:50px; }
.home05_text03 { width:760px; float:right; text-align:left; }
.home05_text03a { width:660px; margin: 50px 50px 0 50px; float:right; text-align:left; background-color:rgba(0,255,0,0.2); border-radius: 30px;}
.home05_text03b { margin: 50px 50px 50px 50px;}

#outline_home06 { width: 760px; text-align: center ; margin: 0 auto ; }
.home06 { width:760px; text-align: center ; margin: 0 auto ; }
.home06_text01 { width:760px; float:left; text-align:center; }
.home06_text02 { width:760px; float:right; text-align: center ; }
.home06_text02a { width:660px; float:right; text-align: center ; margin-right:50px; }
.home06_text03 { width:760px; float:left; text-align:left; }
.home06_text03a { width:660px; margin: 50px 50px 0 50px; float:left; text-align:left; background-color:rgba(0,255,255,0.2); border-radius: 30px;}
.home06_text03b { margin: 50px 50px 50px 50px;}

#outline_home07 { width: 760px; text-align: center ; margin: 0 auto ; }
.home07 { width:760px; text-align: center ; margin: 0 auto ; }
.home07_text01 { width:760px; float:left; text-align:center; }
.home07_text02 { width:760px; float:left; text-align: center ; }
.home07_text02a { width:660px; float:left; text-align: center ; margin-left:50px; }
.home07_text03 { width:760px; float:right; text-align:left; }
.home07_text03a { width:660px; margin: 50px 50px 0 50px; float:right; text-align:left; background-color:rgba(0,255,0,0.2); border-radius: 30px;}
.home07_text03b { margin: 50px 50px 50px 50px;}

.sub01_text01 { width:760px; text-align: center ; margin: 0 auto ; }
.sub01_title01 { width:660px; height:116px; float:left; text-align:left; background-image: url("images/sub_title01.png") ; margin-left:50px;}
.sub01_title01_t { float:left; text-align:left; margin:28px 0 0 120px; }
.sub01_text02 { width:660px; float:left; text-align:left; margin:50px 0 0 0; }
.sub01_text03 { width:660px; float:left; text-align:left; margin:50px 0 0 50px; }
.archive01_text01 { width:660px; float:left; text-align:center; margin: 50px 0 0 50px;}
.photo01_text01 { width:660px; float:left; text-align:center; margin: 50px 0 0 50px;}
.photo01_text02 { width:660px; float:left; text-align:center; margin: 50px 0 0 50px;}
.photo01_text03 { width:660px; float:left; text-align:center; margin: 50px 0 0 50px;}
.photo01_text04 { width:660px; float:left; text-align:center; margin: 50px 0 0 50px;}
.photo01_text01a { width:660px; float:left; text-align:center; margin: 50px 0 0 50px;}
.photo01_text02a { width:660px; float:left; text-align:center; margin: 50px 0 0 50px;}
.photo01_text03a { width:660px; float:left; text-align:center; margin: 50px 0 0 50px;}
.photo01_text04a { width:660px; float:left; text-align:center; margin: 50px 0 0 50px;}
.photo01_text_l { width:660px; float:left; text-align:center; margin: 50px 0 30px 50px;}

#footer { text-align: center ; margin: 0 auto ; background-image: url("images/footer_bg01.png") ; background-position: center top; background-repeat:no-repeat; clear: both; bottom:0;}
.footerwaku { width: 760px ; height: 300px ; text-align: center ; margin: 0 auto ;}
.footer01 { width: 120px ; text-align: center ; float:left; margin: 30px 0 0 20px ; }
.footer02 { width: 520px ; text-align: left ; float:left; margin: 10px 0 0 40px ; }
.footer03 { width: 720px ; text-align: center ; float:right; margin: 0 20px 20px 20px ; }


}