@charset "utf-8";

@import url("reset.css");

/* -------------------------------
   BASE
------------------------------- */

/* margin */
.mt-60 {margin-top:-60px!important;}
.mt-50 {margin-top:-50px!important;}
.mt-40 {margin-top:-40px!important;}
.mt-30 {margin-top:-30px!important;}
.mt-20 {margin-top:-20px!important;}
.mt-10 {margin-top:-10px!important;}
.mt0 {margin-top:0!important;}
.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt25 {margin-top:25px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}
.mt60 {margin-top:60px!important;}
.mt70 {margin-top:70px!important;}

/* float */
.left { float:left;}
.right { float:right;}
.fNone { float:none!important;}
.clear { clear:both; }

/* align */
.tLeft { text-align:left!important;}
.tCenter { text-align:center!important;}
.tRight { text-align:right!important;}
.vTop { vertical-align:top!important;}
.vMiddle { vertical-align:middle!important;}
.vBottom { vertical-align:bottom!important;}

.nowrap { white-space:nowrap; }

/* color */
.blue { color:#144398;}
.red { color:#A30035;}
.green { color:#AEC533;}
.pink { color:#EA609E;}

/* text */
.normal { font-weight:normal; }
.bold { font-weight:bold; }
.f10 { font-size:10px!important;}
.f11 { font-size:11px!important;}
.f12 { font-size:12px!important;}
.f13 { font-size:13px!important;}
.f15 { font-size:15px!important;}
.f16 { font-size:16px!important;}
.f18 { font-size:18px!important;}
.lh10 { line-height:1!important;}
.lh12 { line-height:1.2!important;}
.lh15 { line-height:1.5!important;}
.lh18 { line-height:1.8!important;}
.lh20 { line-height:2!important;}
.gothic { font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Meiryo,'游ゴシック','Yu Gothic',Arial,Verdana,Helvetica,Roboto,sans-serif;}
.serif { font-family:'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro','游明朝','Yu Mincho',HG明朝B,'ＭＳ Ｐ明朝','ＭＳ 明朝',Georgia,'Times New Roman',serif;}

/* color */
.block { display:block!important;}
.inline { display:inline!important;}
.inlineBlock { display:inline-block!important;}

/* link */
a {color: #333;text-decoration:underline;}
a:hover {color: #333;text-decoration:none;}

/* transition */
.transition05 {
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	transition-duration:0.5s;
}


/* -------------------------------
   common
------------------------------- */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	background:#FFF;
}
body {
	font-size:14px;
	line-height:1.8;
	background:#FFF;
	font-family:'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro','游明朝','Yu Mincho',HG明朝B,'ＭＳ Ｐ明朝','ＭＳ 明朝',Georgia,'Times New Roman',serif;
}

#pageTit{
	text-align: center;
	color:#FFF;
	background: #2A3B74;
	font-weight: normal;
	letter-spacing: 0.5em;
}

/* -------------------------------
   header
------------------------------- */

#header{
	text-align: center;
}

#gNav li a{
	text-decoration: none;
}

/* -------------------------------
   footer
------------------------------- */

#copyright{
	text-align: center;
	color:#FFF;
	padding:20px;
	background: #2A3B74;
}


/* -------------------------------
   home
------------------------------- */

#mainVisual{
	background: url(../img/main.jpg) no-repeat center center;
	text-align: center;
}

.sec:nth-child(2n){
	background: #2A3B74;
	color:#FFF;
}

.sec .inner h2{
	font-weight: normal;
	letter-spacing: 0.5em;
	border-bottom:solid 1px #2A3B74;
}

.sec:nth-child(2n) .inner h2{
	border-bottom-color: #FFF;
}

#message .inner p{
	margin-bottom:2em;
}

#message .inner .signature{
	text-align: right;
	letter-spacing: 0.5em;
	margin-bottom:0;
}

.baseList dt{
	font-size:16px;
}

#profile .staff .name{
	font-weight: normal;
}

#profile .staff .name .en{
	font-size:14px;
}

.btnContact{
	margin-top:40px;
}

.btnContact li{
	display: inline-block;
	margin-left:15px;
}

.btnContact a{
	display: inline-block;
	border:solid 1px #FFF;
	color:#FFF;
	padding:10px 20px;
	text-decoration: none;
}

.btnContact a:after,
.btnMap a:after{
	display: inline-block;
	vertical-align: middle;
	margin:-4px 0 0 2px;
    width: 12px;
    height: 12px; 
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all 0.4s cubic-bezier(.17,.67,.54,.93);
    -webkit-transition: all 0.4s cubic-bezier(.17,.67,.54,.93);
    content: "";
}

#access h3{
	font-weight: normal;
}

.btnMap a{
	color:#FFF;
	text-decoration: none;
}

/* -------------------------------
   contact
------------------------------- */

.contactTable textarea,
.contactTable input[type="text"],
.contactTable input[type="email"]{
	width:100% !important;
}

.contactTable textarea{
	height:120px !important;
}

.contactTable th{
	font-weight: normal;
	background: #2A3B74;
	color:#FFF;
}

.contactTable input.zipcode{
	width:150px !important;
}

.contactBtn li button,
.contactBtn li a{
	font-size:14px;
	background: #2A3B74;
	display: block;
	text-align: left;
	width:100%;
	color:#FFF;
	text-decoration: none;
	padding:10px 40px 10px 20px;
	border:none;
	font-family:'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro','游明朝','Yu Mincho',HG明朝B,'ＭＳ Ｐ明朝','ＭＳ 明朝',Georgia,'Times New Roman',serif;
	position: relative;
	transition:all 0.3s;
}

.contactBtn li button:after,
.contactBtn li a:after{
	position: absolute;
	display: inline-block;
	right:20px;
	top:50%;
	margin-top:-6px;
    width: 12px;
    height: 12px; 
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all 0.4s cubic-bezier(.17,.67,.54,.93);
    -webkit-transition: all 0.4s cubic-bezier(.17,.67,.54,.93);
    content: "";
}
