@charset "utf-8";
/* home css */

@import url("reset.css");
/*@import url("base.css");*/
@import url("common.css");

#toptitle {
    background-image: url(../common/T_top_sukima.jpg);
    background-repeat: repeat-x;
    border-radius: 0px;
    width: auto;
    max-width: none;

}

#secondcon{
    padding-top: 10px;
    margin-topt: 3px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    position: relative;
    max-width: 2000px;
    height: 98%;
	max-height: 600px; 
	}



#secondconoya{
    /*background-image: url(../midori/P_bg.jpg);*/
    max-height: 600px; 
		}

#con01 {
    margin-top: 3px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    position: relative;
    clear: both;
}


#con02 {
    max-width: 960px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}


#con02 h1 {
    font-size: 20px;
    margin-bottom: 5px;
    border-bottom: 1px groove #000000;
    margin-left: 0px;
    padding-left: 5px;
    height: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-box-shadow: 0px 1px 0px #EEEEEE;
    box-shadow: 0px 1px 0px #EEEEEE;
}

#con02 p {
    font-size: 16px;
    line-height: 1.25;
    margin-left: 10px;
    }

#con02 ul {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 40px;
}

#con02 ul li {
    list-style-type: circle;
}

.ct00 {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    width: 98%;
    color: #000000;
    background-color: #F6FFEA;
	height: auto;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
	border-radius: 20px;
	    }

.ct00 img{
    display:block;
	margin-right: auto;
    margin-left: auto;
	width: 100%;
	border-radius: 20px;
	max-width: 1000px;
}


.ct00 h1{
    position: absolute;
    top: 5%;
    left: 38%;
    /*transform: translate(-50%,-50%);*/
    color: #0E8E00;
    background-color: #F6FFEA;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 32px;
}


.ct00 p{
    position: absolute;
    top: 20%;
    left: 25%;
    /*transform: translate(-50%,-50%);*/
    color: #0E8E00;
    width: 100%;
    max-width: 70%;
}


.ct00 div.title
{
    position: absolute;
    left: 500px;
    top: 10px;
    font-size: 30px;
}


.ct01oya{
    width: auto;
    margin-left: auto;
    margin-right: auto;
	margin-top: 20px;
}


.ct01 {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #000000;
    height: auto;
    width: 98%;
    max-width: 1000px;
    background-color: #F6FFEA;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.ct01 img{
    margin-top: 2vh;
    margin-left: 2vw;
    margin-bottom: 20px;
         }
       



.ct01 h1{
    position: absolute;
    top: 20px;
    left: 48%;
    font-size: 22px;
    color: #fff;
    text-align: center;
    width: 50%;
    background-color: #01BE00;
    padding-top: 2px;
    border-radius: 10px;
    }

.ct01 p{
    position: absolute;
    top: 30%;
    left: 48%;
    font-size: 16px;
    width: 50%;
}

.ct01 dl{
	position: absolute;
    top: 10%;
	left:480px;
}


.ct01 dl dt{
    font-size: 22px;
    color: #307E00;
    padding-left: 0px;
    margin-bottom: 0px;
    width: 98%;
    text-align: center;
}

.ct01 dl dd{
    font-size: 16px;
    width: 96%;
    margin-bottom: 10px;
    text-indent: -16px;
    line-height: 18px;
    margin-left: 18px;
}

.ct02 {
    width: 98%;
    background-color: #F6FFEA;
    height: 100%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
	max-heigh: 250px;
	border-radius: 20px;
    }

.ct02 img{
    margin-top: 10px;	
}


.con00 {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    width: 100%;
    color: #000000;
    clear: both;
    height: auto;
    margin-top: 10px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
}


.con00 h1 {
    font-size: 20px;
    border-bottom: 1px dotted #87BD43;
    margin-left: 0px;
    padding-left: 5px;
    height: 30px;
    padding-top: 5px;
    -webkit-box-shadow: 0px 1px 0px #EEEEEE;
    box-shadow: 0px 1px 0px #EEEEEE;
    color: #0E8E00;
    font-weight: bold;
    text-align: center;
}

.con00 div.text
{
    position: absolute;
    left: 500px;
    top: 10px;
    font-size: 30px;
}



.bottun-hover{
 color: #000000;
 background-color: #F2E826;
 
 margin: 0;
 padding: 15px;
}

.bottun-hover:hover{
    color: #000000;
    background-color: #ffffff;
 
}



.con00 a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.con00 a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #333;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.con00 a:hover::after {
  transform: scale(1, 1);
}





.con03 {
    max-width: 960px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}


.con03 h1 {
    font-size: 20px;
    margin-bottom: 5px;
    border-bottom: 1px groove #000000;
    margin-left: 0px;
    padding-left: 5px;
    height: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-box-shadow: 0px 1px 0px #EEEEEE;
    box-shadow: 0px 1px 0px #EEEEEE;
}

.con03 p {
    font-size: 16px;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
    }

.kubomiline {
	border-bottom: 1px solid #333;
box-shadow: 0px 1px 0px #999;
}




.matomecon {
    width: auto;
    height: auto;
    padding-bottom: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #D4E802;
}

.matomecon2 {
    width: auto;
    height: auto;
    padding-bottom: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #D4E802;
}

.matomecon2_second {
    width: 98%;
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFFFFF;
    max-width: 1000px;
    /*border-left-color: #12AD00;
    border-right-color: #12AD00;
    border-left-style: solid;
    border-right-style: solid;
    border-left-width: 2px;
    border-right-width: 2px;*/
	
}

.matomecon2_second .pic01{
	display:block;
	padding-top: 2px;
	margin-left: auto;
	margin-right: auto;
	width:98%;
	max-width: 800px;
}

.matomecon2_second p{
    display: block;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    max-width: 800px;
    text-align: center;
    font-size: 20px; 
	font-weight: bold;
}

.forimg{
    margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	max-width: 980px;
}

.forimg0{
    margin-top: 5px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	max-width: 980px;
}

.forimg1{
    margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	width: 98%;
	max-width: 980px;
	padding-bottom: 0;
}




.forimg2{
    margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	max-width: 980px;
	padding-top: 0;
}




.tbl01 {
    width: 94%;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    border-collapse: collapse;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 980px;
}

.tbl01 th {
    padding: .6rem 3%;
    border: 1px solid #ccc;
    vertical-align: top;
    text-align: left;
    width: auto;
    max-width: none;
}

.tbl01 td {
    padding: .6rem 3%;
    border: 1px solid #ccc;
    vertical-align: top;
    text-align: left;
    width: auto;
    max-width: none;
    background-color: #F6FFEA;
}

.tbl01 th {
    background-color: #CBF9F8;
    width: 30%;
    max-width: none;
}

#hday {
    max-width: 980px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}


.traf p {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    margin-top: 5px;
    width: 100%;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    border-bottom: 2px solid #FFFFFF;
    font-weight: bold;
}

#hday h1 {
    font-size: 20px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #7B8EE9;
    margin-left: 5px;
    height: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-box-shadow: 0px 1px 0px #EEEEEE;
    box-shadow: 0px 1px 0px #EEEEEE;
    color: #353333;
    text-align: center;
    background-color: #84C700;
    border-radius: 4px;
    margin-right: 5px;
    padding-left: 10px;
}

.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 300ms;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}


/*====================
{{スマホを基本設計にする}}
 - 〜479px：SP縦
 - 480px〜599px：SP横
 - 600px〜959px：タブレット
 - 960px〜1279px：小型PC
 - 1280px〜：大型PC
====================*/

/* 〜480px：SP縦
------------------------------ */
@media screen and (min-width:10px) and (max-width:480px) { 
#as-info dl {
    margin: 0;
    font-size: 80%;
}
body{
    overflow-y: scroll;
}
.con00 p{
    font-size: 12px;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
	
}
	#as-info p{font-size: 12px}

	

.ct00 h1{
    font-size: 16px;
}
.ct00 p{
    font-size: 10px;
}
	
.tbl01 th,.tbl01 td {display: block;width: auto;border-bottom: none;}
.tbl01 tr:last-child {border-bottom: 1px solid #ccc;}	
	

/*.ct01 img{
    margin-bottom: 5px;
	max-width: 91%;
        }
*/	
	
.ct01 dl{
	top: 67%;
	left:5%;
}		
	
.ct01 dl dd{
	font-size:90%;
}			

.ct01 img{
    display:block;
	margin-right: auto;
    margin-left: auto;
  	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 0px;
	width: 90%;
        }

.ct01 p{
    position: static;
	font-size: 90%;
	margin-top:2px;
	margin-left: 20px;
	margin-right: 10px;
	padding-bottom: 10px;
	width: 92%;	
	}		
	
.ct01 h1{
    width: 90%;
	font-size: 98%;
	top: 20px;
    left: 50%;
    transform: translateX(-50%);
	border-radius: 0px;
	}	

.matomecon2_second p{
    font-size: 0.8rem; 
}		
	
	
	
}  /* end of 〜480px


/* 481px〜599px：SP横
------------------------------ */
@media screen and (min-width:481px) and (max-width:599px) { 
#as-info dl {
    margin: 0;
    font-size: 80%;
}
body{
overflow-y: scroll;
}	
.con00 p{
    font-size: 14px;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
	
}
	#as-info p{font-size:12px}


.ct01 img{
    display:block;
	margin-right: auto;
    margin-left: auto;
  	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 0px;
	width: 90%;
        }

.ct01 p{
    position: static;
	font-size: 90%;
	margin-top:2px;
	margin-left: 20px;
	margin-right: 10px;
	padding-bottom: 10px;
	width: 92%;	
	}		
	
.ct01 h1{
    width: 90%;
	top: 20px;
    left: 50%;
    transform: translateX(-50%);
	border-radius: 0px;
	}	
	
.ct01 dl{
	top: 67%;
	left:5%;
}		
	
.ct01 dl dd{
	font-size:90%;
}			
	
.matomecon2_second p{
    font-size: 1.0rem; 
}	
	
}  /* end of 480px〜599px


/* 600px〜749px：タブレット
------------------------------ */
@media screen and (min-width:600px) and (max-width:749px) {
#as-info dl {
    margin: 0;
    font-size: 90%;
}
body{
    overflow-y: scroll;
}
.con00 p{
    font-size: 16px;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
	
}
	#as-info p{font-size:12px}
	


.ct00 h1{
    font-size: 24px;
}
.ct00 p{
    font-size: 70%;
	}	


.ct01 img{
    display:block;
	margin-right: auto;
    margin-left: auto;
  	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 0px;
        }

.ct01 p{
    position: static;
	font-size: 90%;
	margin-top:2px;
	margin-left: 20px;
	margin-right: 10px;
	padding-bottom: 10px;
	width: 95%;	
	}		
	
.ct01 h1{
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
	}		
	
.ct01 dl{
	left:43%;
}	

.matomecon2_second p{
    font-size: 1.0rem; 
}	
	
	
	
}  /* end of 600px〜959px




/* 750px〜959px：タブレット
------------------------------ */
@media screen and (min-width:750px) and (max-width:959px) {
#as-info dl {
    margin: 0;
    font-size: 90%;
}
body{
    overflow-y: scroll;
}
.con00 p{
    font-size: 16px;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
	
}
	#as-info p{font-size:12px}
	


.ct00 h1{
    font-size: 24px;
}
.ct00 p{
    font-size: 90%;
	}	

.ct01 img{  
   width: 43vw;
        }	 
       
	
.ct01 dl{
	left:48%;
}	
	

}  /* end of 600px〜959px


/* 960px〜1279px：小型PC
------------------------------ */
@media screen and (min-width:960px) and (max-width:1279px) {
#as-info dl {
    margin: 0;
    font-size: 100%;
}
	
	
.con00 p{
    font-size: 16px;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
}	
	#as-info p{font-size:16px}
	
.ct01 img{
   width: 45%;
        }	

	.ct00 h1{
    font-size: 32px;
}	
	
.ct00 p{
    font-size: 16px;
}		

}     /*END of 960px〜1279px

/* 1280px〜：大型PC
------------------------------ */
@media screen and (min-width:1280px) {
#as-info dl {
    margin: 0;
    font-size: 100%;
}

	#card img{
    width: 900px;
    height: 120px;
    margin-left: 30px;
}		
.con00 p{
    font-size: 16px;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
    color: #0700B3;
    clear: none;
    float: none;
   
}
	#as-info p{font-size:16px}
	


.ct00 h1{
    font-size: 32px;
}

.ct00 p{
    font-size: 16px;
}	
	
	
	
	
}  /*END of 1280px

/*--------------------------------------------------------------*/


#as-info {
    width: 100%;
    height: 100%;
    overflow: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    border-top: 1px dotted #87BD43;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    max-height: 180px;
    color: #000000;
}

#as-info dt {
    float: left;
    clear: both;
    color: #212121;
    margin-right: 20px;
    border-bottom: 1px dashed #B7AA00;
}
#as-info dd {
    color: #212121;
    margin-left: 110px;
    border-bottom: 1px dashed #B7AA00;
}
#as-info dd em {
    font-size: 11px;
    font-style: normal;
    color: #EC1417;
}