@charset "UTF-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
	
}


.btn-circle-border-double {
    display: inline-block;
    text-decoration: none;
    color: #FFFFFF;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 20px;
    width: 120px;
    height: 120px;
    line-height: 120px;
    border-radius: 50%;
    border: double 6px #FFFFFF;
    text-align: center;
    overflow: hidden;
    transition: .6s;
    position: fixed;
    margin-top: 330px;
    margin-left: 230px;
    background-color: rgba( 248,210,93, 0.95 );
    z-index: 10;
    font-weight: 400;
}
.btn-circle-border-double:hover {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
}


.btn-circle-border-double:hover {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
}


.mawaru{
	width: 100%;
	position: absolute;
z-index: 1;
	margin-top: -250px
}

.mawaru1{
	width: 100%;
	position: absolute;
z-index: 1;
	margin-top: -230px;
	margin-left: 1px
}

img#daigaku{width: 92%;
    margin-left: 15px;
	margin-top: -200px;
	position: fixed;
z-index: 90;
}

.navbar-brand{
    position: fixed;
    z-index: 90;
    margin-top: 7px;
    margin-left: 0px;
    color: black;
    font-size: 17px;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 530;	
	
text-decoration: none;}

.display-4{
    font-size: 35px;
    color: #71CDFF;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;	
	margin-top: 200px;
	text-align: center;
	z-index: 4;
	position: relative;
}
.lead{
	font-size: 20px;
	color: #71CDFF;
	margin-bottom: 120px;
	text-align: center;
	margin-bottom: -50px;
	z-index: 4;
	position: relative;
}

.shiro1{
	z-index: 2;
	position: fixed;
	margin-top: -95px;
	margin-left: 18px;
	width: 90%;
}
h2#toha{
    font-size: 25px;
    color: #71CDFF;
    margin-top: 250px;
    text-align: center;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 500;
    z-index: 4;
    position: relative;
}

#setumei{
	text-align: left;
	font-size: 15px;
	margin-left: 25px;
	margin-top: 5px;
	font-weight: 300;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	z-index: 4;
	position: relative;
}

h2#manaberu{
    font-size: 21px;
    text-align: center;
    margin-top: 90px;
	margin-bottom: 5px;
	margin-left: 0px;
    z-index: 5;
	position: relative;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;	
	font-weight: 500;
	color: white;
}	

.manaone{
	font-size: 15px;
	z-index: 5;
	position: relative;
	margin-top: -480px;
	margin-left: -165px;
	text-align: center;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 300;
	
}
.manatew{
	font-size: 15px;
	z-index: 5;
	position: relative;
	text-align: center;
	margin-left: 180px;
	margin-top: -40px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 300;
}
.manathree{
	font-size: 15px;
	z-index: 5;
	position: relative;
	margin-top: 166px;
	margin-left: 28px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 300;
}
.manafore{
	font-size: 15px;
	z-index: 5;
	position: relative;
	margin-left: 234px;
	margin-top: -23px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 300;
}
.manafive{
	font-size: 15px;
	z-index: 5;
	position: relative;
	text-align: center;
	margin-left: -158px;
	margin-top: 170px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 300;
}
.manasix{
	font-size: 15px;
	z-index: 5;
	position: relative;
	margin-left: 204px;
	margin-top: -36px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 300;
}

.card-img-top{
	position: relative;
	z-index: 4;
	margin-top: -120px;
	width: 100%;
}

.btn3{
	margin-top: 12px;
	color: #FFFFFF;
	font-size: 29px;
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.1em 0.6em;
    text-decoration: none;
    background: #F8DC5D;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 400;
	 border-style: none;
	z-index: 4;
	position: relative;
}
.btn3:hover span{
	-webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);}
.btn3 span {
  display:inline-block;
	transition: .5s;
}
.card{
	border: none;
}


.nagare{
	width: 100%;
	margin-top: 50px;
	z-index: 2;
	position: relative;
}

h2.card-title{
    font-size: 21px;
    text-align: center;
    margin-top: -935px;
    z-index: 3;
	position: relative;
	width: 100%;
    color: #FFFFFF;	
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;	
}
h3.iti{
	color: white;
	margin-left: 174px;
	margin-top: 30px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 17px;
	font-weight: 500;
	z-index: 3;
	position: relative;
}

p.card-text1{
    text-align: left;
    color: white;
    font-size: 16px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 600;
	margin-left:128px;
	margin-top: 10px;
	margin-bottom: 8px;
		z-index: 3;
	position: relative;
}

.card-link{
    color: #42ACE5;
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.1em 0.5em;
    text-decoration: none;
    background: #FFFFFF;
    margin-left: 126px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 600;
	z-index: 3;
	position: relative;
}
.card-link:hover span{
	-webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}
.card-link span {
  display:inline-block;
	transition: .5s;
}

h3.ni{
	color: white;
	margin-left: 172px;
	margin-top: 67px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 17px;
	font-weight: 500;
	z-index: 3;
	position: relative;
}

p.text2{
	ext-align: left;
    color: white;
    font-size: 16px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 600;
	margin-left: 112px;
	margin-top: 10px;
	margin-bottom: 8px;
	z-index: 3;
	position: relative;
}

h3.san{
	color: white;
	margin-left: 173px;
	margin-top: 69px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 17px;
	font-weight: 500;
	z-index: 3;
	position: relative;
}

p.text3{
    text-align: left;
    color: white;
    font-size: 16px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 600;
	margin-left: 97px;
	margin-top: 10px;
	margin-bottom: 8px;
		z-index: 3;
	position: relative;
}

h3.yon{
	color: white;
	margin-left: 170px;
	margin-top: 66px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 17px;
	font-weight: 500;
	z-index: 3;
	position: relative;
}
p.text4{
    text-align: left;
    color: white;
    font-size: 16px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 600;
	margin-left:101px;
	margin-top: 10px;
	margin-bottom: 8px;
	z-index: 3;
	position: relative;
}

.btn2{
	margin-top: 120px;
	margin-left: 35px;
	margin-bottom: 10px;
	color: #FFFFFF;
	font-size: 18px;
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.1em 0.5em;
    text-decoration: none;
    background: #42ACE5;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 500;
	 border-style: none;
	z-index: 3;
	position: relative;
}
.btn2:hover span{
	-webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}
.btn2 span {
  display:inline-block;
	transition: .5s;
}


img.card-img-top2{
	margin-top: 80px;
	margin-left: 120px;
	width: 35%;
	z-index: 3;
	position: relative;
	
}

p.card-text2{
    font-size: 13px;
    text-align: center;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;	
	font-weight: 300;
	color: gray;
	margin-bottom: 140px;
	z-index: 3;
	position: relative;
}








/*2ページめ*/
img.bakku{
	z-index: 1;
	position: absolute;
	margin-top:-110px;
	
}

h2.tatoe{
    z-index: 2;
    position: relative;
    margin-top: 90px;
    text-align: center;
	color: white;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 500;
	font-size: 23px;
	
}
h3.tatoeh3{
	z-index: 2;
    position: relative;
    margin-top: 10px;
    text-align: center;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 300;
	font-size: 16px;
	color: white;
	margin-left: 6px
}

p.tatoep{
	z-index: 2;
    position: relative;
	text-align: left;
	margin-left: 32px;
	margin-top: 70px;
	color: black;
}

img.hitori{
	width: 35%;
	margin-left: -200px;
	margin-top: 3px;
	
}

p.tatoepp{
	text-align: left;
	margin-left: 150px;
	margin-top: -263px;
	font-size: 14px;
	color: black;
	line-height:1.47;
}

img.dd{
	margin-left: 120px;
	width: 50%
}

p.tatoeppp{
	text-align: left;
	margin-left: 159px;
	margin-top: 0px;
	font-size: 13px;
	color: black;
	line-height:1.2
}


p.tatoep1{
	z-index: 2;
    position: relative;
	text-align: left;
	margin-left: 32px;
	margin-top: 90px;
	color: black;
	
}

video{
	z-index: 3;
	position: absolute;
	width: 84%;
	margin-left: -156px;
	margin-top: 4px;
}

img.hitori1{
	width: 35%;
	margin-left: 194px;
	margin-top: 190px;
	
}

p.tatoepp1{
	text-align: left;
	margin-left: 24px;
	margin-top: -232px;
	font-size: 14px;
	color: black;
	line-height:1.47
}

img.dd1{
	margin-left: -135px;
	width: 50%
}

p.tatoeppp1{
	text-align: center;
	margin-left:-230px;
	margin-top: 0px;
	font-size: 13px;
	color: black;
	line-height:1.2
}
p.tatoeppp2{
	text-align: center;
	margin-left: -40px;
	margin-top: -30px;
	font-size: 13px;
	color: black;
	line-height:1.2
}


p.tatoep2{
	z-index: 2;
    position: relative;
	text-align: left;
	margin-left: 32px;
	margin-top: 115px;
	color: black;
	
}

img.mizu{
	width: 70%;
	margin-bottom: 270px;
	margin-top: 3px;
	margin-left: -175px;
	margin-bottom: 245px;
}

img.hitori2{
	position: relative;
	width: 35%;
	margin-left: -290px;
	
}

p.tatoepp2{
	text-align: left;
	margin-left: 150px;
	margin-top: -230px;;
	font-size: 14px;
	color: black;
	line-height:1.47
}

img.dd2{
	margin-left: 120px;
	width: 50%
}

p.tatoeppp3{
	text-align: left;
	margin-left: 159px;
	margin-top: 0px;
	font-size: 13px;
	color: black;
	line-height:1.2;
}

.btn-circle-border-double1 {
    display: inline-block;
    text-decoration: none;
    color: #FFD000;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 20px;
    width: 120px;
    height: 120px;
    line-height: 120px;
    border-radius: 50%;
    border: double 6px #FFD000;
    text-align: center;
    overflow: hidden;
    transition: .6s;
    position: fixed;
    margin-top: 440px;
    margin-left: 230px;
    background-color: rgba( 245,245,245, 0.95 );
    z-index: 5;
    font-weight: 800;
}
.btn-circle-border-double1:hover {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
}


.btn-circle-border-double1:hover {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
}

.navbar-brand1{
    position: fixed;
    z-index: 90;
	margin-top: 120px;
}