@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body{
	overflow-x: hidden;
	font-family: "Noto Sans Japanese", sans-serif;
}

.fw100{
	font-weight:100;
}

.fw200{
	font-weight:200;
}
.fw300{
	font-weight:300;
}
.fw400{
	font-weight:400;
}
.fw500{
	font-weight:500;
}
.fw600{
	font-weight:600;
}
.fw700{
	font-weight:700;
}
.fw800{
	font-weight:800;
}
.fw900{
	font-weight:900;
}

.italic{
	font-style: italic;
	
}

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #e9ebec;
}
#back-to-top.show {
    opacity: 1;
}

.sp-text {
	background-color: #c92027;
	border: none;
	
}
.sp-text span.glyphicon { color: #5b9bd5; }
.list-group-item {
	
}

.list-group-item{
	background-color:#c92027;
	border: 0px solid #ddd;
}

.sp-text h3 span,
.sp-text h4 span { color: #5b9bd5; }
.sp-text .list-group-item {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.sp-text .list-group-item:hover {
	background-color: #ca4a4f;
	cursor: pointer;
}

.bgtotop{

	    background: #c92027 url(../images/icon.png) no-repeat center top 18px;
    text-align: center;
	}
	
	.totoppad{
		margin-top:60px;
		margin-bottom:40px;
		
	}

.bgtomored{
	background-color:#c92027;
	}
.bgtomoblue{
	background-color:#1c1a42;
	}
	
	.fctomored{
	color:#c92027;
	}
.fctomoblue{
	color:#1c1a42;
	}
	
	.handsize{
		height:23.35px;
		width:30px;
		margin-top:-4px;
	}

.mt-text{
	margin-top:10%;
	
}

.mt-rightcolumn{
	margin-top:100px;
	
}

#popupbox{
	height:250px;
	width:100%;
}

.human{
	position:absolute;
}

.heightnwidth{
	width:100%;
	height:250px;
	
}

.mt-wedge{
	margin-top:65px;
	
}

.bg1{
background: url(../images/bg1.png) no-repeat center top;
    height: 633px;
}
.bg2{
background: url(../images/bg2.png) no-repeat center top;
    height: 700px;
	margin-top:-120px;
	position: relative;
    z-index: 2;
}
.bg3{
background: url(../images/bg3.png) no-repeat center top;
    height: 633px;
	margin-top:-485px;
	position: relative;
    z-index: 3;
}

.bg3b{
background: url(../images/bg3b.png) no-repeat center top;
    height: 633px;
	margin-top:-485px;
	position: relative;
    z-index: 3;
}

a {
	text-decoration:none;
	color:yellow;
}

a:hover{
	text-decoration:none;
	color:white;
}

.mt-hospex{
margin-top:20%;	
	
}

.bg3a{
background: url(../images/bg3b.png) no-repeat center top;
    height: 633px;
	margin-top:-160px;
	position: relative;
    z-index: 3;
}

.bg4{
background: url(../images/bg4.png) no-repeat center top;
   height:820px;
	margin-top:-483px;
	position: relative;
    z-index: 4;
}
.bg5{
background: url(../images/bg5.png) no-repeat center top;
    height: 400px;
	margin-top:-160px;
	position: relative;
    z-index: 5;
}

.valignmid{
	margin-top:3%;
	
}

.mt-red1{
	margin-top:120px;
	
}

.mb-redsection{
	margin-bottom:200px;
}

.mt-heart{
	margin-top:100px;
	
}

@media (max-width: 665px) {
	
.mt-heart{
	margin-top:60px;
	
}
	
.mt-rightcolumn{
	margin-top:20px;
}	
.heightnwidth{
	width:100%;
	height:200px;
	margin-bottom:20px;
}

.bg3a{
background: url(../images/bg3b.png) no-repeat center top;
    height: 633px;
	margin-top:0px;
	position: relative;
    z-index: 3;
}

.bg2{
background: url(../images/bg2.png) no-repeat center top;
    height: 800px;
	margin-top:-180px;
	position: relative;
    z-index: 2;
}

.bg5{
background: url(../images/bg5.png) no-repeat center top;
    height: 400px;
	margin-top:0px;
	position: relative;
    z-index: 5;
}

.valignmid{
	margin-top:7%;
	
}

.righttext2bump{
	margin-bottom:100px;	
}

.mt-wedge{
	margin-top:90px;
}

}

@media (min-width:769px) and (max-width:1024px){
    
	.text16 { font-size: 0.8em; }
	.text20 { font-size: 1.2em; }
.text30 { font-size: 1.5em; }
.text36 { font-size: 1.2855em; }
.text48 { font-size: 2.4em; }
.text49 { font-size: 1.8em; }

	
	
}

@media (min-width:665px) and (max-width:768px){
    
	.text16 { font-size: 0.8em; }
	.text20 { font-size: 1.0em; }
.text30 { font-size: 1.2em; }
.text36 { font-size: 1.2855em; }
.text48 { font-size: 2.2em; }
.text49 { font-size: 1.8em; }

.valignmid{
	margin-top:7%;
	
}	
	
}