@charset "UTF-8";

/*------------------------------------------------------------------

基本

------------------------------------------------------------------*/	
html {
	overflow-y:scroll;
}
body {
	margin:0;
	padding:0;
	line-height:1.6;
	letter-spacing:1px;
	font-family: Arial,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, sans-serif;
	font-size:12px;
	color:#333;
}
br {
letter-spacing:normal;
}
a {
	color: #666;
}
a, a img{
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a:hover {
	color:#ff8c00;
	text-decoration:underline;
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
a:focus { outline:none;}
img {
	border:0;
	vertical-align:bottom;
	opacity: 1; 
	filter: alpha(opacity=100); 
	-moz-opacity: 1;
}
ul,ul li{
	list-style:none;
	margin:0;
	padding:0;	
}
h1,h2,h3,h4,h5,h6 {
	margin:0;
}

/*------------------------------------------------------------------

ヘッダー

------------------------------------------------------------------*/
header:nth-child(1){
    border-bottom: #666 1px solid;
	margin-top:15px;
}
header div a.logo{
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

/*-------------- メイン ナビ --------------*/
header div ul.navi {
	width:764px;
	margin:0 auto;
	padding:0;
    display: flex;
    margin-bottom: 15px;
}
header div ul.navi li a {
	display:block;
	width:191px;
	text-align: center;
	text-decoration: none;
}
header div ul.navi li {
	width:191px;
	height: 35px;
	border-right: 1px solid #cccccc;
}
header div ul.navi li span:nth-of-type(1) {
	font-size: 13px;
	color: #808080;
	letter-spacing: 3px;
}
header div ul.navi li span:nth-of-type(2) {
	font-size: 10px;
	color: #CCCCCC;
	letter-spacing: 1px;
}

header div ul.navi li div:nth-of-type(1) {
	font-size: 13px;
	color: #808080;
	letter-spacing: 3px;
	font-family: 'Noto Sans', sans-serif;
	
}
header div ul.navi li div:nth-of-type(2) {
	font-size: 10px;
	color: #CCCCCC;
	letter-spacing: 1px;
	font-family: 'Noto Sans', sans-serif;
}


/*------------------------------------------------------------------

共通

------------------------------------------------------------------*/
#contents {
    width: 640px;
    margin: 0 auto;
    padding-left: 90px;
    padding-right: 90px;
}
div.title{
    display: flex;
    margin-top: 30px;
}
div.title h2{
	font-weight:normal;
    margin-left: 30px;
	font-size:14px;
	letter-spacing:10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
div.title h2 div{
	font-family: 'Noto Sans', sans-serif;
	font-size:18px;
	letter-spacing:normal;
}
.circle{
	width: 61px;
	height: 61px;
	border-radius: 50%;
	background: #101010;
	display: flex;
    justify-content: center;
    align-items: center;
}
.circle .fa-2x{
	color:#FFF;
}
.circle .fa-2x.fa-sitemap{
	padding-bottom:2px;
}
.head_stripe_mono{
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #666), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #666),color-stop(.75, #666), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 5px 5px;
	padding:5px;
    margin-top: 45px;
}
.head_stripe_mono:first-of-type{
    margin-top: 30px;
}
.head_stripe_mono h3{
	background-color:#FFF;
	padding:5px;
	padding-left:10px;
	font-size:14px;
	font-weight:normal;
}
#contents .box{
	margin-left:91px;
}
#contents .box h4{
	margin-top:40px;
	padding-left: 13px;
    padding-bottom: 6px;
    border-bottom: solid 1px #666;
}
#contents .box h4:first-of-type,
#contents .box h4:nth-of-type(3){
	margin-top:25px;
}
#contents .box ul{
	margin-top:20px;
    margin-left: 10px;
}
#contents .box img{
	margin-top:20px;
	margin-left:15px;
}

/*------------------------------------------------------------------

ページTOPへ

------------------------------------------------------------------*/
#page_top {
    margin-top: 100px;
    margin-bottom: 10px;
	display: flex;
    justify-content: flex-end;
}
#page_top a{
    justify-content: flex-end;
}

/*------------------------------------------------------------------

フッター

------------------------------------------------------------------*/
footer div {
	background:#333333;
	height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.copyright {
	font-size:11px;
	text-align:center;
	color:#e6e6e6;
}

/*-----------------------------------------------------------------

TOP

------------------------------------------------------------------*/
.main_image{
	width:100%;
	min-height: 300px;
    display: flex;
    justify-content: center;
    background-color: #f4e2ee;
    align-items: center;
}
.top p{
    margin-top: 25px;
    padding-left: 15px;
    line-height: 2em;
}
.top a{
    margin-top: 60px;
    display: flex;
    justify-content: center;
}

/*-----------------------------------------------------------------

業務内容

------------------------------------------------------------------*/
.business p{
	margin-top:30px;
	margin-bottom:60px;
}

/*-----------------------------------------------------------------

問い合わせ

------------------------------------------------------------------*/
div#contents div#mf_wrapper {
    margin-top: 30px;
}
div#contents div#mf_wrapper table.mailform tr th, table.mailform tr td {
    border-bottom: solid 1px #ccc;
    padding: 15px 5px 15px 5px;
}
div#contents div#mf_wrapper table.mailform tr th span {
    font-size: 17px;
}