@charset "utf-8";
/* CSS Document */

html{
	font-size:18px;
	letter-spacing:0.2em;}

body{
	font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	margin:0;}
	
.clear{
	content: " ";
	clear: both;
	width: 100%;}

span{
	display:inline-block;}
	
div {
	overflow:hidden;}
	
img{
	vertical-align: bottom;}	
	
a{
	text-decoration:none;
	color:inherit;}
	
h1,h2,h3{
	margin:inherit;
	font-weight:inherit;}	
	
#header img{
	width:100%;
	height:auto;}
	
.pc_main{
	display:block;}
	
.sp_main{
	display:none;}	
	

.obi{
	background-color:#FEA83A;
	width:100%;}		
	
.obi_title{
	color:#fff;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;}	
	
	
	
	
	
/*contents_box----------------------------*/	
.contents_box{
	display: flex;
	align-items:stretch;
	flex-wrap: wrap;
	justify-content:center;
	max-width:1200px;
	width:100%;
	margin:50px auto;}

.c_block{
	max-width:300px;
	width:95%;
	margin:20px;
	background-color:#66B38A;
	border-radius:20px;}	

.c_logo{
	width:85%;
	height:auto;
	margin:20px auto;}
	
.c_logo img{
	width:100%;
	height:auto;}	
	
.c_text{
	font-size:16px;
	text-align:justify;
	width:85%;
	margin:auto;
	color:#fff;}		
	
.c_btn_waku{
	width:180px;
	border-radius:15px;
	margin:20px auto;
	background-color:#fff;}	
	
.c_btn{
	font-size:16px;
	font-weight:bold;
	letter-spacing:.1em;
	text-align:center;
	padding:5px;
	margin:0 auto;}	
	
.sankaku{
	color:#A8DDE1;}	
	

.c_btn_waku:hover{
	background-color:#FFDF9E;}
		
		
/*kai-logo--------------------------------*/		
.kai-logo {
	width:300px;
	margin:50px auto 10px;}
	
.kai-logo img {
	width: 100%;
	height:auto}
	
	
	
@media screen and (max-width:1024px){
	
}

@media screen and (max-width: 768px){
.obi_title{
	font-size:1.2em;}	
}

@media screen and (max-width: 485px){
.pc_main{
	display:none;}	
	
.sp_main{
	display:block;	
}
	
}