/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {    color: #222;    font-size: 1em;    line-height: 1.4;}
::-moz-selection {    background: #b3d4fc;    text-shadow: none;}
::selection {    background: #b3d4fc;    text-shadow: none;}
hr {    display: block;    height: 1px;    border: 0;    border-top: 1px solid #ccc;    margin: 1em 0;    padding: 0;}
audio,
canvas,
iframe,
img,
svg,
video {    vertical-align: middle;}
fieldset {    border: 0;    margin: 0;    padding: 0;}
textarea {    resize: vertical;}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {    margin: 0.2em 0;    background: #ccc;    color: #000;    padding: 0.2em 0;}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* common settings
-------------------------------- */
*{box-sizing: border-box;}
body{ font-size:16px; line-height:1.7; color:#000; margin:0; padding:0; word-break: break-all;
  font-family:'Noto Sans JP', "Yu Gothic", YuGothic,'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
}

h1,h2,h3,h4,h5,h6,p,ul,dl,ol{margin-top: 0;}
img{max-width: 100%; height: auto;}

/* link color */
a			{ color:#49769B;}
a:hover		{ opacity: 0.7;}
/*
a:visited	{ color:#253A6C;}
*/


/* ============================================
     parts class settings
   ============================================ */

.memo{ color:#999;}
span.spWrap{display: inline-block;}

/* bigLink */
.bigLink,
.bigLinkBlank{ cursor:pointer;}

/* linkBnr */

.linkBnr01 a{ display: inline-block; padding: 12px 60px 12px 15px; min-width: 150px; box-sizing: border-box;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.2);  color: #fff; line-height: 1.2;text-decoration: none;
    background: no-repeat #2877F7 ;
    background-image: url("/common/img/icon_download_wht.png"),linear-gradient( 253deg, #2877F7 0%, #39C6C6 100%) ;
    background-position: right 10px center;}
.linkBnr01 a:hover{ opacity: 1; background-image: url("/common/img/icon_download_wht.png"),linear-gradient(0deg, #39C6C6 0%, #39C6C6 100%) ; background-color: #39C6C6;}

h2.uline,
h3.uline,
h4.uline,
h5.uline {border-bottom: 2px solid #154BE2;}

/* ============================================
     struct
   ============================================ */
.inner{ width: 1000px; max-width: 100%; box-sizing: border-box; margin:0 auto; padding:0 15px; }
section.base{ padding: 60px 0;}
.secBody{position: relative; min-height: 300px;}
.pattern{ position: absolute; width: 613px; height: 649px; background: url("/common/img/pattern.png") no-repeat center;}
.bgParts{position: absolute;}

.w820{ max-width: 820px; margin-left: auto; margin-right: auto;}

button.btn01,
a.btn01,
.btn01 a{ display: inline-block; padding: 12px 40px; min-width: 150px; box-sizing: border-box; border: 0;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.2);  text-align: center; color: #fff; line-height: 1.2;text-decoration: none;
    background: no-repeat #154BE2 ;
    background-image: url("/common/img/icon_tri_wht.png"),linear-gradient(253deg, #154BE2 0%, #00A7DA 100%) ;
    background-position: right 10px center;}
button.btn01:hover,
a.btn01:hover,
.btn01 a:hover{ opacity: 1; background-image: url("/common/img/icon_tri_wht.png"),linear-gradient(0deg, #00A7DA 0%, #00A7DA 100%) ; background-color: #00A7DA;}

.btn02{ display: inline-block; padding: 8px 16px; box-sizing: border-box;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.2);  text-align: center; color: #fff; line-height: 1.2;text-decoration: none;
    background: no-repeat #2877F7 ;
    background-image: linear-gradient(253deg, #2877F7 0%, #39C6C6 100%) ;}
.btn02:hover{ opacity: 1; background-image: url("/common/img/icon_tri_wht.png"),linear-gradient(0deg, #39C6C6 0%, #39C6C6 100%) ; background-color: #39C6C6;}


/* header
-------------------------------- */
header { display: flex; justify-content: space-between; padding: 10px 15px; background: url("/common/img/headerBg@2x.jpg") no-repeat center; background-size: cover;}
header h1{ margin: 0;}
header nav ul{ padding: 15px 0 0; margin: 0; list-style: none; text-align: right;}
header nav ul li{ display: inline-block; margin-left: 25px; text-align: left;}
header nav ul li a{ text-decoration: none; font-size: 18px; font-weight: bold; color: #111;}
header nav ul li a span{ display: block; font-size: 12px; color: #00A7DA; }
    .home header { position: absolute; width: 100%; top: 0; left: 0; z-index: 200; }
    .home header{ background: none;}
    .home header nav ul li a{ color: #fff;}
    .home header nav ul li a span{ text-shadow: 2px 2px 2px rgba(0,0,0,0.1);}
header .navBtn{ position: fixed ; top: 10px; right: 10px; display:none; width: 50px; height: 50px; background: url("/common/img/df_set/icon_burger_blue20.svg") no-repeat center; background-size: 40px 40px;  z-index: 1100; background-color: rgba(255,255,255,0.5); }
    .home header .navBtn{  background-image: url("/common/img/df_set/icon_burger_wh.png"); }
    header .navBtn.close{  background-image: url("/common/img/df_set/icon_menu_wh_close.png"); }

@media (max-width: 940px) {
    header .navBtn{ display:block; background-color: rgba(255,255,255,0);}
    header nav { display: block; position: fixed;top: 0; right: -500px; height: 100%; background-color: #111; z-index: 1000; transition-property: right; transition-duration:0.3s; }
    header nav ul{ padding: 80px 15px 15px 60px; margin: 0; }
    header nav ul li{ display: block; margin-left: 0; margin-bottom: 15px; text-align: right;}
    header nav ul li a{ text-decoration: none; font-size: 18px; font-weight: bold; color: #fff;}
    header nav ul li a span{ display: inline-block; margin-right: 8px; color: #fff; line-height: 1.2; }
}
@media (max-width: 480px) {
    header h1{ max-width: 220px; }
}

/* mainVisual
-------------------------------- */
.mainVisual{ width: 100%; overflow: hidden; position: relative; padding: 200px 15px 50px; min-height: 665px; background: url("/common/img/mainvisual20.jpg") no-repeat center top; background-size: cover; font-weight: bold; color: #fff; text-align: center;}
.mainVisual .txt01{ font-size: 48px;  }
.mainVisual .txt02{ margin-bottom: 50px; font-size: 24px;  }
.mainVisual .txt03{ padding-bottom: 25px; background: url("/common/img/mainVis_border01_20.svg") no-repeat center bottom; background-size: 452px 10px; font-size: 20px; color:#00EBFF ;}
.mainVisual span{ display: inline-block;}
.mainVisual .bnrInterview{ position: absolute; top: 120px; right: 10px; z-index:999 ;}
.mainVisual .ptn01{ top: -200px; right: 50%; margin-right: 400px; }
.mainVisual .ptn02{ bottom: -100px; left: 50%; margin-left: 300px; }

@media (max-width: 780px) {
    .mainVisual{ padding: 120px 15px 100px; min-height: inherit;}
    .mainVisual .txt01{ font-size: 30px;  }
    .mainVisual .txt02{ margin-bottom: 50px; font-size: 20px;  }
    .mainVisual .txt03{ font-size: 18px;}
    .mainVisual .ptn01{ top: -200px; right: 50%; margin-right: 400px; }
    .mainVisual .bnrInterview{ position: relative; top: inherit; right: inherit; margin-top: 80px; margin-bottom: 0; z-index: inherit; }
}
@media (max-width: 480px) {
    .mainVisual{ padding: 120px 15px 100px; height: inherit;}
    .mainVisual .txt01{ font-size: 28px; margin-bottom: 20px;  }
    .mainVisual .txt02{ margin-bottom: 30px; font-size: 12px;  }
    .mainVisual .txt03{ font-size: 15px;}
}

/* main
-------------------------------- */
.main{ width: 100%; overflow: hidden; background: transparent linear-gradient(180deg, #FFFFFF 0%, #E0F4FB 100%) 0% 0% no-repeat padding-box; padding-bottom: 100px; }
section .inner{position: relative;}
    .home .main{ margin-top: -105px; padding-bottom: 0;}
.mainPtnTtl{position: absolute;width:413px; height: 511px; top: -55px; left: -160px; background: url("/common/img/pattern_dark02.png") no-repeat ;}
.mainPtnBtm{position: absolute;width:621px; height: 540px; bottom: -240px; right: -160px; background: url("/common/img/pattern_dark03.png") no-repeat ;}

.main h2{font-size: 32px; color: #154BE2;}
.main h3{ font-size: 24px; color: #154BE2;}


/* 翻訳ボタン
-------------------------------- */
#transBtnPosition{position: relative;}
.home #transBtnPosition{position: inherit;}
.translateBtn a{ display: block; position: absolute; width: 135px; top: 0; right: 0; margin: 10px; padding: 5px 5px 5px 43px; border: 1px solid #2D58A7; border-radius: 3px; background: url("/common/img/icon_ei-translation@2x.png") no-repeat left 5px center #FAFEFE; background-size: 32px 32px; line-height: 1.2; font-weight: bold;text-decoration: none; color: #2D58A7; }
.translateBtn span{ display: block; padding-left: 1px; font-size: 10px; font-weight: normal;}


/* secSearch 検索エリア
-------------------------------- */
.secSearch{ width: 100%; overflow: hidden; position: relative;background: url("/common/img/searchBg.jpg") center; background-size: cover; color: #fff;}
.secSearch h2{ font-size: 32px; margin-bottom: 16px; }
.secSearch form{ display: flex; width: 100%; justify-content: space-between; border: 2px solid #fff; margin-bottom: 25px; }

.secSearch form input[type="text"]{ display: block; flex-grow: 1; flex-shrink: 1;  border: 0; padding: 16px; background:rgba(0,0,0,0); color: #fff; font-size: 16px; }
.secSearch form input::placeholder{ color: #fff; color: rgba(255,255,255,0.6);}

.secSearch form button{ display: block; flex-grow: 0; flex-shrink: 0; width: 140px; padding-right: 20px; border: 0; background:rgba(0,0,0,0); text-align: right; color: #fff; font-size: 16px; }

@media (max-width: 480px) {
    .secSearch form button{ width: 50px; }
    .secSearch form button span{ display: none; }
}

.secSearch .boxItem{ position: relative; line-height: 1.3;}
.secSearch .boxItem a{display: block; height: 100%; padding: 15px; border: 2px solid #fff; text-align: center; color: #fff; text-decoration: none;}
    .secSearch .boxItem a:hover{ background-color: #154BE2; border-color:#154BE2; }
.secSearch .boxItem img{ display: block; margin: 8px auto 15px;}

.secSearch .ptn01{ bottom: -200px; left: 50%; margin-left: 400px; }


/* secJstartUp J-startup TOHOKU
-------------------------------- */
.secJstartUp{ position: relative; padding: 60px 0 60px; background:#F2F4F7;}
    .secJstartUp.lower{ padding: 0 0 30px; background-color:inherit;}
.secJstartUp h2{ font-size: 32px; margin-bottom: 5px;color: #154BE2;}
.secJstartUp .col4Flex{ margin: 40px 0 0;}
.secJstartUp .boxItem {  }
.secJstartUp .boxItem a{ position: relative; display: block;width: 100%; height: 135px; box-sizing: border-box; background-color: #fff; vertical-align: middle;}
.secJstartUp .boxItem a img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}


/* footer
-------------------------------- */
footer { border-top: 3px solid #154BE2; }
footer .inner{ padding: 50px 15px 33px; }
    /* clearfix */
    footer .inner:before,
    footer .inner:after {    content: " "; /* 1 */    display: table; /* 2 */}
    footer .inner:after {    clear: both;}
footer h2{ float: left; margin-right: 30px;}
footer .txt{ overflow: hidden;}
footer p{ margin-bottom: 0;}
footer .copy{ padding: 8px; background-color: #154BE2; text-align: center; color: #fff;}
@media (max-width: 480px) {
    footer .inner{ padding-top: 30px; }
    footer h2{ float: none; margin-right: inherit; text-align: center;}
    footer .txt{ overflow: hidden;}
}

/* ============================================
     pages
   ============================================ */
.ttlArea{ margin-bottom: 60px; }
h2.pageTtl{ margin-bottom: 0;  font-size: 0px; line-height: 1.4; border: 0; color: #154BE2; vertical-align: bottom;}
h2.pageTtl span.en{ display: inline-block; margin-right: 10px; font-size: 60px;}
    .about h2.pageTtl span.en{ display: block;}
h2.pageTtl span.ja{ display: inline-block; padding-left: 0; font-size: 32px;}

.pageLead { }

@media (max-width: 767px) {
    h2.pageTtl span.en{ font-size: 50px;}
    h2.pageTtl span.ja{ font-size: 24px;}
}


/* 記事一覧 */
.newsList{}
.newsList .mark{ display: inline-block; padding:0 5px; margin-right: 8px; background-color: #00A7DA; color: #fff; }
.newsList .btn{ text-align: right;}
.newsList ul{ list-style: none; margin: 0; padding: 0;}
.newsList ul li{ margin:0 0 12px; padding: 0; background-color: #fff;box-shadow: 0px 3px 6px rgba(0,0,0,0.2); }
.newsList ul li a{ display: block; padding: 15px 30px 15px 15px; color: #000; text-decoration: none;}

/* ページネーション */
.pagenavi { padding: 40px 10px; text-align: center;}
.pagenavi .page-numbers{ display: inline-block; padding: 8px 16px; margin: 5px; box-sizing: border-box;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.2);  text-align: center; color: #fff; line-height: 1.2;text-decoration: none;
    background: no-repeat #154BE2 ;
    background-image: linear-gradient(304deg, #154BE2 0%, #00A7DA 100%) ;}
.pagenavi .page-numbers.current,
.pagenavi .page-numbers:hover{ opacity: 1; background-image: linear-gradient(0deg, #90AAF1 0%, #90AAF1 100%) ; background-color: #90AAF1;}
.pagenavi .page-numbers.prev  { padding-left: 40px; background-image: url("/common/img/icon_tri_left_wht.png"),linear-gradient(253deg, #154BE2 0%, #00A7DA 100%) ; background-position: 15px center; background-color: #00A7DA;}
.pagenavi .page-numbers.next  { padding-right: 40px; background-image: url("/common/img/icon_tri_wht.png"),linear-gradient( 253deg, #154BE2 0%, #00A7DA 100%) ; background-position: right 15px center; }
    .pagenavi .page-numbers.prev:hover{ background-image: url("/common/img/icon_tri_left_wht.png"); background-color: #90AAF1;}
    .pagenavi .page-numbers.next:hover{ background-image: url("/common/img/icon_tri_wht.png"); background-color: #90AAF1;}


/* 記事詳細ページ */
.entryDate{ text-align: right; margin-bottom: 40px;}


/* home
-------------------------------- */
.homeSec h2 { margin-bottom: 10px; font-size: 80px; line-height: 1.2; }
.homeSec h2 span.ja{ display: inline-block; font-size: 30px; }
.homeSec h2 span.en{ display: inline-block;}

@media (max-width: 767px) {
    .homeSec h2{ font-size: 52px; }
}

/* --- homeNews pickup */
.homeSec .pickup { margin-bottom: 40px; }

.homeSec .pickup h2 { font-size: 30px; }
.homeSec .pickup h2 span.ja{ font-size: 20px; }

.newsList .pickup ul{ background-color: #fff; padding: 0; }
.newsList .pickup ul li{ margin:0 0 0; padding: 0; border-bottom: 1px solid #00A7DA; background-color: inherit; box-shadow:0 0 0 0; }
.newsList .pickup ul li:last-child{ border-bottom: 0; }

.newsList .pickup ul li a{ padding: 5px 15px 5px ; color: #000; text-decoration: none;}
.newsList .pickup ul li a .mark{ display: none;}


/* --- homeNews */
section.base.homeNews{ position: relative; padding-top: 150px; background: url("/common/img/homeNewsBg20.png") no-repeat center top; background-size: 100% 1857px;}
.homeNews .inner{ position: relative; min-height: 600px; }

.homeNews .copyrightMemo{ position: absolute; top: 50px; left:15px; max-width: 50%; font-weight: 400; font-size: 11px; color: #DDD;}

.homeNews h2{ color: #fff; }
.homeNews .lead{ color: #fff; }
.homeNews ul{ position: relative; }

.homeNews .ptn01{ top: -200px; right: 50%; margin-right: 400px; }
.homeNews .ptn02{ bottom: -200px; left: 50%; margin-left: 300px; }
.homeNews .ptn03{ background:url("/common/img/homeBg01.jpg") no-repeat; width: 490px ; height: 350px; bottom: -40px; left:-200px; }
.homeNews .ptn04{ background:url("/common/img/homeBg02.png") no-repeat; width: 105px ; height: 378px; top: 80px; right:-135px; }

/* --- homeAbout */
section.base.homeAbout { padding-bottom: 100px; }
.homeAbout .inner{ position: relative; min-height: 600px; }

.homeAbout h2{text-align: center; /*color: #2CA59B;*/}
.homeAbout .homeAboutLogo{ border:1px solid #E0F4FB; background-color: #fff; margin-top: 60px; margin-bottom: 30px; padding: 60px 30px; text-align: center; }
.homeAbout .lead{  text-align: center; font-weight: bold; font-size: 28px; color:#154BE2 ; }
.homeSec.homeAbout .mark{ background-color: #2CA59B; }
.homeAbout .btn{ margin-top: 30px; }

.homeAbout .pattern{ width: 613px; height: 649px; background: url("/common/img/pattern_dark.png") no-repeat center;}
.homeAbout .ptn01{ top: -100px; left: 50%; margin-left: 220px; }
.homeAbout .ptn02{ bottom: -200px; right: 50%; margin-right: 245px; }
.homeAbout .ptn03{ background:url("/common/img/homeBg02.jpg") no-repeat; width: 490px ; height: 350px; bottom: -40px; right:-200px; }


/* お知らせ一覧 newslist
-------------------------------- */
.newslist .pageTtl{ color: #00A7DA;}
.newslist .mainImgBtm { position: absolute; bottom: -40px; left: -200px; background: url(/common/img/homeBg01.jpg) no-repeat;width: 490px;height: 350px; }


/* イベント一覧 eventlist
-------------------------------- */
.eventlist .pageTtl{ color: #2CA59B;}
.eventlist {}
.eventlist .mark{ display: inline-block; padding: 3px; margin-right: 8px; background-color: #2CA59B; color: #fff; }


/* イベントカレンダー googleCalendar
-------------------------------- */
.googleCalendar { margin-top: 30px; padding: 5px; background-color: #fff;border:solid 1px #ddd;}
.googleCalendar iframe {  width: 100%;  height: 400px;}

@media all and (min-width: 768px) {
    .googleCalendar iframe {	height: 600px;  }
}



/* 仙台スタートアップエコシステムとは about
-------------------------------- */
.about01.wp-block-image{ margin-top: 30px; padding-bottom: 10px; background-color: #fff;}
.about02{ margin-top: 0; padding: 30px; background-color: #fff; font-size: 24px; text-align: center;}


/* J-Startup TOHOKU 選定企業のご紹介
-------------------------------- */
.stupDataArea{ display: flex; justify-content: space-between; margin-bottom: 30px;}
.stupDataArea .stupData{ margin-right: 20px;}
.stupDataArea .stupData h3{ font-size: 36px; }
.stupDataArea .stupData .num,
.stupDataArea .stupData .address,
.stupDataArea .stupData .website{ margin-bottom: 0.2em; font-weight: bold; }
.stupDataArea .stupData .logo{ display: inline-block; margin-top: 30px; padding: 20px; border: 1px solid #c8c8c8; background-color: #fff; text-align: center;}
.stupDataArea .stupPicArea{ width: 360px;  flex-shrink:0; text-align: center;}
.stupDataArea .stupPicArea img{ margin-bottom: 8px; }
.stupDataArea .stupPicArea span{ display: block; line-height: 1.4;}

.stupDescription { margin-bottom: 30px; }
.stupImgArea { padding: 15px 5px 0; background-color: #fff;text-align: center;  }
.stupImgArea .item{ margin: 5px; display: inline-block;}

@media (max-width: 767px) {
    .stupDataArea{ display: block;}
    .stupDataArea .stupData{ margin-right: inherit; margin-bottom: 30px;}
    .stupDataArea .stupData .logo{ display: block;width: 100%; box-sizing: border-box;}
    .stupDataArea .stupPicArea{ width: 100%;}
}

/* INTERVIEW  起業インタビュー
-------------------------------- */
.main h3.interviewTtl{ font-size: 32px; line-height: 1.4;}
.interviewKeyVis{ margin-bottom: 40px; text-align: center;}
.interviewLead { font-size: 20px; color: #154BE2; }
.interviewBody{ max-width: 680px; margin: 60px auto;}
.interviewQuestion{ margin-top: 2em; font-size: 18px; font-weight: bold; color: #154BE2;}

/* ---------- interviewPageNav */
.interviewPageNav{margin: 60px 0; font-weight: bold; overflow: hidden; color: #154BE2;}
.interviewPageNav span { display: block; margin-bottom: 10px;}
.interviewPageNav .back{ float: left;}
.interviewPageNav .next{ float: right; text-align: right;}

/* ---------- interviewPerson */
.interviewPerson{ max-width: 680px; margin: 60px auto;}
.interviewPerson h4{ border-top: 1px solid #154BE2; border-bottom: 1px solid #154BE2;  margin-bottom: 15px; font-family: "游明朝体", "Yu Mincho", YuMincho, serif; font-style:italic;color:#154BE2; }
.interviewPerson .interviewer{ padding-bottom: 15px; border-bottom:1px solid #154BE2; } 
.interviewPerson .interviewee h4,
.interviewPerson .interviewee .position,
.interviewPerson .interviewee .name{ text-align: right;}

.interviewPerson p{ margin-bottom: 0;}
.interviewPerson .position{ font-size: 18px; font-weight: bold;}
.interviewPerson .name{ font-size: 24px; font-weight: bold; margin-bottom: 1em;}
.interviewPerson .name .weak{ font-size: 18px; }
.interviewPerson .brief{ font-size: 14px; }

/* ---------- linNavArea */
.linNavArea{}
    .linNavArea:before,
    .linNavArea:after {    content: " "; /* 1 */    display: table; /* 2 */}
    .linNavArea:after {    clear: both;}
.linNavArea .linearNav{ width: 49%; margin-bottom: 10px; box-sizing: border-box; border: 2px solid #40A1DD;}
    .linearNav:before,
    .linearNav:after {    content: " "; /* 1 */    display: table; /* 2 */}
    .linearNav:after {    clear: both;}
.linNavArea .linearNav p { margin-bottom: 0;}
.linNavArea .linearNav a { text-decoration: none; color: #40A1DD;}
.linNavArea .linearNav .txt{ padding: 5px; line-height: 1.4; }
.linNavArea .linearNav img{ width: 80px;}

.linNavArea .linearNav.next{ padding-left: 19px; background: url("/common/img/bg_itvw_lin_left_light.svg") no-repeat left center;}
.linNavArea .linearNav.next,
.linNavArea .linearNav.next img{ float: left;}
.linNavArea .linearNav.next .txt{ margin-left: 90px;}

.linNavArea .linearNav.prev{ padding-right: 19px; background: url("/common/img/bg_itvw_lin_right_light.svg") no-repeat right center;}
.linNavArea .linearNav.prev,
.linNavArea .linearNav.prev img{ float: right;}
.linNavArea .linearNav.prev .txt{ margin-right: 90px;}

@media (max-width: 767px) {
.linNavArea .linearNav.prev,
.linNavArea .linearNav.next{ float: inherit; width: 100%;}
}

/* ---------- tsbInfoArea */
.tsbInfoArea{ margin: 60px auto; border: 2px solid #154BE2; padding: 15px; }
.tsbInfoArea h4{ margin-bottom: 0.5em; font-size: 18px; color:#154BE2; }
.tsbInfoArea p{ margin-bottom: 0; }

@media (max-width: 640px) {
    .interviewPerson .interviewee h4,
    .interviewPerson .interviewee .position,
    .interviewPerson .interviewee .name,
    .interviewPerson .interviewer h4,
    .interviewPerson .interviewer .position,
    .interviewPerson .interviewer .name{ text-align: center;}
}

/* ---------- interviewSlide */
#interviewSlide{  overflow: hidden; margin-bottom: 20px;}
    #interviewSlide a{  text-decoration: none;}
#interviewSlide .bx-wrapper{  width: 100%;  margin: 0 auto;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;border: 0;background: none;}
#interviewSlide .bx-viewport{  overflow: visible !important;}   

#interviewSlide li a{ display: block;}
#interviewSlide li .txtArea{ position: absolute; width: 100%; box-sizing: border-box; padding: 5px 15px; bottom: 0; background-color: rgba(0,0,0,0.50); color: #fff;}
#interviewSlide li .txtArea p{ margin-bottom: 0;}
#interviewSlide li .txtArea .catch{ text-align: right;}
#interviewSlide li .txtArea .name{ font-size: 24px; line-height: 1.4; text-align: right;}
#interviewSlide li .txtArea .name .position{ font-size: 16px; }
#interviewSlide li .txtArea .name .person{ display: inline-block; padding-left: 20px;}
#interviewSlide li .txtArea .name .weak{ font-size: 16px; }

@media (max-width: 480px) {
    #interviewSlide li .txtArea{ position: relative; padding: 0 5px; background-color:#154BE2;/* color: #000;*/}

}

/* ---------- interviewList */
.interviewList .boxItem{ margin-bottom: 30px; padding: 15px; box-shadow: 0px 2px 4px #526C9B66; background-color: #fff;
    border-top: 10px solid #c21500;
    border-image: linear-gradient(to right, #39C6C6 0%, #2877F7 100%);
    border-image-slice: 1;}
.interviewList .floatBox .imgLeft ,
.interviewList .floatBox .imgRight { margin-bottom: 0;  max-width: 50%;}
.interviewList .imgLeft img ,
.interviewList .imgRight img { width: 400px; max-width: 100%;}
.interviewList .catch  { margin-bottom: 15px; font-size: 28px; line-height: 1.4; font-weight: bold;}
.interviewList .name  { font-size: 20px; font-weight: bold;}
.interviewList .name .person { display: inline-block; font-size: 28px; }
.interviewList .name .person .weak{ font-size: 20px; }
.interviewList .introduction { margin-bottom: 0;}

.interviewList a:hover { opacity: 1;}
.interviewList .bigLink:hover { opacity: 0.7;}


@media (max-width: 640px) {
    .interviewList .floatBox .imgLeft ,
    .interviewList .floatBox .imgRight { max-width: 100%; margin-bottom: 20px;}
}


/* CONTACT お問い合わせ
-------------------------------- */
.formTbl{ width: 100%; border-spacing: 0; margin-bottom: 30px;}
.formTbl th{ width: 200px; padding: 15px 20px; background-color: #154BE2; color: #fff; text-align: left; vertical-align: top;}
.formTbl td.inputArea{ padding: 0; border: 1px solid #D5E3EA; background-color: #fff;}
.formTbl td.inputArea.textArea{ height: 300px;}

.formTbl td.inputArea input,
.formTbl td.inputArea textarea
    { display: block; width: 100%;height: 100%; margin: 0; padding: 15px 20px; border: 0; background-color: #fff; border-radius: 0;}
.formTbl td.inputArea input::placeholder,
.formTbl td.inputArea textarea::placeholder
    { color: #CCD3DE; }
.formTbl td.spacer { height: 20px;}
.submitArea { text-align: right;}

@media (max-width: 767px) {
    .formTbl th,
    .formTbl td{ width: 100%; display: block;}
    .formTbl th{ padding: 5px 20px;}
}

/* 検索結果
-------------------------------- */
.serchResult{ list-style: none; padding: 0;}
.serchResult li{ margin: 0; padding: 15px 3px; border-bottom: 1px solid #ccc;}


/* ============================================
     utility
   ============================================ */
/* bigLink */
.bigLink{}


/*  WordPress 画像配置用CSS
-------------------------------- */
.alignleft { float:left; margin:0 20px 20px 0;}
.alignright { float:right; margin: 0 0 20px 20px;}
.aligncenter { display:block; text-align:center; margin:20px auto;}
@media only screen and (max-width: 740px) {
    .alignleft ,
    .alignright ,
    .aligncenter { display:block; float:none; text-align:center; margin:20px auto;}
}

/*  flexBox
-------------------------------- */
.col5Flex,
.col4Flex,
.col3Flex,
.col2Flex{ display: flex; flex-wrap: wrap;}

.col2Flex .boxItem{ width: 49%; box-sizing: border-box;  margin-right: 2%; margin-bottom: 20px;}
   .col2Flex .boxItem:nth-child(2n){ margin-right: 0; }
.col3Flex .boxItem{ width: 32%; box-sizing: border-box; margin-right: 2%; margin-bottom: 20px;}
   .col3Flex .boxItem:nth-child(3n){ margin-right: 0; }
.col4Flex .boxItem{ width: 23.5%; box-sizing: border-box; margin-right: 2%; margin-bottom: 20px; }
   .col4Flex .boxItem:nth-child(4n){ margin-right: 0; }

.col5Flex .boxItem{ width: 19.5%; box-sizing: border-box; margin-right: 0.625%; margin-bottom: 20px; }
   .col5Flex .boxItem:nth-child(5n){ margin-right: 0; }

@media (max-width: 767px) {
   .col2Flex .boxItem{ width: 100%; margin-right: 0;}
   .col3Flex .boxItem,
   .col4Flex .boxItem{ width: 49%; box-sizing: border-box;  margin-right: 2%; }
   .col5Flex .boxItem{ width: 32%; box-sizing: border-box; margin-right: 2%; }
    
      .col3Flex .boxItem:nth-child(3n){ margin-right: 2%; }
      .col4Flex .boxItem:nth-child(4n){ margin-right: 2%; }
      .col5Flex .boxItem:nth-child(5n){ margin-right: 2%; }
    
      .col3Flex .boxItem:nth-child(2n),
      .col4Flex .boxItem:nth-child(2n),
      .col5Flex .boxItem:nth-child(3n){ margin-right: 0; }
}

@media (max-width: 480px) {
    .secSearch .col5Flex .boxItem {width: 49%; box-sizing: border-box;  margin-right: 2%; margin-bottom: 20px;}
    .secSearch .col5Flex .boxItem:nth-child(3n){ margin-right: 2%; }
    .secSearch .col5Flex .boxItem:nth-child(2n){ margin-right: 0; }
}

/*  floatBox
-------------------------------- */
.floatBox:before,
.floatBox:after {    content: " ";    display: table;}
.floatBox:after {    clear: both;}
.floatBox {    *zoom: 1;}

.floatBox .imgLeft{ float:left; margin:0 30px 30px 0;}
.floatBox .imgRight{ float:right; margin:0 0 30px 30px;}
.floatBox .txtFloat{}
.floatBox .txtStop{ overflow:hidden;}

@media (max-width: 640px) {
  .floatBox .imgLeft,
  .floatBox .imgRight{ float:none; margin:0 auto 30px; text-align:center;}
}

/*  font-size
-------------------------------- */
.font10{ font-size:10px !important;}
.font11{ font-size:11px !important;}
.font12{ font-size:12px !important;}
.font13{ font-size:13px !important;}
.font14{ font-size:14px !important;}
.font15{ font-size:15px !important;}
.font16{ font-size:16px !important;}
.font17{ font-size:17px !important;}
.font18{ font-size:18px !important;}
.font19{ font-size:19px !important;}
.font20{ font-size:20px !important;}
.font22{ font-size:22px !important;}
.font24{ font-size:24px !important;}
.font26{ font-size:26px !important;}
.font28{ font-size:28px !important;}
.font30{ font-size:30px !important;}
.font32{ font-size:32px !important;}
.font34{ font-size:34px !important;}
.font36{ font-size:36px !important;}
.font38{ font-size:38px !important;}
.font40{ font-size:40px !important;}

/*  margin
-------------------------------- */
/*top*/
.mt00{margin-top:0 !important;}
.mt05{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;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

/*right*/
.mr00{margin-right:0 !important;}
.mr05{margin-right:5px !important;}
.mr08{margin-right:8px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

/*bottom*/
.mb00{margin-bottom:0 !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

/*left*/
.ml00{margin-left:0 !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}

/* both side */
.ms00{margin-left:0 !important; margin-right:0 !important;}
.ms05{margin-left:5px !important; margin-right:5px !important;}
.ms10{margin-left:10px !important; margin-right:10px !important;}
.ms15{margin-left:15px !important; margin-right:15px !important;}
.ms20{margin-left:20px !important; margin-right:20px !important;}
.ms25{margin-left:25px !important; margin-right:25px !important;}
.ms30{margin-left:30px !important; margin-right:30px !important;}
.ms35{margin-left:35px !important; margin-right:35px !important;}
.ms40{margin-left:40px !important; margin-right:40px !important;}
.ms45{margin-left:45px !important; margin-right:45px !important;}
.ms50{margin-left:50px !important; margin-right:50px !important;}

/*  padding
-------------------------------- */
/*top*/
.pt00{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}

/*right*/
.pr00{padding-right:0 !important;}
.pr05{padding-right:5px !important;}
.pr08{padding-right:8px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}

/*bottom*/
.pb00{padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

/*left*/
.pl00{padding-left:0 !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}

/* both side */
.ps00{padding-left:0 !important; padding-right:0 !important;}
.ps05{padding-left:5px !important; padding-right:5px !important;}
.ps10{padding-left:10px !important; padding-right:10px !important;}
.ps15{padding-left:15px !important; padding-right:15px !important;}
.ps20{padding-left:20px !important; padding-right:20px !important;}
.ps25{padding-left:25px !important; padding-right:25px !important;}
.ps30{padding-left:30px !important; padding-right:30px !important;}
.ps35{padding-left:35px !important; padding-right:35px !important;}
.ps40{padding-left:40px !important; padding-right:40px !important;}
.ps45{padding-left:45px !important; padding-right:45px !important;}
.ps50{padding-left:50px !important; padding-right:50px !important;}



/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {    display: none !important;}
.visuallyhidden {    border: 0;    clip: rect(0 0 0 0);    height: 1px;    margin: -1px;    overflow: hidden;    padding: 0;
    position: absolute;    width: 1px;    white-space: nowrap; /* 1 */}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {    clip: auto;    height: auto;    margin: 0;    overflow: visible;    position: static;    width: auto;    white-space: inherit;}
.invisible {    visibility: hidden;}

/* clearfix */
.clearfix:before,
.clearfix:after {    content: " "; /* 1 */    display: table; /* 2 */}
.clearfix:after {    clear: both;}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}