@charset "UTF-8";

/* ----------------- */
body,html { height:100%; color:#444; }
#wrapper { position:relative; height:100%; }
.contents { position:relative; width:100%; }
a { color:#444; }
/* ----------------- */
header { position:fixed; z-index:50; top:0px; width:100%; height:55px; background:rgba(156, 163, 208, 0.9); }
#headerLogo { float:left; width:200px; padding-top:7px; margin-left:10px; }
#headerLogo img { width:100%;}
#navBar ul { display:none; }
/* ----------------- */
#breadCrumbs { font-size:12px; letter-spacing:2px; margin-bottom:30px; line-height:1.5; }
#breadCrumbs a:hover { text-decoration:underline; }
/* ----------------- */
.wp-pagenavi { text-align:center; letter-spacing:1px; margin-top:50px; }
.wp-pagenavi a,.wp-pagenavi span { margin:0 1px; border:none !important; }
.wp-pagenavi a,.wp-pagenavi span.current { display:inline-block; padding:5px 10px; }
.wp-pagenavi a.page { background:none; }
.wp-pagenavi span.current { background:#eee; }
.wp-pagenavi span.pages { padding-right:10px; color:#777; letter-spacing:1px; }
#pageTop { background:#222; color:#fff; border-radius:50px; text-align:center; line-height:50px; position:fixed; bottom:10px; right:10px; z-index:400; cursor:pointer; width:50px; }
/* ----------------- */
#footeruptxt { width:100%; background:#a1c9d3; text-align:center; padding:20px 20px; font-size:16px; color:#fff; font-weight:bold; letter-spacing:1px;}
footer { width:100%; background:#9ca3d0; text-align:center; padding:50px 0; color:#fff; }
#footerInner { width:100%; padding:0 30px; margin:0 auto;}
#companyname { font-size:14px; margin-bottom:30px; }
#footerlink { margin-bottom:30px; }
#footerlink a { font-size:12px; color:#fff; }
#footerlink a:hover { opacity:0.8; }
footer small { display:block; width:100%; font-size:12px; letter-spacing:2px; color:#fff; }
/* ----homepage---- */
#homepage ul,#homepage li { list-style:none; }
#sliderdesktop { display: none;}
.flex-direction-nav { display:none; }

#toplinkimg ul { margin-bottom:30px; margin-top:30px; }
#toplinkimg ul li { width:100%; }
#toplinkimg ul li a { display:block; position:relative; background:#000; }
#toplinkimg ul li a .txtimg { position:absolute; top:0; left:0; }
#toplinkimg ul li .img { width:100%; opacity:0.9; }
#toplinkimg ul li .txtimg { width:100%; }

#topinfo { margin-bottom: 50px; padding:0 20px;}
#topinfo p.topinfolink { text-align:right; font-size:14px; margin-top:10px; }
#topinfo h2 { font-size: 20px; padding:10px; letter-spacing: 2px; }
#topinfo ul a:first-child li { border-top:1px dotted #ccc; }
#topinfo ul li { border-bottom:1px dotted #ccc; padding:10px; }
#topinfo ul li:hover { background:rgba(255,255,255,0.8); }
#topinfo ul .left { width:100%; font-size:12px; margin-bottom:5px; }
#topinfo ul .left span { display:inline-block; width:45%; padding:3px 10px; background:#9ca3d0; color: #fff; text-align:center;}
#topinfo ul .right { width:100%; font-size:14px; line-height:1.5;  }

#homepage .privacy-mark { font-size: 11px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center;}
#homepage .privacy-mark p { height: 45px; display: flex; align-items: center; padding-left: 10px;}
#homepage .privacy-mark img { width: 70px;}

/* ----pageService----- */
#pageService ul,#pageService li { list-style:none; }
#pageService #mainimg { height: 200px; width: 100%; background-image:url("../images/mainimg-service.jpg"); background-position: center center; background-size: cover;}
#pageService #mainimginner { width:100%; height: 200px; margin:0 auto; display:flex; justify-content:center; align-items:center; text-align:center; }
#pageService #mainimginner h1 { color:rgba(255,255,255,1); letter-spacing:5px; font-size:40px; margin-top:30px; }
#pageService #mainimginner span { color:rgba(255,255,255,1); font-size:18px; letter-spacing:5px;}

#pageService .contentsInner { padding:30px 20px 50px 20px; line-height:1.8; }
#pageService .contentsInner h2 { font-size:20px; margin:30px 0; border-left:5px solid #9ca4d1; background:#eee; padding:10px 20px; letter-spacing:1px; }
#pageService .contentsInner img { margin-bottom:20px; width:100%; }
/* ----pageCompany----- */
#pageCompany ul,#pageCompany li { list-style:none; }
#pageCompany #mainimg { height: 200px; width: 100%; background-image:url("../images/mainimg-company.jpg"); background-position: center center; background-size: cover;}
#pageCompany #mainimginner { width:100%; height: 200px; margin:0 auto; display:flex; justify-content:center; align-items:center; text-align:center; }
#pageCompany #mainimginner h1 { color:rgba(255,255,255,1); letter-spacing:5px; font-size:40px; margin-top:30px; }
#pageCompany #mainimginner span { color:rgba(255,255,255,1); font-size:18px; letter-spacing:5px;}

#pageCompany .contentsInner { padding:30px 20px 50px 20px; line-height:1.8; }
#pageCompany .contentsInner { line-height:1.8; }
#pageCompany .contentsInner h2 { font-size:20px; margin:30px 0; border-left:5px solid #9ca4d1; background:#eee; padding:10px 20px; letter-spacing:1px; }

#outline { font-size:14px; }
#outline:after { content:","; display:block; height:0; clear:both; visibility:hidden; }
#outlineleft { width:100%; }
#outlineleft .hole { margin-bottom:2px; background:#eee; }
#outlineleft .left { width:100%; padding:5px 20px; font-weight:bold; background:#ccc; }
#outlineleft .right { width:100%; padding:10px 20px; }
#outlineleft .history span { display:inline-block; font-weight:bold; margin-right:5px;}

#headoffice { width:100%; }
#headoffice iframe { width:100%; height:250px; }
#headoffice p { margin-bottom:30px; }
#headoffice #headofficeimg { text-align:center; }
#headoffice #headofficeimg img { width:50%; }

#headoffice h3 { background:#999; color:#fff; padding:5px 20px; font-size:14px; margin-bottom:2px; }
#headoffice h4 { background:#eee; color:#000; padding:5px 20px; font-size:16px; text-align:center;}
#headoffice .hole { margin-bottom:2px; background:#eee; }
#headoffice .left { width:100%; padding:10px; font-weight:bold; background:#ccc;}
#headoffice .right { width:100%; padding:10px 20px; }
#headoffice a { color:#69F;}

#philosophy .left { width:100%; text-align:center;}
#philosophy .right { width:100%; text-align:center;}
#philosophy h2 { text-align:left; }
#philosophy ul li { padding:10px 5px; border:1px dotted #ccc; margin-bottom:10px; font-size:14px;}
/* ----pageContact----- */
#pageContact ul,#pageContact li { list-style:none; }
#pageContact .contentsInner { padding:30px 20px 50px 20px; }
#pageContact #mainimg { height: 200px; width: 100%; background-image:url("../images/mainimg-contact.jpg"); background-position: -250px center; background-size: cover;}
#pageContact #mainimginner { width:100%; height: 200px; margin:0 auto; display:flex; justify-content:center; align-items:center; text-align:center; }
#pageContact #mainimginner h1 { color:rgba(255,255,255,1); letter-spacing:5px; font-size:40px; margin-top:30px; }
#pageContact #mainimginner span { color:rgba(255,255,255,1); font-size:18px; letter-spacing:5px;}

#pageContact .contentsInner h2 { font-size:20px; margin:50px 0; border-left:5px solid #9ca4d1; background:#eee; padding:10px 10px; letter-spacing:1px; }
#pageContact .contentsInner .mailto { text-align: center; margin-top: 30px;}
#pageContact .contentsInner .mailto a { display: inline-block; padding: 10px 30px; border:1px solid #666;}
#pageContact .contentsInner .mailto a:hover { background: #eee;}
/* ----pageRecruit----- */
#pageRecruit ul,#pageRecruit li { list-style:none; }
#pageRecruit .contentsInner { padding:30px 20px 50px 20px; }
#pageRecruit #mainimg { height: 200px; width: 100%; background-image:url("../images/mainimg-recruit.jpg"); background-position: center center; background-size: cover;}
#pageRecruit #mainimginner { width:100%; height: 200px; margin:0 auto; display:flex; justify-content:center; align-items:center; text-align:center; }
#pageRecruit #mainimginner h1 { color:rgba(255,255,255,1); letter-spacing:5px; font-size:40px; margin-top:30px; }
#pageRecruit #mainimginner span { color:rgba(255,255,255,1); font-size:18px; letter-spacing:5px;}

#pageRecruit .contentsInner h2 { font-size:20px; margin:50px 0; border-left:5px solid #9ca4d1; background:#eee; padding:10px 10px; letter-spacing:1px; }

#job .hole:first-of-type { border-top:2px solid #eee; }
#job .hole { padding:15px 0; border-bottom:2px solid #eee; font-size:14px; line-height:1.8; }
#job .left { width:100%; padding:5px 10px; background:#eee; letter-spacing:1px; font-weight:bold; }
#job .right { width:100%; padding:0 10px; }
/* ----pageMembers----- */
#pageMembers header ul,#pageMembers header li { list-style:none; }
#pageMembers .contentsInner { padding:30px 20px 50px 20px; }
#pageMembers #mainimg { height: 200px; width: 100%; background-image:url("../images/mainimg-members.jpg"); background-position: center center; background-size: cover;}
#pageMembers #mainimginner {  width:100%; height: 200px; margin:0 auto; display:flex; justify-content:center; align-items:center; text-align:center; }
#pageMembers #mainimginner h1 { color:rgba(255,255,255,1); letter-spacing:5px; font-size:40px; margin-top:30px; }
#pageMembers #mainimginner span { color:rgba(255,255,255,1); font-size:18px; letter-spacing:5px;}

#pageMembers #breadCrumbs { margin-bottom:10px; }
#logoutbt { text-align:right; margin-bottom:30px; }
#logoutbt a { font-size:14px; display:inline-block; padding:10px 20px; background:#9ca3d0; color:#fff; border-radius:5px; letter-spacing:1px; }

#pageMembers .contentsInner .hole { margin-bottom:30px; padding:15px; box-shadow:0 0 5px #ccc; }
#pageMembers .contentsInner .title { display:inline-block; padding:10px 30px; background:#000; color:#fff; letter-spacing:1px; margin-bottom:10px; }
#pageMembers .contentsInner .body { line-height:1.6; }
#pageMembers .contentsInner .body p { font-size:14px; }
#pageMembers .contentsInner .body a { color:#69F; }
/* ----------------- */
input[type="text"],input[type="email"],input[type="password"],input[type="submit"],button,select,textarea { margin:0; padding:0; background:none; border:none; border-radius:0; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
select::-ms-expand { display:none; }
input[type="text"],input[type="email"],input[type="password"],select{ box-sizing:border-box; border:1px solid #CCC; border-radius:0; height:45px; width:100%; text-indent:10px; }
input[type="text"],input[type="email"],textarea { background:#fff; }
textarea { width:100%; box-sizing:border-box; border:1px solid #CCC; border-radius:0; margin-top:2px; text-indent:10px; }
input[type="text"].tel1,input[type="text"].tel2,input[type="text"].tel3 { width:80px; }
input[type="text"].fax1,input[type="text"].fax2,input[type="text"].fax3 { width:80px; }

.formblockhole:after { content:","; display:block; height:0; clear:both; visibility:hidden; }
.formblockhole { margin-bottom:10px; }
.formblockleft { width:100%; border-radius:0; background:#eee; font-size:14px; margin-bottom:3px; }
.formblockleft > div { padding:8px 10px; box-sizing:border-box;  }
.formblockleft span { background:#CC3333; color:#fff; font-size:10px; padding:3px 5px; margin-left:5px; }
.formblockright { width:100%; }
.formblockright > div { padding:0 0; }
.formblockright > div#consent { text-align: center;}
.formblockright span { font-size:14px; display:inline-block; }
.formblockright span.error { display:inline-block; background:#FCC; border-radius:5px; padding:5px 10px; font-size:12px; }
.formbt { text-align:center; margin-top:30px; }
form button { background:#000; color:#fff; text-align:center; width:100%; border-radius:5px; padding:15px 0; cursor:pointer; letter-spacing:10px; }
form button:hover { opacity:0.8; }
.formblockleft a { color:#69F; text-decoration: underline;}

.mw_wp_form_preview .formblockright { background:#fff; border-radius:0; }
.mw_wp_form_preview .formblockright > div { padding:15px 10px; }
.mw_wp_form_complete p { text-align:center; line-height:1.8; }
/* ----loginform---- */
#loginform { width:100%; padding:20px; background:#eee; margin-bottom:50px;}
#loginform input[type="text"],#loginform input[type="password"] { width:100%; height:40px; background:#fff; margin:5px 0; border-radius:5px; }
#loginform input[type="submit"]{ width:100%; height:40px; background:#9ca3d0; color:#fff; border-radius:5px;}
#loginform label { margin:10px 0; }
#loginform .login-remember { margin:10px 0; }
/* ----pagePrivacy---- */
#pagePrivacy header ul,#pagePrivacy header li { list-style:none; }
#pagePrivacy .contentsInner { padding:80px 20px 20px 20px; }
#pagePrivacy h1 { font-size:24px; margin-bottom:30px; text-align:center; }
#pagePrivacy .contentsInner h2 { font-size:18px; margin:30px 0; }
#pagePrivacy .contentsInner p { padding:0 10px; margin:30px 0; line-height:1.5; font-size:14px; }
#pagePrivacy .contentsInner p span { font-size: 12px;}
#pagePrivacy .contentsInner p.credit { text-align:right; }
#pagePrivacy .contentsInner ol { padding:0 30px; font-size:14px;}
#pagePrivacy .contentsInner ol li { margin-bottom:20px; line-height:1.5; }

#table-scroll { overflow-x: scroll; margin-bottom: 50px;}
#table-scroll::-webkit-scrollbar { height: 10px;}
#table-scroll::-webkit-scrollbar-thumb { background: #d4d4d4; border-radius: 5px;}
#table-scroll::-webkit-scrollbar-track-piece { background: #e6e6e6;}

#pagePrivacy .contentsInner table { width: 600px; border-collapse: collapse; line-height:1.5; font-size:14px;}
#pagePrivacy .contentsInner h3 { font-size:24px; margin:100px 0 30px 0; text-align:center; position: relative;}
#pagePrivacy .contentsInner h3 span { width:100%; position:absolute; top:-105px;}
#pagePrivacy .contentsInner h4 { padding:0 10px; font-size:18px; margin:30px 0; line-height:1.2;}
#pagePrivacy .contentsInner table { margin:0 10px; border-collapse: collapse;}
#pagePrivacy .contentsInner table th { border: 1px solid #000; padding: 15px; background: #eee;}
#pagePrivacy .contentsInner table td { border: 1px solid #000; padding: 15px;}
#pagePrivacy .contentsInner table td ul { padding-left: 20px; list-style-position: outside;}
#pagePrivacy .contentsInner p.table-com { margin:10px 0 30px 0; }
#pagePrivacy .contentsInner .desktop { display: none;}

#pagePrivacy .contentsInner .privacy-mark2 { text-align: left; padding-left: 10px;}
#pagePrivacy .contentsInner .privacy-mark2 img { width: 70px;}
/* ----notfoundPage------ */
#notfoundPage #socialBt { display:none; }
#notfoundPage ul,#notfoundPage li { list-style:none; }
#notfoundPage .contentsInner { padding:80px 20px 50px 20px; }
#notfoundPage p.error { text-align:center; padding:80px 0; line-height:1.8; }
/* ----pageArchive---- */
#pageArchive ul,#pageArchive li { list-style:none; }
#pageArchive .contentsInner { padding:80px 20px 50px 20px; }
#pageArchive .contentsInner h1 { font-size:24px; margin-bottom:30px; text-align:center; }
#pageArchive .hole { background:rgba(255,255,255,0.8); padding:15px; box-shadow:0 0 5px #ccc; }
#pageArchive .left span { display:inline-block; padding:3px 20px; background:#9ca3d0; color:#fff; font-size:14px; margin-bottom:10px; letter-spacing:1px; }
#pageArchive .topinfo p.title { font-size:18px; margin-bottom:20px; font-weight:bold; line-height:1.5;}
#pageArchive .topinfo .body { line-height:1.8; font-size:14px; }
#pageArchive .topinfo ul li { margin-bottom:20px; }