@charset"utf-8";
body{
	background-color: #f3f1ee;
	font-size: 80%;}
* {
	margin: 0;
	padding: 0;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;}
img{
	max-width:100%;
	height:auto;}
header{
	font-family: serif;
	color: #fff;
	background-image: url("https://lh3.googleusercontent.com/qYMLpLbnErc_qy1gXW435UzAMkCLcUa7krUKSf0LsvPfTJLhmEULkiJBIEPnQ10_SCAG70CoH5Q50tphCXkkECh0-AeFZgt7CUv8R5F0o1aYk8TNm4LL0WiynaYc9sasGeUnz_lAvg=w1000");
	background-size: cover;}
.o-box{background: #00000080;}
footer{
	color: #fff;
	background-color: #3e3a39;
	padding-bottom:50px;}
/* ーーーーーーーーーーーーー930px以上ーーーーーーーーーーーーーーーーー */
@media print,screen and (min-width:930px){	

.inn{
	width:940px;
	margin:0 auto;}
h1{
	padding-top: 70px;
	text-align: center;
	font-size: 5.4em;}
h2{
	font-size: 2.35em;
	letter-spacing: 1em;
	font-family: serif;}
.hfl-box{
	padding: 0 0 30px 90px;}
.hfl-rbox{
	font-size: 2.35em;
	float: left;
	width: 450px;}
div.hfl-rbox > ul > li{	margin-bottom: 30px;}
.hfl-lbox{
	padding: 100px 40px;
	float: right;
	width: 45%;}
.af{
	width: 400px;
	float: left;}
.bf{
	width: 140px;
	float: left;}
div.bf > div{
	width: 0;
	height: 0;
	border: 35px solid transparent;
	border-left: 20px solid #151761;
	margin-top: 95px;
	margin-left: 60px;}
.marb{margin-bottom: 30px;}

.midai{
	text-align: center;
	font-size: 3.1em;
	font-family: serif;
	color: #24dbec;
	text-shadow:2px 2px 3px #ffffff;}

.ffl-box{
	padding: 10px 40px;}
.v-box{
	float: left;}
.w-box{
	float: left;
	margin-left: 30px;}
.z-box{
	float: right;
	padding: 10px;
	border:ridge 1px #000000;}

/*-------------------------
.z-box{
	text-align: center;
	float: left;
	width: 200PX;
	margin-left: 400px;
	border:ridge 1px #000000;
	line-height: 36px;}
--------------------------*/
a{
	color: #ffffff;
	text-decoration: none;}
a:hover{color:#000000;}
.z-box:hover{background-color: #ffffff;}

/* ***********************
	clearfix
************************ */
.cf:before,
.cf:after {
	content: " ";
	display: table;}
.cf:after {clear: both;}
.cf {zoom: 1;}

/*-------------------------
#catch{
	margin: 0 auto;
	font-size: 90px;
	width: 1200px;
	text-align: center;}

.mar{margin: 0;}
--------------------------*/
}