@charset "utf-8";

/* ===========================================================
 default
=========================================================== */
p{margin:0;padding:0 0 15px 0;}
a{color:#0059a4;text-decoration:none;}
a:hover{color:#0059a4;text-decoration:underline;}

::selection { background: #237fd5; color: #fff; }
::-moz-selection { background: #237fd5; color: #fff; }

h1{font-size:257%; color: #000; font-weight: normal; position: relative; margin:30px 0 15px; padding:0 0 30px 40px;}
h1:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100' fill='rgb(0,88,163)' %3E%3Cpolygon points='100 0 80 100 0 100 0 0' %3E%3C/polygon%3E%3C/svg%3E"); background-position:center center; background-repeat:no-repeat; background-size:100% 100%; content:''; position:absolute; left:0; width:26px; height:6px; z-index:1; top:0.45em; display:block;}
h2{font-size:171%; color: #000; font-weight: bold; border-bottom: 3px solid #d8e3ed; position: relative;;}
h2:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100' fill='rgb(0,88,163)' %3E%3Cpolygon points='100 0 99 100 0 100 0 0' %3E%3C/polygon%3E%3C/svg%3E"); background-position:center center; background-repeat:no-repeat; background-size:100% 100%; content:''; position:absolute; left:0; width:50%; height:3px; z-index:1; bottom:-3px; display:block;}
h3{font-size:157%; color: #000; font-weight: bold; border-bottom: 2px solid #e5e5e5; position: relative;}
h3:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100' fill='rgb(141,193,222)' %3E%3Cpolygon points='100 0 99 100 0 100 0 0' %3E%3C/polygon%3E%3C/svg%3E"); background-position:center center; background-repeat:no-repeat; background-size:100% 100%; content:''; position:absolute; left:0; width:25%; height:2px; z-index:1; bottom:-2px; display:block;}
h4{font-size:128%; color: #000; font-weight: bold; padding-left: 20px; position: relative;}
h4:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100' fill='rgb(0,88,163)' %3E%3Cpolygon points='100 0 75 100 0 100 0 0' %3E%3C/polygon%3E%3C/svg%3E"); background-position:center center; background-repeat:no-repeat; background-size:100% 100%; content:''; position:absolute; left:0; width:11px; height:4px; z-index:1; top:0.4em; display:block;}
h5{font-size:114%; color: #000; font-weight: bold; padding-left: 20px; position: relative;}
h5:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100' fill='rgb(141,193,222)' %3E%3Cpolygon points='100 0 75 100 0 100 0 0' %3E%3C/polygon%3E%3C/svg%3E"); background-position:center center; background-repeat:no-repeat; background-size:100% 100%; content:''; position:absolute; left:0; width:11px; height:4px; z-index:1; top:0.4em; display:block;}
h6{font-size:100%; color: #000; font-weight: bold;}
.ContentPane h2:first-of-type{margin-top:0;}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{color: #000;}
/*コンパネ*/
.controlPanelBody h2:after {display: none;}
/*カテゴリトップ*/
.cateTop h1 {display: flex; align-items: center; justify-content: center; padding:0 0 30px 0; }
.cateTop h1:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100' fill='rgb(0,88,163)' %3E%3Cpolygon points='100 0 80 100 0 100 0 0' %3E%3C/polygon%3E%3C/svg%3E"); background-position:center center; background-repeat:no-repeat; background-size:100% 100%; content:''; width:26px; height:6px; z-index:1; display:inline-block; margin-right: 12px;}
.cateTop h1:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100' fill='rgb(141,193,222)' %3E%3Cpolygon points='100 0 100 100 0 100 20 0' %3E%3C/polygon%3E%3C/svg%3E"); background-position:center center; background-repeat:no-repeat; background-size:100% 100%; content:''; width:26px; height:6px; z-index:1; display:inline-block; position: static; margin-left: 12px;}

/*--------------------------------------
	link
--------------------------------------*/
a.linkItem,
.linkItem a {border: 1px solid #0058a3; border-radius:3px; background: none; color: #0059a4; padding:0.4em 3em; text-decoration: none;}
a.linkItem:hover,
.linkItem a:hover {background: #0058a3; color: #fff;}
a.linkItem_white,
.linkItem_white a {border: 1px solid #fff; border-radius:3px; background: none; color: #fff; padding:0.4em 3em; text-decoration: none;}
a.linkItem_white:hover,
.linkItem_white a:hover {background: #fff; color: #0058a3;}
a.linkItem_gray,
.linkItem_gray a {border: 1px solid #919191; border-radius:3px; background: none; color: #919191; padding:0.4em 3em; text-decoration: none;}
a.linkItem_gray:hover,
.linkItem_gray a:hover {background: #919191;}
/* inPageLinks */
a.linkItem.inPageLinks,
.linkItem.inPageLinks a {border: 1px solid #358bd7; background: #358bd7; color: #fff; padding:0.4em 1em 0.4em 2.5em;}
a.linkItem.inPageLinks:hover,
.linkItem.inPageLinks a:hover {border: 1px solid #0058a3; background: #0058a3;}
a.linkItem.inPageLinks:before,
.linkItem.inPageLinks a:before{}
a.linkItem.inPageLinks:hover:before,
.linkItem.inPageLinks a:hover:before{border-right:1px solid #fff;border-bottom:1px solid #fff;}

/*--------------------------------------
	table
--------------------------------------*/
table.tableBasic {border-color: #e5e5e5;}
table.tableBasic th {background: #8dc1de; color: #fff;}
table.tableBasic td {border-color: #e5e5e5; background-color: #fff;}
table.tableBasic th,
table.tableBasic td {border-color: #e5e5e5;}

/*--------------------------------------
	box
--------------------------------------*/
.boxColored {background: #d8e3ed;}
.boxBordered {border-color: #0058a3;}

/*--------------------------------------
	pager
--------------------------------------*/
.ulList_vertical.ulPaging {text-align: center;}
.ulList_vertical.ulPaging li {float: none; display: inline-block; text-align: center;}
.ulList_vertical.ulPaging li.Prev,
.ulList_vertical.ulPaging li.Next {}
.ulList_vertical.ulPaging li.Current {border: 1px solid #0059a4; display: inline-block; transition: all 0.25s ease-out; background-color:inherit;color: #0059a4; text-decoration: none; padding: 0.5em; font-weight: normal;}
.ulList_vertical.ulPaging li a{border: 1px solid #0059a4; display: inline-block; transition: all 0.25s ease-out; background-color:#0059a4;color: #fff; text-decoration: none; padding: 0.5em;}
.ulList_vertical.ulPaging li a:hover{opacity: 0.8; background-color:#0059a4; border: 1px solid #0059a4;}
.ulList_vertical.ulPaging li.Prev a,
.ulList_vertical.ulPaging li.Next a {border: none; background-color: inherit; color: #333;}
.ulList_vertical.ulPaging li.Prev a:hover,
.ulList_vertical.ulPaging li.Next a:hover {opacity: 1; text-decoration: underline;}

/*--------------------------------------
	margin
--------------------------------------*/
.mt0 {margin-top:0!important;}

/*========================================================
 【全】
 ========================================================*/
 /* 【全：（多言語）】ロゴ */
.logo{margin:0;padding:0;}
.logo a,
.logo img{display:block;}

/* 【全：（多言語）】多言語リンク */
ul.hLanguageLink.layoutItem.inlined {margin:0; padding: 0;}
ul.hLanguageLink.layoutItem.inlined li {margin: 0 0 0 30px; padding: 0;}
ul.hLanguageLink.layoutItem.inlined a {color: #000; font-size: 92.9%;}

/* 【全：（多言語）】検索フォーム */
.searchWrap {position:relative; width:230px;height:30px;margin:0 0 0 30px;}
.searchWrap .SearchInput.submitArea{ padding: 0; display: flex;border-bottom:1px solid #e5e5e5;}
.searchWrap .SearchInput.submitArea input[type="text"]{width:200px;margin:0;padding:0;border: none;outline:none;line-height:2.0;}
.searchWrap .SearchInput.submitArea input[type="submit"].submitBtn_S.notice{display:block;width:30px;height:30px;border: none;line-height:2.0; background: url(/Portals/0/images/common/ico_search.png) center center no-repeat; text-indent: 200%; overflow: hidden; white-space: nowrap;}
.searchWrap .placeholder {position: absolute; left:5px; top:5px; color: #aaa; font-size: 92.9%;}

/* 【全：（多言語）】フッタリンク */
ul.fLink.layoutItem.inlined {margin:0; padding:0;}
ul.fLink.layoutItem.inlined li {margin: 0 15px 0 0; padding: 0;}
ul.fLink.layoutItem.inlined a {color: #333; font-size: 85.7%;}

/* 【全：（多言語）】サイドメニュー */
.moduleMenu {margin: 0; padding: 0;}
.moduleMenu > ul {margin: 0; padding: 0; list-style: none;}
.moduleMenu > ul > li {display: none; margin: 0; padding:0;}
.moduleMenu > ul > li.currentItem,
.moduleMenu > ul > li.parentItem {display: block;}
.moduleMenu > ul > li > a {color: #fff;font-size:128.6%; font-weight: bold;padding: 35px 15px;display: block; border-radius:3px 3px 0 0;
background:url(/Portals/0/images/common/bg_moduleMenu.png) 100px bottom no-repeat, -moz-linear-gradient(-45deg, #237fd5 0%, #8cc1de 100%); /* FF3.6-15 */
background:url(/Portals/0/images/common/bg_moduleMenu.png) 100px bottom no-repeat, -webkit-linear-gradient(-45deg, #237fd5 0%,#8cc1de 100%); /* Chrome10-25,Safari5.1-6 */
background:url(/Portals/0/images/common/bg_moduleMenu.png) 100px bottom no-repeat, linear-gradient(135deg, #237fd5 0%,#8cc1de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
/*lev2*/
.moduleMenu > ul > li > ul {margin: 0; padding: 0; list-style: none; border:1px solid #e5e5e5;}
.moduleMenu > ul > li > ul > li {margin: 0; padding: 0; border-bottom:1px solid #e5e5e5;}
.moduleMenu > ul > li > ul > li:last-child {border-bottom: none;}
.moduleMenu > ul > li > ul > li > a {padding: 15px 15px 15px 30px; display: block;color: #000; position: relative;}
.moduleMenu > ul > li > ul > li > a:before {content:""; width: 5px; height: 1px; background: #0058a4; display: inline-block; position: absolute; left: 20px; top: 25px;}
.moduleMenu > ul > li > ul > li > a.parentLink,
.moduleMenu > ul > li > ul > li > a.currentLink {color: #0058a4;}
/*lev3*/
.moduleMenu > ul > li > ul > li > ul {margin: 0; padding: 0 0 10px 30px; list-style: none; display: none;}
.moduleMenu > ul > li > ul > li.currentItem > ul,
.moduleMenu > ul > li > ul > li.parentItem > ul {display: block;}
.moduleMenu > ul > li > ul > li > ul > li {margin: 0; padding: 0;}
.moduleMenu > ul > li > ul > li > ul > li > a {padding: 5px 15px 5px 10px; display: block;color: #000; font-size: 92.9%; position: relative;}
.moduleMenu > ul > li > ul > li > ul > li > a:before {content:""; width: 5px; height: 1px; background: #8dc1de; display: inline-block; position: absolute; left: 0; top: 10px;}
.moduleMenu > ul > li > ul > li > ul > li:first-child > a {padding-top: 0;}
.moduleMenu > ul > li > ul > li > ul > li > a.parentLink,
.moduleMenu > ul > li > ul > li > ul > li > a.currentLink {color: #0058a4;}
/*lev4*/
.moduleMenu > ul > li > ul > li > ul > li > ul {margin: 0; padding: 0 0 5px 15px; list-style: none; display: block;}
.moduleMenu > ul > li > ul > li > ul > li.currentItem > ul,
.moduleMenu > ul > li > ul > li > ul > li.parentItem > ul {display: block;}
.moduleMenu > ul > li > ul > li > ul > li > ul > li {margin: 0; padding: 0;}
.moduleMenu > ul > li > ul > li > ul > li > ul > li > a {padding: 5px 15px 5px 10px; display: block;color: #000; font-size: 85.7%;}
.moduleMenu > ul > li > ul > li > ul > li > ul > li > a.parentLink,
.moduleMenu > ul > li > ul > li > ul > li > ul > li > a.currentLink {color: #0058a4;}

/* 【全：（多言語）】ビックフッター */
.bFooter {padding:50px 0 60px; }
.bFooter ul li {margin: 0; padding: 0; list-style: none;}
.bFooter ul li ul {margin-bottom:25px; padding: 0; list-style: none;}
.bFooter ul li ul li {margin-bottom: 4px;}
.bFooter ul li ul li a {font-size: 85.7%; color: #666666; position: relative; padding-left:10px;}
.bFooter ul li ul li a:before {content:""; width: 5px; height: 1px; background: #0058a4; display: inline-block; position: absolute; left: 0; top: 0.65em;}
.bFooter ul li ul li.footCateTop {margin-bottom:12px;}
.bFooter ul li ul li.footCateTop a {font-size: 121.4%; color: #333; padding-left: 0;}
.bFooter ul li ul li.footCateTop a:before {display: none;}

/*========================================================
 共通
 ========================================================*/
/*キャッチコピー*/
.catchcopyArea {margin: 0 0 30px 0; padding:20px 0 0 0;}
.catchcopyArea p {margin: 0; padding:0;}
.catchcopyArea .txt{font-size: 185%;color: #237fd5;}
/*テーブル_標準幅*/
table.ratioNormal th {width: 30%;}
table.ratioNormal td {width: 70%;}
/*テーブル_th狭め*/
table.ratioTd th {width: 15%;}
table.ratioTd td {width: 85%;}
/*共通_カテゴリトップ_メインリード文*/
.catchArea{position:relative;}
.catchImgCover{width:100%;height: 200px;position: relative;overflow: hidden;}
.catchImgCover img {min-width: 100%; max-width: unset;min-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.catchTextcover{display: block;margin: 0 auto;width: 100%;text-align: center;position: absolute;top: 50%;-webkit-transform:translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); z-index: 1;}
.catchTextcover p {margin: 0; padding: 0; color:#fff;font-weight:800;font-size:172%;}
/*共通_カテゴリトップ_コンテンツ*/
.categoryTopArea > div{position:relative; clear:both; min-width:1500px; max-width:1500px; min-height:370px; margin:40px auto 0 auto;}
.categoryTopArea > div .textContainer{display:inline-block; width:460px; min-height:280px; padding:54px 80px; box-sizing:border-box; position:relative; background-color:rgba(231,244,255,0.8);}
.categoryTopArea > div:nth-child(odd) .textContainer{margin: 42px 845px 30px 0; float:right;}
.categoryTopArea > div:nth-child(odd) .imageContainer{right:0;}
.categoryTopArea > div:nth-child(even) .textContainer{margin: 42px 0 30px 845px; float:left;}
.categoryTopArea > div:nth-child(even) .imageContainer{left:0;}
.categoryTopArea > div .textContainer h2{position:relative; margin-bottom: 0.5em; padding:0 0 8px 1rem; font-weight:800; border-bottom: 0;}
.categoryTopArea > div .textContainer h2:after{content:""; display:block; position:absolute; top:0.5em; left:0; z-index:1; width:8px; height:3px; border-left:8px solid #0058a4;}
.categoryTopArea > div .textContainer p.linkItem {margin: 0; padding: 0;}
.categoryTopArea > div .imageContainer{position:absolute; top:0;}
.categoryTopArea > div .imageContainer img {display: block;}

/*========================================================
 news-list-for-Index
 ========================================================*/
.newsListIndex.layoutItem.col2 {margin: 0; padding: 0;}
.newsListIndex ul{margin:0;padding:0;}
.newsListIndex li{list-style-type:none;margin:0;padding:0 0 15px;}
.newsListIndex .newsData{margin:0 0 5px 0;padding:0;color:#747474; display:flex; align-items:center;}
.newsListIndex div.newsData{align-items:inherit;}
/*カテゴリ*/
.newsListIndex .newsData .category{display:flex; flex-wrap:wrap;}
.newsListIndex .newsData span{margin:0 0 5px 10px; font-size: 85.7%; color: #0059a4; border:1px solid #0059a4; padding:0 10px; min-width: 120px; text-align: center;}
.newsListIndex .newsTitle{margin:0;padding:0;}
.newsListIndex .newsTitle a {color: #333;}
.newsListIndex .newsTitle img {vertical-align:middle; margin: 0 0 0 10px;}

/*========================================================
 news-list
========================================================*/
.newsList ul{margin:0;padding:0;}
.newsList li{list-style-type:none;margin:0;padding:0 0 15px; display: flex; align-items: flex-start;}
.newsList .newsData{margin:0 10px 0 0;padding:0;color:#747474; display: flex; align-items: flex-start;}
.newsList .newsData p {margin: 0; padding:0;}
.newsList .newsData p span/*カテゴリ*/ {margin: 0 0 0 10px; font-size: 85.7%; color: #0059a4; border:1px solid #0059a4; padding:0 10px; min-width: 120px; text-align: center; display: block;}
.newsList .newsData p span + span {margin-top: 5px;}
.newsList .newsTitle{margin:0;padding:0;}
.newsList .newsTitle a {color: #333;}
.newsList .newsTitle img {vertical-align:middle; margin: 0 0 0 10px;}

/*========================================================
 news-detail
========================================================*/
.newsDetail .newsData{margin:0 10px 15px 0;padding:0;color:#747474; display: flex; align-items: center;}
.newsDetail .newsData span/*カテゴリ*/ {margin: 0 0 0 10px; font-size: 85.7%; color: #0059a4; border:1px solid #0059a4; padding:0 10px; min-width: 120px; text-align: center;}
.newsDetail .newsTitle{margin:0;padding:0;}
.newsDetail .newsTitle a {color: #333;}
.newsDetail .newsTitle img {vertical-align:middle; margin: 0 0 0 10px;}
.newsDetail .newsDescription {margin: 0 0 30px 0;}

/*========================================================
AnnouncementCategory
========================================================*/
ul.ulList_vertical.AnnouncementCategory {margin: 0; padding: 0; list-style: none; border:1px solid #e5e5e5;}
ul.ulList_vertical.AnnouncementCategory li {margin: 0; padding: 0; border-bottom:1px solid #e5e5e5; float: none;}
ul.ulList_vertical.AnnouncementCategory li:last-child {border-bottom: none;}
ul.ulList_vertical.AnnouncementCategory li a {padding: 15px 15px 15px 30px; display: block;color: #000; position: relative;}
ul.ulList_vertical.AnnouncementCategory li a:before {content:""; width: 5px; height: 1px; background: #0058a4; display: inline-block; position: absolute; left: 20px; top: 25px;}
ul.ulList_vertical.AnnouncementCategory li a.currentLink {color: #0058a4;}

/*========================================================
 inquiryform
========================================================*/
.questionnaire-form table.tableBasic th{width:25%;}
.questionnaire-form table.tableBasic td{width:75%;}
.questionnaire-form table.tableBasic p{margin:0.5em 0 0;font-size:90%;}
.questionnaire-form table.tableBasic th span.NormalRed{font-size:75%;}
.questionnaire-form table.tableBasic td table{width:auto;}
.questionnaire-form table.tableBasic td table td{width:auto;padding:0 15px 0 0;border:none;}
.questionnaire-form table.tableBasic td table.vertical_row td {display: block; margin:5px 0;}
.questionnaire-form input.btnSearchZipCode{margin:0 0 0 5px;padding:0.25em 0.5em;}
.questionnaire-form input[type="text"],
.questionnaire-form textarea,
.questionnaire-form select{margin:0;padding:3px 3px 3px 3px;border:1px solid #ccc;border-radius:0;outline:none;}
.questionnaire-form textarea{display:inline-block;vertical-align:bottom; width: 100%;}
.questionnaire-form select{padding-right:20px;}
.questionnaire-form input[type="text"]:focus,
.questionnaire-form textarea:focus,
.questionnaire-form select:focus{box-shadow:rgba(204,204,204,0.5) 0 0 8px 0;}
div[id$="ViewMailForm_pnlInput"] div input[type="submit"]:hover,
div[id$="ViewMailForm_pnlInput"] div input[type="submit"]:focus{background:#eee;}
.questionnaire-form .questionnaireBtn {margin: 0 0 20px 0;}
.questionnaire-form .questionnaireBtn > * {margin: 0 10px;}
/* ボタン_青 */
.questionnaire-form .questionnaireBtn input[type="submit"][id*="btnInputNext"]/*-*/,
.questionnaire-form .questionnaireBtn input[type="submit"][id*="btnInputConfirm"]/*入力内容を確認する*/,
.questionnaire-form .questionnaireBtn input[type="submit"][id*="btnConfirmSend"]/*送信する*/{display:inline-block;position:relative;background:none; color: #0058a3; padding: 0.5em 2em; font-size: 120%; text-decoration:none; border: 1px solid #0058a3; border-radius: 3px; cursor:pointer;transition:all 0.25s ease-out;}
.questionnaire-form .questionnaireBtn input[type="submit"][id*="btnInputNext"]:hover/*-*/,
.questionnaire-form .questionnaireBtn input[type="submit"][id*="btnInputConfirm"]:hover/*入力内容を確認する*/,
.questionnaire-form .questionnaireBtn input[type="submit"][id*="btnConfirmSend"]:hover/*送信する*/{background:#0058a3; color: #fff;}
/* ボタン_グレー */
.questionnaire-form .questionnaireBtn input[type="submit"][id*="btnInputBack"]/*-*/,
.questionnaire-form .questionnaireBtn input[type="submit"][id*="btnInputClear"]/*-*/,
.questionnaire-form .questionnaireBtn input[type="submit"][id*="btnConfirmBack"]/*入力画面に戻る*/{display:inline-block;position:relative;background:none; color: #919191; padding: 0.5em 2em; font-size: 120%; text-decoration:none; border: 1px solid #919191; border-radius: 3px; cursor:pointer;transition:all 0.25s ease-out;}
.questionnaire-form .questionnaireBtn input[type="submit"][id*="btnInputBack"]:hover/*-*/,
.questionnaire-form .questionnaireBtn input[type="submit"][id*="btnInputClear"]:hover/*-*/,
.questionnaire-form .questionnaireBtn input[type="submit"][id*="btnConfirmBack"]:hover/*入力画面に戻る*/{background:#919191; color: #fff;}

/*========================================================
 index
 ========================================================*/
/*共通*/
.ttlTop {margin: 0 0 50px 0;}
.ttlTop h2 {display: flex; align-items: center; justify-content: center; margin: 0 0 15px 0; padding:0; font-size: 328.5%; font-weight: normal; border-bottom: none; font-family:"Ebrima";}
.ttlTop h2:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100' fill='rgb(0,88,163)' %3E%3Cpolygon points='100 0 80 100 0 100 0 0' %3E%3C/polygon%3E%3C/svg%3E"); background-position:center center; background-repeat:no-repeat; background-size:100% 100%; content:''; width:16px; height:6px; z-index:1; display:inline-block; margin-right: 20px;}
.ttlTop h2:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100' fill='rgb(141,193,222)' %3E%3Cpolygon points='100 0 100 100 0 100 20 0' %3E%3C/polygon%3E%3C/svg%3E"); background-position:center center; background-repeat:no-repeat; background-size:100% 100%; content:''; width:16px; height:6px; z-index:1; display:inline-block; position: static; margin-left: 20px;}
.ttlTop p {font-size:92.9%; color:#919191; margin: 0; padding:0;}

/* 【（多言語）】KV */
.topKvArea .slicksliderArea {margin:0; padding:0; position: relative;}
.main.slider > div:not(:first-child) > a,
.main.slider > div:not(:first-child) > img {display:none;}
.topKvArea .slicksliderArea .slickslider .slick-slide img {max-width:1920px; min-width:1500px; margin:0 auto;}
.topKvArea .slick-slider button.slick-arrow {width: 30px; height: 52px; margin: auto 0; top:0; bottom: 0; z-index: 1; -webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
.topKvArea .slick-slider button.slick-arrow.slick-prev {background: url(/Portals/0/images/common/arw_kvLeft.png) 0 0 no-repeat; left: 50%; margin-left:-560px;}
.topKvArea .slick-slider button.slick-arrow.slick-next {background: url(/Portals/0/images/common/arw_kvRight.png) 0 0 no-repeat; right: 50%; margin-right:-560px;}
.topKvArea .slick-slider button.slick-arrow.slick-prev:before,
.topKvArea .slick-slider button.slick-arrow.slick-next:before {display: none;}
.topKvArea .slick-slider ul.slick-dots {position: absolute; margin: 0 auto; padding: 0; bottom: 25px; left: 0; right: 0;}
.topKvArea .slick-slider ul.slick-dots li {margin: 0 8px; padding: 0;}
.topKvArea .slick-slider ul.slick-dots li button {background: url(/Portals/0/images/common/dots_nomal.png) 0 0 no-repeat; width: 10px; height: 10px; border-radius: 0; -webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
.topKvArea .slick-slider ul.slick-dots li button:hover {opacity: 0.8;}
.topKvArea .slick-slider ul.slick-dots li.slick-active button {background: url(/Portals/0/images/common/dots_active.png) 0 0 no-repeat;}

/* 【（多言語）】Message */
.index_messageArea {padding:70px 0 100px;}
.index_messageArea .ttlTop h2:before {width:26px;}
.index_messageArea .ttlTop h2:after {width:26px;}
.index_messageArea .slick-slider {margin: 0; padding: 0; list-style: none;}
.index_messageArea .slick-slider:after {content:"";display:block;clear:both;}
.index_messageArea .slick-track .slick-slide {float: left; margin:0;}
.index_messageArea .slick-track .slick-slide a img {display: block; -webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
.index_messageArea .slick-track .slick-slide a:hover img {opacity: 0.8;}
.index_messageArea .slick-slider button.slick-arrow {width: 20px; height: 31px; -webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
.index_messageArea .slick-slider button.slick-arrow.slick-prev {left: -60px; background: url(/Portals/0/images/jp/index/arw_messageLeft.png) center center no-repeat;}
.index_messageArea .slick-slider button.slick-arrow.slick-next {right: -60px; background: url(/Portals/0/images/jp/index/arw_messageRight.png) center center no-repeat;}
.index_messageArea .slick-slider button.slick-arrow.slick-prev:before,
.index_messageArea .slick-slider button.slick-arrow.slick-next:before{display: none;}

/* 【（多言語）】About Us */
.index_aboutUsArea {background: url(/Portals/0/images/jp/index/bg_aboutUs.jpg) center top no-repeat; width: 100%; min-height: 500px; margin: 0 auto; background-size: cover; padding-top:110px; }
.index_aboutUsArea .ttlTop {width: 450px; min-height: 280px; margin: 0 auto; padding:70px 0 0 0;
background: -moz-linear-gradient(-45deg, #8cc1de 1%, #237fd5 60%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #8cc1de 1%,#237fd5 60%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #8cc1de 1%,#237fd5 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.index_aboutUsArea .ttlTop h2 {color: #fff; margin-bottom: 10px; }
.index_aboutUsArea .ttlTop h2 + p {color: #d4e3f1; margin-bottom:35px;}

/* 【（多言語）】Business / Technical */
.index_twoColArea {background: url(/Portals/0/images/jp/index/bg_twoCol.png) 0 0 repeat; width: 100%; padding-bottom: 50px;}
.index_twoColArea .ttlTop {padding:70px 0 0 0;}
.index_twoColArea ul {}
.index_twoColArea li {text-align: center;}
.index_twoColArea li a {color: #333; text-decoration: none; -webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out; position: relative; display: block; width: 120px; margin:0 auto;}
.index_twoColArea li a:hover * {opacity: 0.8;}
.index_twoColArea li a:before/*右と下のライン*/ {content: ""; position: absolute; width: 120px; height: 120px; right: -5px; top: 5px;}
.index_twoColArea li a:after/*色被せ*/ {content: ""; position: absolute; width: 120px; height: 120px; top: 0; left: 0;}
.index_twoColArea .index_businessArea,
.index_twoColArea .index_technicalArea {padding:0 30px;}
.index_twoColArea .index_businessArea li a:before/*右と下のライン_青*/ {border-right: 5px solid #1870c2; border-bottom: 5px solid #1870c2;}
.index_twoColArea .index_businessArea li a:after/*色被せ_青*/ {background:rgba(0,88,164,0.3);}
.index_twoColArea .index_technicalArea li a:before/*右と下のライン_水色*/ {border-right: 5px solid #8dd7de; border-bottom: 5px solid #8dd7de;}
.index_twoColArea .index_technicalArea li a:after/*色被せ_水色*/ {background:rgba(141,193,222,0.3);}
.index_twoColArea li a img {display: block; margin: 0 auto 10px; max-width: 120px; max-height: 120px;}
.index_twoColArea li a span {display: block; font-size: 107.1%; margin:0 -20px;}

/* 【（多言語）】News_トップ */
.newsListIndex .ttlTop {min-height: 440px; margin: 0; padding-top:130px;
background: -moz-linear-gradient(-45deg, #8cc1de 1%, #237fd5 60%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #8cc1de 1%,#237fd5 60%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #8cc1de 1%,#237fd5 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.newsListIndex .ttlTop h2 {color: #fff; margin-bottom: 10px; }
.newsListIndex .ttlTop h2 + p {color: #d4e3f1; margin-bottom:50px;}
.newsListIndex .ttlTop + div {margin: 0; padding:90px 10px 10px 90px;}

/* 【（多言語）】CSR / Recruit */
.index_twoLinkArea {background: url(/Portals/0/images/jp/index/bg_twoLink.jpg) center top no-repeat; width: 100%; min-height: 600px; margin: 0 auto; padding:100px 0 0 0; background-size: cover;}
.index_twoLinkArea .index_csrArea,
.index_twoLinkArea .index_recruitArea {
background: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 1%, rgba(255,255,255,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 1%,rgba(255,255,255,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 1%,rgba(255,255,255,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.index_twoLinkArea .ttlTop {margin: 0 0 30px 0;}
.index_twoLinkArea .ttlTop h2 {color: #fff; margin-bottom: 10px; padding:40px 0 0 0;}
.index_twoLinkArea .ttlTop h2:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100' fill='rgb(255,255,255)' %3E%3Cpolygon points='100 0 80 100 0 100 0 0' %3E%3C/polygon%3E%3C/svg%3E");}
.index_twoLinkArea .ttlTop h2:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100' fill='rgb(255,255,255)' %3E%3Cpolygon points='100 0 100 100 0 100 20 0' %3E%3C/polygon%3E%3C/svg%3E");}
.index_twoLinkArea .ttlTop h2 + p {color: #d4e3f1; margin-bottom:30px;}

/*========================================================
 B.1	メッセージ
 ========================================================*/
/*共通_キャッチ*/
h1.messageTtl {text-align: center; color: #237fd5; padding-left: 0; margin-bottom: 30px;}
h1.messageTtl:after {display: none;}
h1.messageTtl span {display: block;}
h1.messageTtl span.headTxt {font-size: 71.4%; color: #a6caeb; margin-bottom: 15px;}
h1.messageTtl span.mainTxt {font-size: 128.6%;}
/*B.1.1	ビジョン*/
.visionArea .visionMainArea {display: flex; margin: 0 0 100px 0;}
.visionArea .visionMainArea > div {border:10px solid #d8e3ed; text-align: center; padding: 30px;}
.visionArea .visionMainArea > div.box01 {width: 380px; margin-right: 50px;}
.visionArea .visionMainArea > div.box02 {width: 670px;}
.visionArea .visionMainArea > div p {margin: 0; padding:0;}
.visionArea .visionMainArea > div p.mainTxt {font-size: 142.9%; font-weight: bold; padding: 20px 0;}
.visionArea .visionMainArea > div p.img {padding: 10px 0 20px 0;}
.visionArea .visionMainArea > div p.subTxt {font-weight: bold; margin: 0 0 10px 0;}
.visionArea .visionMainArea > div ul {margin: 0; padding: 0; list-style: none;}
.visionArea .visionMainArea > div li {}
.visionArea .visionTxtArea {padding: 0 100px 0 120px;}
.visionArea .visionTxtArea > div {display: flex; align-items:flex-start; margin:0 0 80px 0;}
.visionArea .visionTxtArea > div h2 {border:none; width: 30%;}
.visionArea .visionTxtArea > div h2:after {width: 50px; height: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100' fill='rgb(0,88,163)' %3E%3Cpolygon points='100 0 90 100 0 100 0 0' %3E%3C/polygon%3E%3C/svg%3E");}
.visionArea .visionTxtArea > div > div {width: 70%; font-size: 128.6%;}
.visionArea .visionTxtArea > div > div ol {list-style: cjk-ideographic; padding-top:0;}
/*B.1.2	トップメッセージ*/
.messageArea .globalcompactTop {display: flex; align-items: center; justify-content: center; margin: 40px 0 50px 0;}
.messageArea .globalcompactTop p {margin: 0; padding: 0;}
.messageArea .globalcompactTop p.img {margin: 0 20px 0 0;}
.messageArea .globalcompactTop p.img img {display: block;}
.messageArea .globalcompactTop p.mainTxt {color: #004667; font-size: 128.6%;}
.messageArea .globalcompactArea {display: flex;}
.messageArea .layoutItem.col4.globalcompactArea > div {border-radius: 5px; background: #fff; padding: 20px; margin-bottom: 0;}
.messageArea .globalcompactArea > div p {margin: 0 auto; text-align: center;}
.messageArea .globalcompactArea > div p.mainTxt {font-size: 142.9%; font-weight: bold;}
.messageArea .globalcompactArea > div p.img {margin: 0 0 20px 0;}
.messageArea .globalcompactArea > div p.img img {display: block; margin: 0 auto;}
.messageArea .globalcompactArea > div ul {margin: 0; padding: 0; list-style: none;}
.messageArea .globalcompactArea > div li {padding-bottom: 0.75em;}
.messageArea .globalcompactArea > div li:first-line {font-weight: bold;}
/*B.1.3	Core Values*/
.valuesArea .valuesMainImg {background-color: #e2dfef; padding:30px 15px; margin:0 0 50px 0; }
.valuesArea h2 {}
.valuesArea h2:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100' fill='rgb(143,131,188)' %3E%3Cpolygon points='100 0 99 100 0 100 0 0' %3E%3C/polygon%3E%3C/svg%3E");}
.valuesArea h2 {border-color: #d6d1e6;}
.valuesArea .layoutItem.firstitemrighted h3 {margin-top:0;}
.valuesArea h3.valuesTtl {display: flex; align-items:flex-start;}
.valuesArea h3.valuesTtl:after {display: none;}
.valuesArea h3.valuesTtl span {background:#8f83bc; color: #fff; margin:0 10px 0 0; padding:5px 10px; border-radius:3px; white-space: nowrap; font-size: 71.4%;}

/*========================================================
 B.2	企業情報
 ========================================================*/
/*B.2.2	TAKAHATAグループ*/
.groupListArea .groupList_items .groupList_image {margin:0 0 8px 0;}
.groupListArea .groupList_items .groupList_image a {width: 262px; height: 175px; background:#eeeeee; display: flex; align-items: center;; justify-content: center;}
.groupListArea .groupList_items .groupList_image a img {display: block; max-width: 262px; max-height: 175px; -webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
.groupListArea .groupList_items .groupList_image a:hover img {opacity: 0.8;}
.groupListArea .groupList_items .groupList_text a {color: #333;}
/*B.2.2.1	詳細ページ*/
.groupDetailArea .groupDetail_mainImage {margin:0 0 50px 0; background:#eeeeee;}
.groupDetailArea .groupDetail_mainImage a {display: flex; align-items: center;; justify-content: center; width: 100%; min-height: 230px;}
.groupDetailArea .groupDetail_mainImage a img {display: block; max-width: 820px; -webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
.groupDetailArea .groupDetail_mainImage a:hover img {opacity: 0.8;}
.groupDetailArea .groupDetail_contents {margin-bottom:30px;}
.groupDetailArea .groupDetail_contents .area01 span {margin:0 15px 0 0;}
/*B.2.3	OUR TAKAHATA*/
.ourtakahataArea h2 {display: flex; align-items: center; justify-content: space-between;}
.ourtakahataArea h2 span + span {margin: 0 0 0 20px; font-size: 71.4%; font-weight: normal;}

/*========================================================
 B.3	事業案内
 ========================================================*/
/*共通_部品見出し*/
.fieldPartsArea h2 {display: flex; align-items: center; justify-content: space-between;}
.fieldPartsArea h2 span + span {margin: 0 0 0 20px; font-size: 85.7%; font-weight: normal;}/*←使わんくなるかも*/
/*共通_キャッチ*/
.fieldPartsArea span.catchTxt {font-weight: bold; display: block; margin: 5px 0 10px 0; font-size: 107.1%;}

/*========================================================
 B.4	技術紹介
 ========================================================*/
.technologyPartsArea {}
.technologyPartsArea .layoutItem.firstitemlefted > * > h4:first-child {margin-top:1em;}

/* ===========================================================
 サイトマップ
=========================================================== */
.ulList_horizon.sitemapWrap > li > a{border-bottom:1px solid #e5e5e5;font-weight:800;font-size:115%;}
.ulList_horizon.sitemapWrap a{color:#000; height: auto; line-height: auto;}
.ulList_horizon.sitemapWrap a:hover{text-decoration:none;}
.ulList_horizon.sitemapWrap > li > ul > li > a{border-bottom:1px solid #e5e5e5;font-weight:800;font-size:115%;}
.ulList_horizon.sitemapWrap > li > ul > li > ul > li > a{position:relative;}
.ulList_horizon.sitemapWrap > li > ul > li > ul > li > a::before{content:"";display:inline-block;position:absolute;top:12px;left:0;width:5px;height:1px;background:#0058a4;}

/*========================================================
 B.6.1	国内向けグループ採用、B.6.2	海外向けグループ採用について
 ========================================================*/
/*共通_見出し*/
.requirementsBox h6.documentsCaption{padding:0;margin:20px 0 0 0;}
/*共通_先行プロセス*/
.stepflowArea > div {display: flex; justify-content: space-between; margin-bottom: 40px; border: 1px solid #0058a4; padding:2px; min-height: 100px; position: relative;}
.stepflowArea > div:before{content:'';display:block;position:absolute;bottom:-30px;left:20px;width:0;height:0;border-width:20px 30px 0 30px;border-color:#237fd5 transparent transparent transparent;border-style:solid;}
.stepflowArea > div:last-child:before {display: none;}
.stepflowArea > div .numberBox { background: #d8e3ed; width: 100px; text-align: center; padding:5px; display: flex; align-items: center; justify-content: center;}
.stepflowArea > div:last-child .numberBox {background: #0058a4; color: #fff;}
.stepflowArea > div .numberBox p {margin:0; padding:0;}
.stepflowArea > div .numberBox p span {display: block;}
.stepflowArea > div .numberBox p span.subTxt {font-size: 85.7%;}
.stepflowArea > div .numberBox p span.numberTxt {font-size: 142.9%; font-weight: bold;}
.stepflowArea > div .textBox {width: calc(100% - 110px); padding:10px;}
.stepflowArea > div .textBox p {margin:0; padding:0;}
.stepflowArea > div .textBox p.mainTxt {color: #000; font-weight: bold; font-size: 157.1%; margin-bottom: 5px;}
.stepflowArea > div:last-child .textBox p.mainTxt {color: #0058a4;}
.stepflowArea > div .textBox p.contentsTxt {}

/*========================================================
 B.6.3	求める人物像
 ========================================================*/
.recruitMessage .mesTxt2{font-size:257%;margin:25px 0 25px 0;color:#237fd5;}
.recruitMessage .mesTxt3{line-height:1.8;}
.recruitMessageBox{padding:30px 0 0 0;}
.recruitMessageBox .boxColored{background: -moz-linear-gradient(-45deg, #8cc1de 1%, #237fd5 60%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #8cc1de 1%,#237fd5 60%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #8cc1de 1%,#237fd5 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.recruitMessageBox p{font-size:157%;padding:5px 0 5px 0;color:#fff;}

/*========================================================
 B.6.4	キャリア対談
 ========================================================*/
.companyMember {margin: 0 0 80px 0;}
.companyMember p.memberImg {margin:0; padding:0;}
.companyMember p.memberImg img {display: block; margin: 0 auto;}
.companyMember .nameTxtArea{text-align:center;position:relative;z-index:1;margin:-30px auto 0 auto;background:#fff;width:90%;padding:10px 0 0 0;font-weight:bold;}
.companyMember .nameTxtArea p {margin:0; padding:0;}
.companyMember .nameTxtArea p.txtName {margin: 0 0 5px 0; padding:0 10px;font-size:107.1%;}
.companyMember .nameTxtArea p.txtDetail{font-size:85.7%;display:block;color:#6d6d6d;font-weight:normal;}
.interviewArea{margin:0 0 80px 0;}
.interviewArea h2{border:none;text-align:center;padding:0;margin:0 0 30px 0;}
.interviewArea h2:after {background-image:none;}
.interviewArea .interviewTitle {display: flex;align-items: center;text-align: center;justify-content: center;font-size:128%;font-weight:bold;color:#237fd5;}
.interviewArea .interviewTitle:before,
.interviewArea .interviewTitle:after {background: #237fd5;content: "";flex-grow: 1;height: 2px;min-width: 20px;display: inline-block;vertical-align: middle;}
.interviewArea .interviewTitle:before {margin-right: 20px;}
.interviewArea .interviewTitle:after {margin-left: 20px;}
.interviewArea .interviewTitle span {display: block; margin: 0 20px 0 0; font-weight: normal;}
.interviewArea .interviewBox{position:relative;margin:0 0 30px 0;clear:both;}
.interviewArea .interviewBox:nth-child(even){overflow:hidden;position:relative;margin-top:30px;clear:both;}
.interviewArea .interviewBox img{position:absolute;bottom:30px;left:15px;}
.interviewArea .interviewBox .boxColored{background:#f1f1f1;border:none;padding:20px 40px 20px 75px;margin:0;color:#222;border-radius:3px;line-height:1.7;}
.interviewArea .interviewBox div span{display:inline-block;background:#237fd5;color:#fff;padding:10px 20px 5px 20px;border-radius: 2px;}

/*========================================================
 B.6.5	こんなところにTAKAHATA
 ========================================================*/
.categoryTopArea.subContents > div {width: 820px; min-width:inherit; max-width: inherit; min-height: 300px; margin: 0 0 60px 0;}
.categoryTopArea.subContents > div .textContainer,
.categoryTopArea.subContents > div:nth-child(2n+1) .textContainer {width: 420px; min-height: 210px; margin: 40px 400px 40px 0; padding: 40px 50px}
.productBox {margin: 0 0 80px 0;}
.productBox h5{margin:0.8em 0 0.5em; }

/*========================================================
B.8	お問い合わせ
 ========================================================*/
ul.inquiryStepArea,
ul.inquiryStepArea li {list-style-type:none;margin:0;padding:0;}
ul.inquiryStepArea{display:flex;display:-webkit-flex;display:-ms-flexbox;position:relative;flex-direction:row;height:60px;margin:30px 0 2em 0;-webkit-flex-direction:row;ms-flex-direction:row;}
ul.inquiryStepArea li{position:relative;width:33%;text-align:center; background: #d8e3ed; font-size: 128.6%}
ul.inquiryStepArea li span{display:inline-block;height:100%;padding:14px 15px 0 0;color:#0058a4;font-weight:bold;text-align:center;vertical-align:middle;}
ul.inquiryStepArea li:not(:last-child):before{content:'';display:block;position:absolute;top:7px;right:-20px;z-index:1;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:45px;height:45px;background:#d8e3ed; border: 2px solid #fff; border-bottom:none; border-left: none; }
ul.inquiryStepArea li.current{background:#237fd5; color: #fff;}
ul.inquiryStepArea li.current:not(:last-child):before{background:#237fd5;}
ul.inquiryStepArea li.current span {color: #fff;}

/*========================================================
 検索結果
 ========================================================*/
.SearchResultsLink {word-break: break-all;}
.SearchResultsSummary .PubDate{display: none;}