@charset "utf-8";
body{
font-family: "Helvetica Neue", Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
color:#333;
background-color: white;
margin:0 0 0 0;
padding:0;
}

a{text-decoration:none;}

a:hover{ 
	opacity:0.7;
	transition:0.6s;
}

/* デフォルト（モバイル）: 〜575px */

header{
	width:100%;
	min-width:320px;
	text-align: center;
	margin:0 auto;
	padding:0;
}

header img{width:20%;}

h1{
	width:100%;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	margin:0 auto 5px auto;
	padding:0;
}

h2{
	width:95%;
	font-size: 20px;
	font-weight:bold;
	margin:10px auto 5px auto;
	padding:0;	
	background: white;
}

h3{
width:90%;
margin: 0 auto 10px auto;
padding:2px 0;
border-bottom: solid 1px #ddd;
}

dl,ul{
	display: block;
	width: 90%;
	margin:10px auto 20px auto;

}



li{
	list-style: none;
	margin:0;
	padding:0;
}

footer{
	width:100%;
	min-width:320px;
	margin:0 auto 30px;
}
	

small{
	width:100%;
	display: block;
	text-align: center;
	margin:0 auto;
	padding: 5px 0;
}


.wrap{
	width:100%;
	min-width:320px; 
	margin:0 auto;
}

.wrap img{
	width:100%;
}

.text-box1{
 	width:95%;
	margin:0 auto 50px auto;
}

.bt-wrap{
	margin:0 0 50px 0;	
}
.bt-box{
	width:90%;
	margin:0 auto 10px auto;
}


.style-mb30{
	margin-bottom:30px;
}


/* タブレット: 768px〜 */
@media (min-width: 768px) {
	
header{
	width:100%;
	min-width:700px;
	text-align: center;
	margin:0 auto;
	padding:0;
}

header img{width:20%;}
	
h1{
	width:100%;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	margin:0 auto 5px auto;
	padding:0;
}

h2{
	width:95%;
	font-size: 30px;
	font-weight:bold;
	margin:10px auto 5px auto;
	padding:0;	
}

	
.wrap{
	width:100%;
	min-width:700px;
	margin:0 auto;
}

.wrap img{
	width:100%;
}
	
.text-box1{
 	width:95%;
	font-size:26px;
	margin:0 auto 50px auto;
}
	
.bt-wrap{
	width:95%;
	display: flex;
	margin:0 auto 100px auto;
}

.bt-box{
	width:370px;
	margin:0 0 0 0;
}
	
.style-ml80{
	margin-left:10px;
}

}

/* デスクトップ: 1024px〜 */
@media (min-width: 1024px) {
header{
	width:1200px;
	min-width:800px;
	text-align: center;
	margin:0 auto;
	padding:0;
}

header img{width:150px;}

h1{
	width:100%;
	font-size: 30px;
	font-weight: normal;
	text-align: center;
	margin:0 auto 20px auto;
	padding:0;
}
	
h2{
	width:100%;
	font-size: 40px;
	font-weight:bold;
	margin:10px auto 5px auto;
	padding:0;	
}

h3{
width:100%;
margin: 0 auto 10px auto;
padding:2px 0;
border-bottom: solid 1px #ddd;
}
	
dl,ul{
	display: block;
	width: 380px;
	min-width:265px;
	margin:0;
	padding:0;
}


li{
	list-style: none;
	margin:0;
	padding:0;
}

footer{
	width:1200px;
	min-width:800px;
	display: flex;
	margin:0 auto 30px auto;
	padding:0;
}
	
	
.wrap{
	width:1200px;
	min-width:800px; 
	margin:0 auto;
}

.wrap img{
	width:100%;
}

.text-box1{
 	width:100%;
	font-size:20px;
	margin:0 auto 150px auto;
	background: white;
}
	
.bt-wrap{
	width:100%;
	display: flex;
	margin:0 auto 150px auto;
}

.bt-box{
	width:560px;
	margin:0 0 0 0;
}
	
.style-ml30{
	margin-left:30px;
}

.style-ml80{
	margin-left:80px;
}

}