@charset "UTF-8";

div.imagebox2 {
	border: 1px solid #5390d1;
	background-color: #FFFFFF;
	width: 770px;
        Height: 110px;	
	text-align: center;
	margin: 0.5em 3px 1em 3px;
      
}
.imim{
	text-align: center;
	margin: 5px 10px 0 10px;
       	float: left;
}
.imcap {
	font-size: 120%;
	color: #0000FF;
        text-align:center; 
}
.alinkff a:link { color: #00ffff; }
.alinkff a:visited { color: #fff; }
.alinkff a:hover { color: #ff0000; }
.alinkff a:active { color: #ff8000; }
.alinkff{
color:#66bdff;
}
.information{
color:#fff;
}



p.clear {
	clear: both;
}
.circle{
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background-color:#ff7a05;
	color: #fff;
	padding: 0px;
       	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 220%;
        position:absolute;
        margin-top:-26px;
        margin-left: 580px;
}
.ct{
 width: 200px;
  margin: 0 auto; 
  margin-top:40px;
  color: #fff;  
font-family: 'Source Code Pro', monospace;
font-family: 'Russo One', sans-serif;
line-height: 30px;
}
.ct a:link { color: #FFF; }
.ct a:visited { color: #000080; }
.ct a:hover { color: #ff0000; }
.ct a:active { color: #ff8000; }
.ct a {
text-decoration: none;
}
.button2 {
    /* 文字サイズを1.4emに指定 */
    font-size: 1.4em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 5px 10px;
}
.ct .smt{
font-size: 0.6em;

}


.hdp{ 
margin-left:50px; 
 position:relative;
top:60px;
margin-top:40px; 
}



.headerc{
  width: 750px;
  height: 150px;
  background-color:#ffd9a8;
  border-radius: 150px 150px 150px 150px;
  padding: 28px;
  
}

@media screen and (max-width: 799px) {
div.imagebox2 {
	border: 1px solid #5390d1;
	background-color: #bdd8ff;
        width: 100%; 
        height: 110px;
	margin: 0.5em 3px 0.2em 3px;
       
        position: abusolute;
}
.imcap {        
        font-size: 140%;
        text-align:left;
        display: table-cell;
        vertical-align: middle;
        height: 110px;
 
}
.imim {       
	width: 133px;
        height: 100px;
        margin: 5px 30px 0 10px;      
        float: left;    
}


.button2 {
    /* 文字サイズを1.4emに指定 */
    font-size: 0.8em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 padding: 5px 10px; */
   
    margin-top:5px;
　
}

.hdp{ 
display: none;
}

.headerc{
  width: 100%;
  height: 150px;
  background-color:#ffd9a8;
  border-radius: 150px 150px 150px 150px;
  padding: 28px;
  
}
.alinkff a:link { color: #ff642b; }
.alinkff a:visited { color: #e66435; }
.alinkff a:hover { color: #ff9736; }
.alinkff a:active { color: #c336ff; }

.information{
color:#000;
}


.circle{
      
       
        margin-left:60%;
}


}
@media screen and (max-width: 640px) {
div.imagebox2 {
	border: 1px solid #5390d1;
	background-color: #bdd8ff;
        width: 100%%; 
        height: 140px;
	margin: 0.5em 3px 0.2em 3px;
       
        position: relative;
}
.imim{
	text-align: center;
	margin: 18px 10px 0 10px;
       	float: left;
}
.circle{
  display:none;
}
}
#contents{
color:#FFF;
}
#contents h1{
color:#FFF;
}


.st{
 font-size: 1.2em;
    
   margin-left:50px; 
    font-weight: bold;
position :absolute;
top:100px;
}