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

body{
	background-color: #FFF;
}
.container{

font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", 'Roboto', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
margin: 0 auto;
padding: 16px;
line-height: 1.5;
}
h1{
margin: 0;
padding: 20px 0 20px 0;
}

h1, .phrase{
text-align: center;
}
.phrase{
margin: 0 0 25px 0;
}
.row-eq-height {
display: flex;
flex-wrap: wrap;
}
.box01 h2{
padding-top: 30px;
font-size: 23px;
margin-bottom: 45px;
}
.box01{
font-family: Roboto, "sans-serif";
color: #fff;
background: #1a1a1a;
}
.box02 {
padding: 0;
background: #1a1a1a;
}
.bpx03{
padding: 0;
}
.box03 h3{
font-size: 20px;
padding: 0;
font-weight: bold;
margin-bottom: 25px;
}
.box03 p{
margin-bottom: 25px;
}
.box04{
padding: 0;
border-bottom: 1px solid #000;
margin-bottom: 10px;
}
.box05{
padding: 0;
font-size: 12px;
}
.note{
text-align: right;
}
.box06{
padding: 0;
font-size: 12px;
}	
.box07{
margin-top: 80px;
padding: 25px 0;
text-align: center;
border-top: 1px solid #000;
}

.box08sp{
	padding: 0 16px;
}

t_left{
text-align: left;
}
t_right{
text-align: right;
}
.mb55{
margin-bottom: 55px;
}
.mt25{
margin-top: 25px
}
.mt70{
margin-top: 70px;
}
.mb70{
margin-bottom: 70px;
}
.mt30{
margin-top: 30px;
}
.mb30{
margin-bottom: 30px;
}
.pdb30{
padding-bottom: 30px
}

@media only screen and (max-width:768px){
h1{
margin: 0;
padding: 20px 0 0 0;
}
.phrase{
margin: 0;
}
.box02{
padding-bottom:20px;
background: #1a1a1a;}
}

.btn {
margin:0 auto;
display:block;
width:80%;
	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	border: 2px solid #DDD;
	color: #111;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	padding: 10px 0;
}

@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
.logo{
margin-top: 10px;
}	
}