@charset "utf-8";

/*
Theme Name: Original Theme
Theme URI: 
Description: .
*/

/* 基本設定 ---------------------------------------------*/

* {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
list-style: none;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

body {
text-align: center;
font-size: 100%;
font-family:'メイリオ', Meiryo, Verdana, 'MS Pゴシック', 'MS PGothic', Arial, Helvetica, sans-serif;
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
line-height: 1.7;
color: #666;
letter-spacing:0.1em;
}

img{ border:none; vertical-align:middle; max-width:100%;}
img{width:auto\9; height:auto\9;}

strong{ font-weight:bold; display:block;}

.textCenter{ text-align:center;}

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

/* 上下マージン */
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb60{margin-bottom:60px;}
.mb80{margin-bottom:80px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt60{padding-top:60px;}
.pt80{padding-top:80px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb60{padding-bottom:60px;}
.pb80{padding-bottom:80px;}

.attention{ color:#F00;}
.spOnlySideMargin{ margin:0 20px; text-align:left;}

/* ハンバーガーメニュー */
#spMenu{ position :absolute; top:20px; right:20px; z-index:300;}

.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 35px;
	height: 28px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #333;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 12px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(12px) rotate(-45deg);
	transform: translateY(12px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-12px) rotate(45deg);
	transform: translateY(-12px) rotate(45deg);
}




header{background-color: rgba( 255, 255, 255, 0.95 ); position:fixed; top:0; left:0; width:100%; height:110px; border-bottom:3px solid #1b2f6d; z-index:200;}
#headerContent{ width:100%; margin:0 auto; position:relative;}
#headerContent h1{}
#headerContent h1#bgWhite{ padding:20px 0 0;}
#headerContent h1#bgWhite img{ width:100px;}
#headerContent nav{ padding:20px 0 10px; display:none;}
#headerContent nav ul li{ display:inline-block; padding:0 10px 10px 10px;}
#headerContent nav ul li a{ color:#666; color:#162f65; text-decoration:none; font-size:90%; display:block; line-height:30px;}

#headerContent nav ul li.sns{ padding:0 0 0 0;}

#works{background:url(img/nav_icon_1.png) 0 center no-repeat; padding-left:37px;}
#office{background:url(img/nav_icon_2.png) 0 center no-repeat; padding-left:37px;}
#recruit{background:url(img/nav_icon_3.png) 0 center no-repeat; padding-left:37px;}
#access{background:url(img/nav_icon_4.png) 0 center no-repeat; padding-left:37px;}
#mail{background:url(img/nav_icon_5.png) 0 center no-repeat; padding-left:37px; margin-right:0px;}


#mainWrapper{ margin-top:110px; border-top:3px solid #1b2f6d; border-bottom:3px solid #1b2f6d; background:#a5d1dc url(img/main_image.jpg) center 0 no-repeat; background-size:cover; height:200px; text-align:center; line-height:200px;}
#mainWrapper img{ width:60%;}

.bgColor1{ background:#f5f5f0;}
.bgColor2{ background:#f0f5f5;}

.boxType1{ border:1px solid #999; padding:30px 0 10px;}
.addSectionLine{ border-top:2px solid #1b2f6d;}


.contentWrapper{ padding:60px 0; width:100%; margin:0 auto;}
.mapWrapper{ padding:60px 0; width:100%; margin:0 auto;}
h2#works{ background:url(img/content_icon_1.png) 0 center no-repeat; background-size:contain; padding-left:40px; color:#666; font-size:180%; display:inline-block; line-height:1; letter-spacing:0.2em; font-weight:normal;color:#162f65;}
h2#office{ background:url(img/content_icon_2.png) 0 center no-repeat; background-size:contain; padding-left:40px; color:#666; font-size:180%; display:inline-block; line-height:1; letter-spacing:0.2em; font-weight:normal;color:#162f65;}
h2#recruit{ background:url(img/content_icon_3.png) 0 center no-repeat; background-size:contain; padding-left:40px; color:#666; font-size:180%; display:inline-block; line-height:1; letter-spacing:0.2em; font-weight:normal;color:#162f65;}
h2#access{ background:url(img/content_icon_4.png) 0 center no-repeat; background-size:contain; padding-left:40px; color:#666; font-size:180%; display:inline-block; line-height:1; letter-spacing:0.2em; font-weight:normal;color:#162f65;}
h2#mail{ background:url(img/content_icon_5.png) 0 center no-repeat; background-size:contain; padding-left:40px; color:#666; font-size:140%; display:inline-block; line-height:1; letter-spacing:0.2em; font-weight:normal;color:#162f65;}
h3.line{ margin:20px auto 20px; border-bottom:2px solid #162f65; height:1em;}
h3.line span{ font-size:120%;  display:inline-block; padding:0 20px; background:#FFF; color:#666; color:#162f65; letter-spacing:0.2em;}
h3.baseH3{ font-size:100%; margin-bottom:20px; font-weight:bold;}

.twoColumn{ width:100%;}
.twoColumnA{ float:left; width:100%;}
.twoColumnB{ float:left; width:100%;}

.threeColumn{ width:100%;}
.threeColumnA{ float:left; width:100%;}
.threeColumnB{ float:left; width:100%;}
.threeColumnC{ float:left; width:100%;}

.columnContent{ margin:0 20px; text-align:left;}
.columnContentPrimary{ margin:0 20px; text-align:left;}
.columnContentSecondary{ margin:0 20px; text-align:left;}
.columnContentLeft{ margin:0 20px; text-align:left;}
.columnContentCenter{ margin:0 20px; text-align:left;}
.columnContentRight{ margin:0 20px; text-align:left;}

.columnContent h3,.columnContentPrimary h3,.columnContentSecondary h3,.columnContentLeft h3,.columnContentCenter h3,.columnContentRight h3{ font-weight:bold; margin-bottom:20px;}


#recruitTable{ margin:40px auto 20px; width:100%; font-size:100%;}
#recruitTable th{ width:30%; text-align:left; padding:15px 20px;}
#recruitTable td{ text-align:left; padding:15px 20px;}

#recruitTable tr:nth-child(odd) th {background-color: #fff;}
#recruitTable tr:nth-child(odd) td {background-color: #fff;}

#gMap{ height:300px;}

#mailTable{ margin:60px auto 40px; width:100%; font-size:100%;}
#mailTable th{ width:30%; text-align:left; padding:15px 20px; vertical-align:top;}
#mailTable td{ text-align:left; padding:15px 20px;}


.btnWrapper a{ display:block; width:320px; margin:0 auto; color:#FFF; background:#aacf45; line-height:50px; text-decoration:none; font-weight:bold;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-o-border-radius: 10px 10px 10px 10px;
-ms-border-radius: 10px 10px 10px 10px;
}


.baseInput{
border:0;
padding:10px;
font-family:Arial, sans-serif;
color:#333;
border:solid 1px #ccc;
margin:0;
width:80%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.baseTextarea{
border:0;
padding:10px;
font-family:Arial, sans-serif;
color:#333;
border:solid 1px #ccc;
margin:0;
width:80%;
height:140px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.submitBtn{ padding:10px 20px;}


#privacyWrapper{ text-align:left; padding:20px;}
#privacyWrapper h2{ font-size:120%; font-weight:weight; margin-bottom:20px;}
#privacyWrapper h3{ font-size:120%; font-weight:weight; margin-bottom:10px; border-bottom:5px solid #eee; color:#000;}
#privacyWrapper ul{margin:20px 40px 40px;}
#privacyWrapper ul li{list-style-position:outside; list-style:disc;}

#footerWrapper{ border-top:3px solid #1b2f6d;}
#footerContent{ width:100%; margin:0 auto;}
#footerNav {padding-top:10px;}
#footerNav li{ display:inline-block; padding-right:20px;}
#footerNav li a{ color:#666; text-decoration:none; font-size:80%;}
#footerNav li a:hover{ text-decoration:underline;}

#copyright{ font-size:60%; margin:10px auto 20px;}


/* タブレット ---------------------------------------------*/
@media only screen and (min-width : 768px) {

}

/* パソコン ---------------------------------------------*/
@media only screen and (min-width : 960px) {
#spMenu{display:none;}

strong{ display:inline-block; margin-right:40px;}
.spOnlySideMargin{ margin:0; text-align:center;}

header{background-color: rgba( 255, 255, 255, 0.95 ); position:fixed; top:0; left:0; width:100%; height:110px; border-bottom:3px solid #1b2f6d; z-index:200;}
#headerContent{ width:960px; margin:0 auto; position:relative;}
#headerContent h1{ position:absolute; top:0; left:0;}
#headerContent h1#bgWhite{ position:absolute; top:-5px; left:0; border-left:3px solid #1b2f6d; border-right:3px solid #1b2f6d; border-bottom:3px solid #1b2f6d; padding:20px 20px 20px 20px; background:#FFF;
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
-o-border-radius: 0px 0px 10px 10px;
-ms-border-radius: 0px 0px 10px 10px;
}
#headerContent h1#bgWhite img{ width:auto;}
#headerContent nav{ position:absolute; top:50px; right:0px; padding:0; display:block;}
#headerContent nav ul li{ display:inline-block; padding:0 0 0 10px;}
#headerContent nav ul li a{ color:#666; color:#162f65; text-decoration:none; font-size:90%; display:block; line-height:30px;}

#headerContent nav ul li.sns{ padding:0 0 0 0;}
/* #headerContent nav ul li.sns span{ display:none;} */

#mail{margin-right:20px;}


#mainWrapper{ margin-top:110px; border-top:3px solid #1b2f6d; border-bottom:3px solid #1b2f6d; background:#a5d1dc url(img/main_image.jpg) center 0 no-repeat; height:600px; background-size:auto; text-align:center; line-height:600px;}
#mainWrapper img{ width:auto;}

h2#works{ background:url(img/content_icon_1.png) 0 center no-repeat; padding-left:70px; color:#666; font-size:250%; display:inline-block; line-height:50px; letter-spacing:0.2em; font-weight:normal;color:#162f65;}
h2#office{ background:url(img/content_icon_2.png) 0 center no-repeat; padding-left:70px; color:#666; font-size:250%; display:inline-block; line-height:50px; letter-spacing:0.2em; font-weight:normal;color:#162f65;}
h2#recruit{ background:url(img/content_icon_3.png) 0 center no-repeat; padding-left:70px; color:#666; font-size:250%; display:inline-block; line-height:50px; letter-spacing:0.2em; font-weight:normal;color:#162f65;}
h2#access{ background:url(img/content_icon_4.png) 0 center no-repeat; padding-left:70px; color:#666; font-size:250%; display:inline-block; line-height:50px; letter-spacing:0.2em; font-weight:normal;color:#162f65;}
h2#mail{ background:url(img/content_icon_5.png) 0 center no-repeat; padding-left:70px; color:#666; font-size:250%; display:inline-block; line-height:50px; letter-spacing:0.2em; font-weight:normal;color:#162f65;}
h3.line{ margin:40px auto 20px; border-bottom:2px solid #162f65; height:1.5em; }
h3.line span{ font-size:180%;  display:inline-block; padding:0 40px; background:#FFF; color:#666; color:#162f65; letter-spacing:0.2em;}

.contentWrapper{ padding:60px 0; width:960px; margin:0 auto;}

.twoColumnA{ float:left; width:50%;}
.twoColumnB{ float:left; width:50%;}

.threeColumnA{ float:left; width:33%;}
.threeColumnB{ float:left; width:34%;}
.threeColumnC{ float:left; width:33%;}

.columnContentPrimary{ margin:0 40px 0 0; text-align:left;}
.columnContentSecondary{ margin:0 0 0 40px; text-align:left;}
.columnContentLeft{ margin:0 60px 0 0; text-align:left;}
.columnContentCenter{ margin:0 20px; text-align:left;}
.columnContentRight{ margin:0 0 0 60px; text-align:left;}

#gMap{ height:400px;}

#recruitTable{ margin:40px auto 20px; width:100%; font-size:100%;}
#recruitTable th{ width:30%; text-align:left; padding:15px 20px;}
#recruitTable td{ text-align:left; padding:15px 20px;}

#mailTable{ margin:60px auto 40px; width:70%; font-size:100%;}
#mailTable th{ width:30%; text-align:left; padding:15px 20px;}
#mailTable td{ text-align:left; padding:15px 20px;}

.submitBtn{
border:none; display:inline-block; width:320px; margin:0 auto; color:#FFF; background:#aacf45; line-height:50px; text-decoration:none; font-weight:bold;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-o-border-radius: 10px 10px 10px 10px;
-ms-border-radius: 10px 10px 10px 10px;
cursor:pointer;
}

.submitBtn:hover{
 background:#93b33c;
}

#privacyWrapper h2{ font-size:180%; font-weight:weight; margin-bottom:20px;}

#footerWrapper{ border-top:3px solid #1b2f6d;}
#footerContent{ width:960px; margin:0 auto; position:relative; height:100px;}
#footerNav{ position:absolute; top:20px; left:0; padding-top:0;}
#footerNav li{ display:inline-block; padding-right:20px;}
#footerNav li a{ color:#666; text-decoration:none; font-size:80%;}
#footerNav li a:hover{ text-decoration:underline;}

#copyright{ position:absolute; top:20px; right:0; font-size:80%; margin:0;}

}