@charset "UTF-8";

/* CSS Document */

* {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
    list-style-type: none;
} 


#masthead,#header-nav-area,#header-image,#sub,#main-footer{
  display:none;
}

body{
color: #003f8e;
	margin: auto;
font-family: "Meiryo UI", "メイリオ", "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
	font-weight: normal;

}

body::before {
content: "";
background: url(../dream-kikaku-sozai/k08-fs-top.gif);
display: block;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: -1;
}

/*top*/
div.title{
text-align:center;
margin-top:100px;

}


div.oowaku{
	border-top:6px solid #003f8e;
	border-bottom:6px solid #003f8e;
	padding:2em 0 2em 0;
}


div.wrap{
margin:auto;
}

div.xxx{
width:300px;
margin:auto;
text-align:center;
}

div.com{
color: #ffffff;
margin-top:2em;
margin-bottom:2em;
    padding:1em;
background-color:#4496d3;


}


.button {
  display       : inline-block;
  border-radius : 2px;
  text-align:center;
  color: #ffffff;
  background    : #0068b7;
  transition    : .3s;
  border        : 2px solid #003f8e;

  padding: 0.5em 0 0.5em 0;
}
.button:hover {
  color         : #003f8e;
  background    : #FFFFFF;

}

span.mada{
text-decoration: line-through;
}

img.top {
width: 400px;
height: 400px;
}

a{
	text-decoration: none;
	}

/*textpage*/

div.toowaku{
    text-align:right;


}


div.twrap{
	border-top:6px solid #003f8e;
	border-bottom:6px solid #003f8e;
	padding:2em;
	    text-align:center;

}

div.honbun{
  border-radius : 2px;
background    : #FFFFFF;
  border        : 2px solid #003f8e;
    text-align:left;
    margin-bottom:1em;
  padding: 2em 1em 2em 1em;
}

p.cd{
text-align:center;
color: #dcdcdc;
margin:　4em 0 0 0;
}

p.atogaki {
  display       : inline-block;
  border-radius : 2px;
  text-align:center;
  color: #ffffff;
  background    : #0068b7;
  transition    : .3s;
  border        : 2px solid #003f8e;

  padding: 0.5em 0 0.5em 0;
}

span.ue{
font-size:1.2em;
font-weight:bold;
color: #003f8e;
text-shadow:2px 2px 0 #FFF, -2px -2px 0 #ffffff,
              -2px 2px 0 #FFF, 2px -2px 0 #ffffff,
              0px 2px 0 #FFF,  0-2px 0 #ffffff,
              -2px 0 0 #FFF, 2px 0 0 #ffffff;
	}


/*link*/
a:hover {
position:relative;
top: 2px;
left:2px;
}



/*footer*/

div.footer{
margin: 2em 0 2em 0 ;
text-align:center;
}



a.flink{
font-size:1.5em;
font-weight:bold;
color: #003f8e;
text-shadow:2px 2px 0 #FFF, -2px -2px 0 #ffffff,
              -2px 2px 0 #FFF, 2px -2px 0 #ffffff,
              0px 2px 0 #FFF,  0-2px 0 #ffffff,
              -2px 0 0 #FFF, 2px 0 0 #ffffff;
	}



/* ★★★★★★★★★★スマホ用★★★★★★★★★★ */

@media screen and (min-width:0px) and (max-width:736px){

body {

width:100%;
font-size: 80%;
line-height:1.6em;
-webkit-text-size-adjust: 100%;
	}

div.title{
text-align:center;
margin-top:50px;

}

div.toowaku{
margin: 100px 1em 1em 1em;

}

div.twrap{
padding: 0.8em;

}

div.oowaku{
margin:0 1em 0 1em;

}

div.wrap{
width:90%;

}

div.honbun{
  font-size: 0.9em;
    line-height:1.5em;  
    
}



.button {
  width:10em;
}


.button:hover {
  width:8em;

}


img.top {
width: 250px;
height: 250px;
}



}




/* ★★★★★★★★★★PC用★★★★★★★★★★ */


@media screen and (min-width:737px){




body{
font-size: 16px;
letter-spacing: 0.1em;
line-height: 1.8;

}

div.toowaku{
margin: 100px 10% 1em 10%;

}

div.oowaku{
width:600px;

}

div.wrap{
width:600px;

}

.button {
  width:230px;
}


.button:hover {
  width:220px;

}


}