* {
	padding: 0 ;
	margin: 0 ;
}

body {
	margin: 0 auto ;
	width: 900px ;
}


p {padding: 0 0 8px ;}
.news {margin: 30px 0 ;}
.textcenter { text-align: center ;}
.titlefont20 { font-size: 20px ; font-weight: 700 ;}
.titlefont16 { font-size: 16px ; font-weight: 700 ;}

a { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: none; color: #1c7c7c; }
a:hover { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #999; }a.square-bl { display: inline-block; padding: 0.5em 1em; text-decoration: none; color: #02758D; border: solid 1px #02758D; border-radius: 2px; transition: .4s; }
a.square-bl:hover { background: #02758D; color: white; }

a.square-or { display: inline-block; padding: 0.5em 1em; text-decoration: none; color: #fd7e00; border: solid 1px #fd7e00; border-radius: 2px; transition: .4s; }
a.square-bl:hover { background: #fd7e00; color: white; }

.flatbtn-or { display: inline-block; font-size: 18px ;font-weight: 700 ; padding: 12px 25px ; text-decoration: none; background: #fd7e00; color: white; border: solid 2px #fd7e00; border-radius: 6px; transition: .4s; width: 450px; }

.flatbtn-or:hover { background: white ; color: #fd7e00; }

@media screen and (min-width:641px) {
	.sp{
		display: none;
	}
}
@media screen and (max-width:640px) {
	.pc{
		display: none;
	}
.flatbtn-or { width: 80% !important; }
}

@media screen and (max-width:900px) {

body {
	width: 94% ;
	margin: 0 auto ;
}