/* 全体 */


h1 {
position:relative;
text-align:center;
width:100%;
margin:0;
padding:0;
font-size:2em;
z-index:1;

}



li{
list-style-type:none;
}

a{
text-decoration:none;
color:#696969;
}

a:hover {
color:#ff7f50;
}



.clear{
clear:both;
}


.monitor{
float:left;
width:20%;
}

.monitor a img:hover{
opacity: 0.5;
}


.menuwrap2{
z-index:2;
width:100%;
overflow: hidden;

}



.menuwrap2 div{
width:20%;
margin:0 1% 5% 1%;
float:left;

}

.menuwrap2 div img{
width:100%;
margin:0;
}

button{
padding:0.5em;
margin:0.5em;
}

button:hover{
color:pink;
}

/* modal */
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
}
.modal__bg{

    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
margin-left:-20%;
    width: 120vw;
z-index:10;
}
.modal__content .wide{

    background: #fff;
    left: 50%;

    margin:60px 0 0 0;
    padding: 0px;
    position:fixed;
    top: 0%;
    transform: translate(-50%,0%);
    width: 80%;
max-width:2000px;
z-index:10;
}

.modal__content .tall{

    background: #fff;
    left: 50%;

    margin:60px 0 0 0;
    padding: 0px;
    position:fixed;
    top: 0%;
    transform: translate(-50%,0%);
    height:95vh;
    width:auto;
max-width:2000px;
z-index:10;
}

.modal__content .mid{

    background: #fff;
    left: 50%;

    margin:60px 0 0 0;
    padding: 0px;
    position:fixed;
    top: 0%;
    transform: translate(-50%,0%);
    width:80%;
max-width:2000px;
z-index:10;
}

.modal__content a{
position:absolute;
top:30px;
left:10px;
font-weight:bold;
color:#ffffff;
}

.modal__content .wide img{
width:100%;
margin:0;
}
.modal__content .tall img{
 height:95vh;
    width:auto;
margin:0;
}

.modal__content .mid img{
width:100%;
margin:0;
}

.modal__content p{
text-align:center;
color:orange;

}


.modal__content h4{
margin:0;
line-height:0;
}

.modal__content a{
margin:0;
line-height:0;
}




article, aside, details, figcaption, figure, header, hgroup, menu, nav, section {
 display: block;
margin:0;
padding:0;
 }



/* 構成 *//* 構成 */
html {
height:100%;
width:100%;
margin:0;
padding:0;

}

body {
height:100%;
width:100%;
margin:0px;
padding:0; 
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:2em;
font-size:1em;
color:#000000;
z-index:1;     
overflow-x: hidden;

}

#wrapper{
overflow-x:hidden;
width:100%;
margin:0;
}




#wrap2{
width:90%;
margin:0 auto;
margin-top:10%;


display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin: 0 auto;
  max-width: 1080px;


}

/* センタリングして左寄せ　*/
.txwrap{
width:90%;
margin:0% auto 0 auto;
max-width:;
text-align: center;
	display: block;


}

.txwrap p{
text-align: left;

	display: inline-block;
}


/* header *//* header */
TopArea {
 top: 0; 
 }

header {
position:fixed;
z-index:100;
top: 0;
padding:0 0 0 0;
width: 100%;
height:80px;
min-width:1000px;

min-height:30px;

background: url(img/.png) center center / cover no-repeat;
background-color: rgba(255,255,255,0);
}





#header{
background-color: rgba(255,255,255,1);
}


#headimgwrap {
position:rerative;
margin:0 0 0 2%;
float:left;
width:10%;
height:100%;

}

.menuwrap{
position:relative;
width:80%;
height:100%;
float:right;
}



.menua{
display:block;
}

.menub{
display:none;
}


#headimgwrap img{
position:rerative;
margin:10px 0 0 0;

width:auto;
height:60px;
}



 /* スクロール時のヘッダー変化後 */
header.fadeInDown3 {
background-color: rgba(255,255,255,1);
height:60px;

background-image: url('');
	background-size: cover;
	
	background-repeat: no-repeat;
	background-position: bottom right;


}



header.fadeInDown3  ul{
background-color:;
 color:#000000; 
  
}

header.fadeInDown3 ul li a:hover{

 color: #ffffff;   
}

header.fadeInDown3 #headimgwrap  h1{
height:80%;
}

header.fadeInDown3 #headimgwrap  img{
height:80%;
}


header.fadeInDown3 #menupc{
display:none;

position:relative;
margin:0 0 0 0;
padding:2px 0 2px 0;
background-color:;
text-align:right;
top:15%;
height:20px;
width:100%;
z-index:10;

}


header.fadeInDown3 .menub{
display:none;
}



header.fadeInDown3 .menub ul li{
margin:0 50%;
}


header.fadeInDown3 .menua{
display:block;
}

#img2{
display:none;
}




/* bill*/
#maintx{
margin:0 0 0 0;
background: url("img/back1.png") top center / cover no-repeat;

}

#maintx .maintxnor{
margin:0 0 0 0;

background: url("img/conq2.jpg") top center / cover no-repeat;

}


#maintx h2{
font-size:3vw;
background-color:rgba(34,16,210,1);
margin-top:0;
padding:0.2em;
color:#ffffff;
font-weight:bold;
text-align:center;
line-height:1.1em;
}

#maintx h3{
font-size:4vw;
color:#00bfff;
font-weight:bold;
text-align:center;
line-height:1.1em;
}

#maintx h4{
color:rgba(34,16,210,1);
margin:5% 0 0 0;
text-align:center;
font-size:3vw;
line-height:1.5em;

}
}



#maintx h5{
font-size:2.5vw;
color:rgba(34,16,210,1);
font-weight:bold;
text-align:center;
line-height:1.1em;
}


#maintx p{
color:#696969;
font-size:2.8vw;
line-height:4vw;
}

#maintx a{
color:red;

}

#maintx a:hover{
color:pink;

}

#maintx img{
width:20%;
margin:0 40% 0 40%;
text-align:center;
}


#maintx iframe{

width:80%;
height:45vw;
margin:0 10%;
}


/* コンテンツ */




main{
width:100%;
margin:0;

}



main p{
margin-left:1em;
color:#4e454a;

}




#main p{
width:80%;
margin:0 auto;
}






.contentsbox{
width:100%;
margin:0 0% 10% 0%;
}

.contentsbox h3{
color:rgba(255,127,0,1);
margin:0;
font-size:3vw;
line-height:2em;
text-align:center;

}



.contentsbox h4{
color:rgba(34,16,210,1);
margin:5% 0 0 0;
font-size:2.5vw;
line-height:1.5em;

}


.contentsbox h5{
color:#4169e1;
margin:5% 0 0 0;
font-size:2.2vw;
line-height:1.5em;


}

.contentsbox p{
color:#696969;
margin:0;
font-size:2.2vw;
line-height:3vw;


}




.contentsbox li{
color:#696969;
margin:0;
font-size:2.2vw;
line-height:3vw;
}



.moni2 img{
width:40%;
margin:0 5%;
float:left;
}



.coder{
width:70%;
color:#696969;
background-color:#a9a9a9;
margin:20px auto 0 auto;
}


.coder th{
background-color:#dcdcdc;
}

.coder td{
background-color:#ffffff;
}

.tabtx{
width:70%;
margin:20px auto 0 auto;
color:#4e454a;
}



.contentsbox1{
float:left;

 width:30%;
 height:auto;
 padding:0;
 margin:20px 4% 0 0;
 }

.contentsbox1 img{
 width:100%;
margin:0;
}


.contentsbox2{
float:left;
 width:30%;
 height:auto;
 padding:0;
 margin:20px 4% 0 0;


 }

.contentsbox2 img{
 width:100%;
margin:0;
}


.contentsbox3{
float:left;
 width:30%;
 height:auto;
 padding:0;
 margin:20px 0 0 0;


 }

.contentsbox3 img{
 width:100%;
margin:0;
}


.contentsbox1 h4{
color:rgba(34,16,210,1);
margin:5% 0 0 0;
font-size:2.5vw;
line-height:3vw;

}

.contentsbox2 h4{
color:rgba(34,16,210,1);
margin:5% 0 0 0;
font-size:2.5vw;
line-height:3vw;

}


.contentsbox3 h4{
color:rgba(34,16,210,1);
margin:5% 0 0 0;
font-size:2vw;
line-height:3vw;

}

.contentsbox1 p,.contentsbox2 p,.contentsbox3 p{
color:#696969;
margin:5% 0 0 0;
font-size:2vw;
line-height:2.6vw;

}
.contentsbox a:hover{
opacity:0.7;

}

.imgbox {
height:auto;
width:100%;
padding:0;
margin:0;

 }

.imgbox img{
width:60%;
padding:0;
margin:0 10%;

 }

.float{
float:left;
width:50%;
}
.float2{
float:left;
width:40%;
margin:0;


}


/* 画像サイズ*/
.kief img {
width:30%;
margin:0 auto 0 0;

}


.rep img{
width:80%;
margin:0 10% 0 10%;
}

.av1 img{
width:30%;
margin:0 0 0 70%;

}

.imgmax img{
margin:0 5%;
width:90%;

}

.float2 img{
margin:0 5%;
width:90%;


}





/* サイド */
#sidebar{
display:none;
width:25%;

padding:0;
margin:0 0 0 5%;

}


#sidebar_sub{
display:block;
position:relative;
width:100%;

padding:0;
margin:0%;
}

#sidebar img{

width:100%;
height:auto;
margin:0;
padding: 0 0.3em 0 0.3em;
}

#sidebar  ul h3{
background-color:#4169e1;
text-align:center;
color:#ffffff;
width:100%;
margin:0 0 0.2em 0;
padding: 0.1em 0.3em 0.1em 0.3em;
font-size:1.6vw;
}

#sidebar ul{
margin:0;
padding:0;
width:100%;
}

#sidebar a li{
font-size:1.8vw;
background-color:rgba(34,16,210,1);
color:#ffffff;
line-height:2em;
padding: 0em 0 0em 0.6em;
width:100%;
margin:0 0 0.2em 0;
}

#sidebar a li:nth-child(n+2) { 


}

#sidebar a li:hover {
color:#ffffff;
background-color:#4169e1;
}


.sns a img:hover {
opacity:0.8;
}


.sns2{
display:block;
 position:fixed;
width:5%;
margin:0 0 0 95%;
bottom:0;
z-index:10;

}

.sns2 img{
width:100%;
margin:0;
}

.sns2 a:hover{
opacity:0.8;
}

/* footer *//*  */
footer {
width:100%;
height:auto; 
clear:both;
color:#ffffff;
font-size:;
padding-top:50px;
padding-bottom:10px;
margin:50px 0 0 0;
 
line-height:1em;
font-size:;
position:relative;
background: url("img/") center center / cover no-repeat;
background-color:rgba(34,16,210,1);

}

#wrap5{

bottom:0;

}

#copy {
clear:both;
position:relative;
width:100vw;
text-align:center;
font-size:0.7em;
border-top:solid 1px #ffffff;
color:#ffffff;
padding-top:0;
padding-bottom:50px;

margin:0;
}


#juusho{
width:100%;
margin:0 auto;
max-width:900px;
}

#juusho h4{
font-size:1em;
padding:0 0 0 30%;
}

.fleft{
width:50%;
margin-left:35%;
margin-right:15%;
text-align:left;
font-size:14px;
bottom:0;
}



.fleft p{
margin:0;
font-size:;
}

.chousei{
position:relative;
height:20px;
}






#denwa{
display:none;
}

#a1{ 
margin-top: -150px; /* 固定ナビの高さ分のネガティブマージン */ 
padding-top: 150px; /* 打ち消し用のパディング */ 
}

#a1{ 
margin-top: -150px; /* 固定ナビの高さ分のネガティブマージン */ 
padding-top: 150px; /* 打ち消し用のパディング */ 
}

#a1{ 
margin-top: -150px; /* 固定ナビの高さ分のネガティブマージン */ 
padding-top: 150px; /* 打ち消し用のパディング */ 
}

#a1{ 
margin-top: -150px; /* 固定ナビの高さ分のネガティブマージン */ 
padding-top: 150px; /* 打ち消し用のパディング */ 
}

#a1{ 
margin-top: -150px; /* 固定ナビの高さ分のネガティブマージン */ 
padding-top: 150px; /* 打ち消し用のパディング */ 
}

#a1{ 
margin-top: -150px; /* 固定ナビの高さ分のネガティブマージン */ 
padding-top: 150px; /* 打ち消し用のパディング */ 
}

#a2{ 
margin-top: -150px; /* 固定ナビの高さ分のネガティブマージン */ 
padding-top: 150px; /* 打ち消し用のパディング */ 
}

#a3{ 
margin-top: -150px; /* 固定ナビの高さ分のネガティブマージン */ 
padding-top: 150px; /* 打ち消し用のパディング */ 
}

#a4{ 
margin-top: -150px; /* 固定ナビの高さ分のネガティブマージン */ 
padding-top: 150px; /* 打ち消し用のパディング */ 
}

#a5{ 
margin-top: -150px; /* 固定ナビの高さ分のネガティブマージン */ 
padding-top: 150px; /* 打ち消し用のパディング */ 
}

#a6{ 
margin-top: -150px; /* 固定ナビの高さ分のネガティブマージン */ 
padding-top: 150px; /* 打ち消し用のパディング */ 
}

#a7{ 
margin-top: -150px; /* 固定ナビの高さ分のネガティブマージン */ 
padding-top: 150px; /* 打ち消し用のパディング */ 
}

#a8{ 
margin-top: -150px; /* 固定ナビの高さ分のネガティブマージン */ 
padding-top: 150px; /* 打ち消し用のパディング */ 
}

#a9{ 
margin-top: -150px; /* 固定ナビの高さ分のネガティブマージン */ 
padding-top: 150px; /* 打ち消し用のパディング */ 
}





#a{ 
margin-top: -150px; /* 固定ナビの高さ分のネガティブマージン */ 
padding-top: 150px; /* 打ち消し用のパディング */ 
}

#b{ 
margin-top: -150px; /* 固定ナビの高さ分のネガティブマージン */ 
padding-top: 150px; /* 打ち消し用のパディング */ 
}

#c{ 
margin-top: -150px; /* 固定ナビの高さ分のネガティブマージン */ 
padding-top: 150px; /* 打ち消し用のパディング */ 
}


#mainimgcon{
width:auto;
height:100vh;
min-height:600px;
clear:both;
margin:0 0 0 0;
background: url(img/hiracon.jpg) center center / cover no-repeat;
}

#mainimgfac{
width:auto;
height:100vh;
min-height:600px;
clear:both;
margin:0 0 0 0;
background: url(img/fac/fact3.jpg) top center / cover no-repeat;
}

#mainimgmaca{
width:auto;
height:100vh;
min-height:600px;
clear:both;
margin:0 0 0 0;
background: url(img/maca2.jpg) center center / cover no-repeat;
}

#mainimgmaca a:hover{
color:red;
}


#mainimgkief{
width:auto;
height:100vh;
min-height:600px;
clear:both;
margin:0 0 0 0;
background: url(img/kief1.jpg) center center / cover no-repeat;
}




#mainimgkief p{
display:block;
width:40%;

margin:4%  30% 0 30%;

}

#mainimgkief img{

}

#mainimgryuugaku{
width:auto;
height:100vh;
min-height:600px;
clear:both;
margin:0 0 0 0;
background: url(img/FotorCreated9.jpg) center center / cover no-repeat;
}

#mainimgkouen{
width:auto;
height:100vh;
min-height:600px;
clear:both;
margin:0 0 0 0;
background: url(img/requiem1.jpg) center center / cover no-repeat;
}


#mainimgkouen2{
width:auto;
height:100vh;
min-height:600px;
clear:both;
margin:0 0 0 0;
margin-bottom:0px;
background-color:black;
}

#rogoback{
width:auto;
heigh:100%;
min-height:600px;
clear:both;
margin:0;
background: url(img/conq2.jpg) center center / cover no-repeat;
}

#charity{
width:auto;
height:100vh;
min-height:600px;
clear:both;
margin:0 0 0 0;
background: url(img/chbill2.jpg) center center / cover no-repeat;
}


#main1a{
width:auto;
height:100vh;
min-height:600px;
clear:both;
margin:0 0 0 0;
background: url(img/don1.jpg) center center / cover no-repeat;
}


#feed{
width:95%;height:500px;margin:0 5% 100px 0 ;overflow-y:scroll;font-size:3vw;line-height:4vw;word-wrap: break-word;
}

#feed h1{
color:red;
}

#feed img{
width:40%;
height:auto;
}

#con2022{
width:60%;margin:0 20%;
}