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

body{
	margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
	screen:100%;
	
}
#logo{
     margin-top: 0px;
     margin-left: 5px;
	 width: 150px;
}
header{
	background-color:#FFFFFF;
	height: 46px;
}

p{
    font-family: "ヒラギノ角ゴシック W1";
	font-size: 90%;
}
h1{
    font-family:"ヒラギノ角ゴシック W1";	
}
h2{
    font-family:"ヒラギノ角ゴシック W1";
}
#topimage{
	width: 100%;

}

#toptitle{
    color:#39F0E1;
	position: absolute;
	margin-left: 15px;
	margin-top: 7px;
	line-height: 0.4em;
	font-size: 98%;
	
	
	
}

#top{
	position: relative;
}
#josyou{
    color:#096E72;
    font-size: 90%;
    margin-left: 50px;
	margin-top: 30px;
    line-height: 0.9em;
}	

#josyou2{
	color: #484848;
	font-size: 90%;
	margin-top: 30px;
	margin-left: 50px;
	line-height: 0.9em;
	width: 80%;
}	
#siryouseikyu{
	margin-left: 265px;
	margin-top: -65px;
	position: fixed;
	z-index: 10;
	width: 25%;
}
#zurasu{
	margin-top: 80px;
}
.first{
	color: #00B7BF;
	
}

.cp_arrows *, .cp_arrows *:before, .cp_arrows *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_arrows {
	        position: relative;
	        display: flex;
	        height: 300px;/*画面いっぱいにする場合100vh*/
	        justify-content: center;
	        align-items: center;
	        margin-top: -160px;/*開始地点*/
            margin-left: -30px;
	
}
.cp_arrows .cp_arrow {
	        position: absolute;
	        top: 60%;/*着地点（サンプルは[class:cp_arrows]height300pxの50%）*/
	        left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	-webkit-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	opacity: 0;
}
.cp_arrows .cp_arrowfirst {
	-webkit-animation: arrow-move08 2s ease-in-out infinite;
	        animation: arrow-move08 2s ease-in-out infinite;
}
.cp_arrows .cp_arrowsecond {
	-webkit-animation: arrow-move08 2s 1s ease-in-out infinite;
	        animation: arrow-move08 2s 1s ease-in-out infinite;
}
.cp_arrows .cp_arrow:before, .cp_arrows .cp_arrow:after {
	        position: absolute;
	        top: 0;
	        left: 0;
	        display: block;
	        width: 30px;
	        height: 3px;
	        content: '';
	        background:#333333;
}
.cp_arrows .cp_arrow:before {
	-webkit-transform: rotate(30deg) translateX(-39%);
	        transform: rotate(30deg) translateX(-39%);
	-webkit-transform-origin: top left;
	        transform-origin: top left;
}
.cp_arrows .cp_arrow:after {
	-webkit-transform: rotate(-30deg) translateX(39%);
	        transform: rotate(-30deg) translateX(39%);
	-webkit-transform-origin: top right;
	        transform-origin: top right;
}
@-webkit-keyframes arrow-move08 {
	0% {
		    top: 40%;/*スタート地点（サンプルは[class:cp_arrows]height300pxの35%）*/
		    opacity: 0;
	}
	70% {
		    opacity: 1;
	}
	100% {
		    opacity: 0;
	}
}
@keyframes arrow-move08 {
	0% {
		    top: 40%;/*スタート地点（サンプルは[class:cp_arrows]height300pxの35%）*/
		    opacity: 0;
	}
	70% {
		    opacity: 1;
	}
	100% {
		    opacity: 0;
	}
}

#title{
	color:#096E72;
	font-size: 95%;
	margin-left: 40px;
	font-weight: lighter;
	margin-top: 10px;
	position:absolute;

	
}
#blueline{
	background-color:#C1FFFA;
	height: 45px;
	margin-top: -90px;
	position: relative;
}

#tyoubun{
    margin-left: 40px;
	margin-top: 30px;
    color: #565656;
    font-size: 90%;
    line-height: 2em;
    width: 80%;  
}


#bunya{
	font-size: 95%;
	color: #484848;
	text-align: center;
	margin-top: 50px;
	
}
#buyamei{
	font-size: 95%;
	color:#484848; 
	line-height: 2em;
	margin-left: 40px;
	width: 80%;
}
#setubi{
	font-size: 95%;
	color: #484848;
	font-weight: lighter;
	margin-left: 50px;
	margin-top: 10px;
	position: relative;
	
}

#setubiline{
	background-color:#00FFF1;
	margin-top: 50px;
	margin-left: 55px;
	width: 260px;
	height: 45px;
	position: absolute;
	border-radius: 30px;
	
	
}
a{
	text-decoration:none;/*設備紹介ボタン*/
}
#maru{
	width: 85%;
	margin-left: 28px;
	position: relative;
	margin-top: 100px;
}
#itinen{
	position: absolute;
	margin-top: -240px;
	margin-left: 100px;
	font-size: 90%;
	color: #595959;
	
}
#itinenbun{
	text-align: center;
}

#maru2{
	position: relative;
	width: 85%;
	margin-left: 28px;
	
}
#ninen{
	position:absolute;
	margin-top: -240px;
	margin-left: 100px;
	font-size: 90%;
	color: #595959;
}
#ninenbun{
	text-align: center;
}
#maru3{
	position: relative;
	width: 85%;
	margin-left: 28px;
	
}
#sannen{
	position:absolute;
	margin-top: -220px;
	margin-left: 95px;
	font-size: 90%;
	color: #595959;

}
#sannenbun{
	text-align: center;
}
#maru4{
	position: relative;
	width: 85%;
	margin-left: 28px;
	
	
}
#yonen{
	position: absolute;
	margin-top: -250px;
	margin-left: 95px;
	font-size: 90%;
	color: #595959;
}
#yonenbun{
	text-align: center;
}
#demo{
	margin-left: 0px;
	margin-top: 60px;
	text-align:center;
	font-size: 90%;
}
#last{
	margin-top: 30px;
	font-size: 0.75em;
	text-align: center;
}
#line{
	margin-top: 70px;
	width: 100%;
	height: 0.4em;
	
}
.nenji{
	color: #00B7BF;
	font-size: 95%;
}
#mgn1{
	margin-right: 6px;
}
#mgn2{
	margin-right: 21px;
}
#mgn3{
	margin-right: 5px;
}
#marustart{
	margin-top: 70px;
}


#logo2{
	width: 150px;	
	
	
}
#returnhome{
	margin-left: 300px;
	font-family: "ヒラギノ角ゴシック W1";
	font-size: 90%;
	color: #00AEB5;
	font-weight: 500;
	margin-top: -35px;
	
	
}

#head2{
	width: 100%;
	
	
}
#header2{
	position: fixed;
	width: 100%;
	margin-top: 0px;
}


#facilitytitle{
	font-size: 100%;
	margin-top: 50px;
	margin-left: 50px;
	color: #00CABA;
	
}
#gazou1{
	width: 100%;
	margin-top: 45px;
}
#oodhio{
	margin-left: 250px;
	margin-top: -3px;
}
#sitanizurasu{
	margin-top: 60px;
}
#maru5{
	margin-left: 15px;
	
}
#maru6{
	margin-top: -150px;
	margin-left: 15px;
}
#maru7{
	margin-top: 70px;
	margin-left: 15px;
}
#maru8{
	margin-top: 70px;
	margin-left: 15px;
}
#maru9{
	margin-top: 30px;
	margin-left: 15px;
}
#maru10{
	margin-top: 50px;
	margin-left: 15px;
}

#marunonakami1{
	margin-top: -320px;
	margin-bottom: 200px;
}
#marunonakami2{
	margin-top: -310px;
}
#marunonakami3{
	margin-top: -310px;
}
#marunonakami4{
	margin-top: -310px;
}
#marunonakami5{
	margin-top: -310px;
}
#marunonakami6{
	margin-top: -310px;
}
#last2{
	margin-top: 80px;
	font-size: 0.8em;
	text-align: center;
}
#midasi1{
	margin-top: 20px;
	margin-left: 47px;
	width: 230px;
	line-height: 2em;
	
	
}
#midasi2{
	margin-top: -10px;
	margin-left: 47px;
	width: 270px;
	line-height: 2em;
}

#mawarikomi1{
	margin-left: 140px;
	margin-top: -36px;
	font-size: 80%;
	width: 150px;
}
#mawarikomi2{
	margin-top: -36px;
	margin-left: 170px;
	width: 160px;
	font-size: 80%;
}
#mawarikomi3{
	margin-top: -36px;
	margin-left: 140px;
	font-size: 80%;
}
#mawarikomi4{
	margin-top: -36px;
	margin-left: 130px;
	width: 180px;
	font-size: 80%;
}
#mawarikomi5{
	margin-top: -36px;
	margin-left: 130px;
	width: 190px;
	font-size: 80%;
}
#mawarikomi6{
	margin-top: -36px;
	margin-left: 140px;
	width: 180px;
	font-size: 80%;
}
.gazou{
	width: 65%;
	border-radius: 80px;
	
}
.gazoucenter{
	text-align: center;
}
.siyou{
	margin-left: 75px;
	margin-top: -3px;
}
.heyanamae{
	font-weight:inherit;
	margin-bottom:5px;
	
	
}
h3{
	font-family:"ヒラギノ角ゴシック W2";
	font-size: 80%;
	text-align: center;
	
}

table{
	font-size: 0.75em;
	line-height: 35px;
	font-family: "ヒラギノ角ゴシック W1";
	border-collapse: collapse;
	border: solid 1px #000000;
	width: 94%;
	margin-left: 10px;
	margin-top: -10px;
}
.hassou{
	text-align: center;
	
}
#fasuto{
	font-size: 115%;
	margin-left: 10px;
	
}
.mgnl{margin-left: 10px;
	
}
#zoukeigakubu{
	margin-top: 30px;
	margin-left: 10px;
	
}