@charset "UTF-8";
/* CSS Document */
*{
margin: 0px;
}

body {
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "ＭＳ ゴシック", "MS Gothic", monospace;
    background-color:rgba(255,255,255,1);

	align-content: center;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	
    
    
}


.daolmo-index #container {
	position:relative; top: 0px; left: auto;
	width: 800px;
	height: auto;
    
	background-color:rgba(0,0,0,0);
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #ffffff;
    align-content: center;
	text-align: center; /* this overrides the text-align: center on the body element. */
}


.daolmo-index #bg {
    background-color:rgba(255,255,255,0.00);
    
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
	width: 100vw;
	height: 200vh;
	margin: 0px;
	text-align: center;
}



.daolmo-index #content {
    background-color:rgba(0,0,0,0);
    background-blend-mode: multiply;
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
	width: 800px;
	height: auto;
	margin: 0px;
	text-align: center;
    align-content: center;
}

.daolmo-index #content div.box1 {
	float: left;
	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:20px;
	padding-right:0px;
	width: 800px;
	height: auto;
	margin: 0px;
	text-align: center;
}

.daolmo-index #content p.box1 {
	float: left;
	position: relative;
	top: auto;
	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:20px;
	padding-right:0px;
	width: 800px;
	height: auto;
	margin: 0px;
	text-align: center;
}

.daolmo-index #content p.box2 {
	float: left;
	position: relative;
	top: auto;
	left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:600px;
	padding-right:0px;
	width: 300px;
	height: auto;
	margin: 0px;
	text-align: left;
}


.daolmo-index #content p.box3 {
	float: left;
	position: relative;
	top: auto;
	left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
	width: 680px;
	height: auto;
	margin: 0px;
    font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 12px; color: #ffffff;
	font-weight:  normal;
	line-height: 200%;
	letter-spacing: 5px;
	text-align: center;
}


.daolmo-index #content p.box3-text {
	float: left;
	position: relative;
	top: auto;
	left: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right:0px;
	width: 680px;
	height: auto;
	margin: 0px;
    font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 12px; color: #000000;
	font-weight:  normal;
	line-height: 200%;
	letter-spacing: 5px;
	text-align: left;
}


.daolmo-index #content p.box4-text {
	float: left;
	position: relative;
	top: auto;
	left: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right:0px;
	width: 680px;
	height: auto;
	margin: 0px;
    font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 12px; color: #000000;
	font-weight:  normal;
	line-height: 200%;
	letter-spacing: 5px;
	text-align: center;
}





.daolmo-index #content p.spacer {
	float: left;
	position: relative;
	top: auto; 
	left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color:rgba(100,100,100,0);
	width: 480px;
	height: 50px;
	margin: 0px;
}

.daolmo-index #content p.spacer2 {
	float: left;
	position: relative;
	top: auto; 
	left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color:rgba(100,100,100,0);
	width: 680px;
	height: 5px;
	margin: 0px;
}



.daolmo-index #content div.space {
	clear: left;
}






.daolmo-index #footer {
	float:left;
	position:absolute;
	top: 1700px; left: auto;
	z-index: 10;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
	width: 480px;
	height: auto;
	margin: 0px;
	text-align: center;
}


.daolmo-index #footer div.box1 {
	float: left;
	left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right:0px;
	width: 480px;
	height: auto;
	margin: 0px;
	text-align: center;
}

.daolmo-index #footer p.box1 {
	float: left;
	left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right:0px;
	width: 480px;
	height: auto;
	margin: 0px;
	text-align: center;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 12px; color: #ffffff;
	font-weight:  normal;
	line-height: 200%;
	letter-spacing: 5px;
}

.daolmo-index #footer p.spacer {
	float: left;
	position: relative;
	top: auto; 
	left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color:rgba(0,65,42,0);
	width: 480px;
	height: 50px;
	margin: 0px;
}



.daolmo-index #footer div.space {
	clear: left;
}



.daolmo-index #content2 {
	float:left;
	position:absolute;
	top: 380px; left: auto;
	z-index: 2;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
	width: 1024px;
	height: auto;
	margin: 0px;
	text-align: center;
}


.daolmo-index #content2 div.box1 {
	float:left;
	position:relative;
	top: 0px; left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
	width: 1024px;
	height: 80px;
	margin: 0px;
	filter:alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
	background: #00412a;
	text-align: left;
}

.daolmo-index #content2 div.box2 {
	float:left;
	position:relative;
	top: 0px; left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
	width: 1024px;
	height: 10px;
	margin: 0px;
	filter:alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
	background: #00412a;
	text-align: left;
}

.daolmo-index #content2 p.box1 {
	float:left;
	position:relative;
	top: 0px; left: auto;
	padding-top: 14px;
	padding-bottom: 10px;
	padding-left:600px;
	padding-right:0px;
	width: 300px;
	height: auto;
	margin: 0px;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 12px; color: #000000;
	font-weight:  normal;
	line-height: 200%;
	letter-spacing: 5px;
	text-align: left;
}

.daolmo-index #content2 p.box2 {
	float:left;
	position:relative;
	top: 0px; left: auto;
	padding-top: 14px;
	padding-bottom: 10px;
	padding-left:600px;
	padding-right:0px;
	width: 300px;
	height: auto;
	margin: 0px;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 12px; color: #000000;
	font-weight:  normal;
	line-height: 200%;
	letter-spacing: 5px;
	text-align: left;
}



.daolmo-index #content2 div.space {
	clear: left;
}




.link-none {
   pointer-events: none;
    cursor: default;
	text-decoration:none;
}




.daolmo_fix-02{
     right:0;
     font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 18px; color: #ffffff;
	font-weight:  normal;
     line-height:36px;
     position:fixed;
     top:40%;
    height:100%;
     z-index:100;
     padding-top:.30px;
    padding-bottom:30px;
    padding-left:30px;
    padding-right:30px;
 }

.fade-in-element {
  opacity: 0;
    transition-duration: 2s;
}



.daolmo_fix-02a{
     background-color:rgba(255,255,255,0.8);
     box-shadow:0 2px 8px rgba(30,30,80,.3);
     right:0;
     font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 18px; color: #ffffff;
	font-weight:  normal;
     line-height:36px;
     position:fixed;
     top:40%;
    height:100%;
     z-index:100;
     padding-top:.30px;
    padding-bottom:30px;
    padding-left:30px;
    padding-right:30px;
 }


.bg-slider {
	width: 100vw;
	height: 100vh;
	background-position: left center;
	background-size: cover;
    
	display: flex;
	align-items: center;
	justify-content: center;
    z-index: -1;
}

.bg-slider2 {
	width: 100vw;
	height: 100vh;
	background-position: left center;
	background-size: cover;
    
	display: flex;
	align-items: center;
	justify-content: center;
    z-index: -1;
}


.bg-slider__title{
	color: #fff;
	font-size: 48px;
	line-height: 1.5;
	font-weight: bold;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
}