@charset "UTF-8";

html{
	font-size:14px;
	}
	
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:0;
	margin:0;
	letter-spacing:0.05em;
	}

header{
	text-align:center;
	padding:20px 0px;
	}
	
.logo {
	}
.logo a{
	color:#003366;
	}
	
header .office {
	font-size:0.7rem;
	}	

.contact{
	width:200px;
	margin:0 auto;
	font-size:0.7rem;
	margin-top:10px;
	margin-bottom:10px;
	}
	
.contact a{
	display:block;
	width:100%;
	border-radius:50px;
	border:1px solid #003366;
	padding:5px;
	text-align:center;
	color:#003366;
	}
.contact a:hover{
	background-color:#003366;
	color:#ffffff;
	}		
main{
	width:980px;
	margin:0 auto;
	padding:80px 0px;
	}
main .container{
	display:flex;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC）用 ---*/
	flex-wrap: wrap;
	justify-content: space-around;
	}
main .container .box{
	width:48%;
	border:1px solid #cccccc;
	padding:30px 10px;
	margin-bottom:20px;
	}
main .container .box .copy{
	text-align:center;
	font-size:0.8rem;
	margin-bottom:10px;
	}

main .container .box .title{
	text-align:center;
	font-size:1.4rem;
	font-weight:bold;
	margin-bottom:30px;
	}

main .container .box .link{
	width:200px;
	margin:0 auto;
	}

main .container .box .link a{
	display:block;
	border:1px solid #003366;
	padding:10px;
	color:#003366;
	text-align:center;
	font-size:0.8rem;
	}

main .container .box .link a i{
	margin-left:10px;
	}	
main .container .box .link a:hover{
	background-color:#003366;
	color:#ffffff;
	}	
.container::after{
  content:"";
  display: block;
  width:48%;
}	
	
footer{
	position:fixed;
	bottom:0;
	width:100%;
	color:#ffffff;
	background-color:#003366;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:0.7rem;
	padding:10px 0px;
	text-align:center;
	}
.copyright{
	width:100%;
	color:#ffffff;
	background-color:#003366;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:0.7rem;
	padding:10px 0px;
	text-align:center;
	}



@media (max-width: 768px) {
	main{
	width:100%;
	margin:0 auto;
	padding:30px 10px;
	}
main .container{
	display:flex;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC）用 ---*/
	flex-wrap: wrap;
	justify-content: space-around;
	}
main .container .box{
	width:100%;
	border:1px solid #cccccc;
	padding:30px 10px;
	margin-bottom:10px;
	}
main .container .box .title{
	text-align:center;
	font-size:1.2rem;
	font-weight:bold;
	margin-bottom:30px;
	}

footer{
	position:inherit;
	bottom:0;
	width:100%;
	color:#ffffff;
	background-color:#003366;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:0.7rem;
	padding:10px 0px;
	text-align:center;
	}	
	
}

.cf:before, .cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}