/* CSS Document */

@charset "utf-8";



.b-1 {
    font-weight: bold;
}


.red_t{
    color: #E72308;    
}


.red_b{
    color: #E72308;
    font-weight: bold;
	font-size: 120%;
}






.blue_t {
	color: #000000;
	font-weight: bold;
}




.pink_t{
    color: #d62c86;    
}




.pink_b{
	color: #F40A77;
	font-weight: bold;
}





.mint_t {
    color: #1bd8bf;    
}




.small_t {
    font-size: 80%;
}

.ssmall_t {
    font-size: 60%;
}



.small_t01 {
	font-size: 80%;
	line-height: 80%;
}





.t_120 {
    font-size: 120%;
}



.border {
    width: 80%;
    border-bottom: 2px dotted #7F7F7F;
    margin: 5px auto 10px;
}




.main_box02 {
    width: 80%;
	height: 40px;
	margin: 0px auto 0px auto;
	}




.youtube {
  margin: 10px auto;
  text-align: center;
  width: 90%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 90%;
  height: 90%;
}




	
	
	.banner01 a:hover{
		opacity: 0.5;
	}



	



@media only screen and (max-width: 767px){
    


    
    
.main_box01{
	margin: 1vw auto 1vw auto;
	}
    
        


    
    img{
		width: 80%;
        height: auto;
	}
    
    
    
    
    
.first_box01 {
    margin: 0px auto 4vw auto;
    width: 90%;
    background-color: #FFFFFF;
    border: 2px solid #000000;
	text-align: left;
	border-radius: 8px;
	
	}    
    
    
    
    
        
    
.color01 h1 {
	position: relative;
	padding-top: 18px;
	padding-left: 60px;
	padding-bottom: 18px;
	background-color: #000000;
	color: #FFFFFF;
	margin: 0px auto;
	font-size: 4vw;
	letter-spacing: 0.1em;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	background-image: url(images/list08.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
    
    
    
    
    
    .left,.left01,.right01,.right02 {
    padding-left: 2vw;
	padding-right: 2vw;  
    }
	
	
    
    
 .left p{
    margin: 2vw auto;
    font-size: 3.5vw;
	line-height: 5.5vw;
    text-align: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    
	}        
        
    	
    
    
    
    .right,.btn_box{
		margin: 2vw auto;
       text-align: center;
    }
        
    
    
    

    
    .center01,.center02{
    padding-left: 2vw;
	padding-right: 2vw;
    }
    
	
	
 .center01 p,.left01 p,.right01 p{
    margin: 2vw auto;
    font-size: 3.5vw;
	line-height: 5.5vw;
    text-align: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}        
        	
	
	
 .center02 p{
    margin: 2vw auto;
    font-size: 3.5vw;
	line-height: 5.5vw;
    text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}        
        	
	
	
	
    
	

 .center01 h2,.left01 h2,.right01 h2{
	margin: 2vw auto 1vw auto;
	padding: 1vw 2vw;
	font-size: 4vw;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #FFCC00;
	border-radius: 8px;
	font-weight: bold;
	display: inline-block;
	color: #000000;
	}   	
	
	
	


 .center01 h5,.left01 h5,.right01 h5,.banner h5{
	margin: 1vw auto 1vw 2vw;
	padding: 1vw 2vw;
	ffont-size: 3.5vw;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #000000;
	border-radius: 8px;
	font-weight: bold;
	display: inline-block;
	color: #FFFFFF;
	}   	
	
	
	

	
    .mini_box{
        width: 80%;
        margin: 2vw auto;
        
		text-align: center;
    }	
	
	
 .mini_box h6{
	margin: 2vw auto;
	padding: 1vw 2vw;
	ffont-size: 3.5vw;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #000000;
	border-radius: 8px;
	font-weight: bold;
	display: inline-block;
	color: #FFFFFF;
	}   	
		
		

       
	
	
	
 .center03 p{
    margin: 2vw auto 3vw auto;
    font-size: 4vw;
	letter-spacing: 0.1em;
    text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
	}        
        	
			
	
	
	.banner {
	width: 94%;
	margin: 1vw auto;
	padding-top: 2vw;
	padding-bottom: 1vw;
    border-top: 3px dotted #8A8A8A;
	
	}
	
	
	
	
	
	.banner01 {
	width: 94%;
	margin: 3vw auto;
	padding-top: 2vw;
	padding-bottom: 2vw;
    border-bottom: 2px dotted #8A8A8A;
	
	}
	
	
		
	
	
	
    

}
/* pc　768px以上 */
@media only screen and (min-width: 768px), print {
    

    

    
        
.main_box01 {
    width: 960px;
	margin: 0px auto 0px auto;
	}
        
    
    
        

        
        

    

    
.color01 h1 {
	position: relative;
	padding-top: 18px;
	padding-left: 60px;
	padding-bottom: 18px;
	background-color: #000000;
	color: #FFFFFF;
	margin: 0px auto;
	font-size: 28px;
	letter-spacing: 0.1em;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	background-image: url(images/list08.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
    
    
    
    
	
	

    
    
.first_box01 {
    width: 940px;
    margin: 0px auto 20px auto;
    background-color: #FFFFFF;
    border: 4px solid #000000;
    text-align: left;
	border-radius: 8px;
	}        
    
    
    


    
    
.btn_box {
    margin: 20px auto 10px auto;
	text-align: center;
	}        
    
        

    
    
    
    
    .left{
        width: 420px;
        margin-top: 10px;
		margin-left: 80px;
        float: left;
    }
	

    
    
    .right{
        width: 380px;
        margin-top: 10px;
		margin-right: 60px;
		padding-bottom: 20px;
		text-align: center;
        float: right;
    }
        
	
	
    
    
    .left01{
        width: 450px;
        margin-top: 10px;
		margin-left: 20px;
        float: left;
    }
	
	
    

    
    
    .right01{
        width: 450px;
        margin-top: 10px;
		margin-right: 20px;
        float: right;
    }
        
    	
	
 .right02{
        width: 450px;
        margin-top: 30px;
		margin-right: 20px;
        float: right;
    }
        
    		
	
	
	
	
    
    
 .left p{
    margin: 10px auto 10px auto;
    font-size: 20px;
	line-height: 38px;
	
    text-align: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
        
    	
    	
	
	
	
	
	

    
    .center01,.center02,.center03{
        width: 880px;
        margin: 10px auto;
        
    }
    
		

 .center01 h2,.left01 h2,.right01 h2{
	margin: 5px auto;
	padding: 7px 15px;
	font-size: 19px;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #FFCC00;
	border-radius: 8px;
	font-weight: bold;
	display: inline-block;
	color: #000000;
	}   	
	
	
	


 .center01 h5,.left01 h5,.right01 h5,.banner h5{
	margin: 10px auto 5px 15px;
	padding: 5px 10px;
	font-size: 18px;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #000000;
	border-radius: 8px;
	font-weight: bold;
	display: inline-block;
	color: #FFFFFF;
	}   	
	
	
	
	
 .center01 p,.left01 p,.right01 p{
    margin: 10px auto 10px 20px;
    font-size: 18px;
	line-height: 28px;
    text-align: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}        
        	
	
	
	

	
	
 .center02 p{
    margin: 10px auto;
    font-size: 18px;
	line-height: 28px;
    text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}        
        	
	
 .center03 p{
    margin: 15px auto;
    font-size: 28px;
	letter-spacing: 0.1em;
    text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
	}        
        	
		
	
	
	
	
    .mini_box{
        width: 290px;
        margin: 10px auto;
        float: left;
		text-align: center;
    }	
	
	
 .mini_box h6{
	margin: 5px auto;
	padding: 5px 10px;
	font-size: 16px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #000000;
	border-radius: 8px;
	font-weight: bold;
	display: inline-block;
	color: #FFFFFF;
	}   	
		
	
	
	
	
	
	
	
	
	.banner {
	width: 800px;
	margin: 5px auto;
	padding-top: 20px;
	padding-bottom: 10px;
    border-top: 3px dotted #8A8A8A;
	
	}
	
	
	
	
	
	.banner01 {
	width: 800px;
	margin: 30px auto;
	padding-top: 20px;
	padding-bottom: 10px;
    border-bottom: 3px dotted #8A8A8A;
	
	}
	
	
	
	
	
	
	
    
	
}

