/*
	Theme Name: stg-ignitioncentsys
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
	Customize:playpark 
 */

/* カスタマイズする場合にはこれより下に追記してください  */




/* TOC
---------------------------------------------
  Chapter01 : 基本設定
    Chapter01_01 : カラー
  Chapter02 : フォーム
  Chapter03 : レイアウト
  Chapter04 : ヘッダー
  　Chapter04_01 : 採用情報
  Chapter05 : ヘッドタイトル
  Chapter06 : フッター
  Chapter07 : パンくず
  Chapter08 : ページネーション
  Chapter09 : CTA
  Chapter10 : TOPページボタン
  Chapter11 : ハンバーガーメニュー
  Chapter12 : スマホメニュー
  Chapter13 : ブログ（投稿）
  Chapter14 : アーカイブ
  Chapter15 : フロント
  Chapter16 : 企業概要
  Chapter17 : SERVICE詳細ページ
  Chapter18 : 採用情報
  Chapter19 : よくある質問
  Chapter20 : お問い合わせ
  Chapter21 : お知らせ
  Chapter22 : 資料ダウンロード
  Chapter23 : 事例一覧（ページ内）
  Chapter24 : 
  Chapter25 : 


  Chapter99 : レスポンシブ
    Chapter99_01 : 大型モニター
    Chapter99_02 : ノートパソコン
    Chapter99_03 : タブレット
    Chapter99_04 : スマートフォン大型
    Chapter99_05 : スマートフォン
    Chapter99_06 : スマートフォン小型
---------------------------------------------
*/



/*---------------------------------------------------
  Chapter01 : 基本設定
---------------------------------------------------*/

body {
    font-family: 'Noto Sans JP', 'FontAwesome', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Helvetica, Arial, sans-serif;
}


/* 改行設定 */
.br {
	display: block;
}


/* WordPress管理バーを最下部に配置 */
html {
	margin-top: 0 !important;
	margin-bottom: 32px !important;
}
/* ページ上部に残る余白が気になる場合は、下記コメントアウトを解除 */
/*
body {
	position: relative;
	top: -32px;
}
*/

body.admin-bar {
	margin-bottom: 0;
}


#main-wrap {
    width: 100%;
    margin: 0 auto;
	padding: 0 0 5%;
}


/* デフォルト固定ページ */
.l-main-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    width: 90%;
    margin: 5% auto;
}

/* ページタイトル */
.page_title {
    padding: 20px 0;
    font-size: 1.8em;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    background: #fff;
}


/* PC・スマホ表示 */
.PC {
    display: block;
}

.SP {
    display: none;
}

@media screen and (min-width:318px) and ( max-width:600px) {

    .PC {
        display: none;
    }

    .SP {
        display: block;
    }

}


/* Chapter01_01 : カラー
-----------------------------------------*/
.Navy100 {
    color: #165F92;
}

.Navy80 {
    color: #427DA6;
}

.Navy60 {
    color: #6F9CBA;
}

.Navy40 {
    color: #9CBBD0;
}

.Navy20 {
    color: #C9DAE4;
}


.Navy100BG {
    background: #165F92;
}

.Navy80BG {
    background: #427DA6;
}

.Navy60BG {
    background: #6F9CBA;
}

.Navy40BG {
    background: #9CBBD0;
}

.Navy20BG {
    background: #C9DAE4;
}


@media screen and (min-width:318px) and ( max-width:1024px) {
	
	.br { display: none; }
  
}/* 〜600px END */



/*---------------------------------------------------
  Chapter02 : フォーム
---------------------------------------------------*/

/* 丸囲み三角 */
.circletriangle_mark {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.2em;
    height: 1.2em;
    border: 0.1em solid currentColor;
    background: currentColor;
    border-radius: 50%;
    box-sizing: content-box;
    color: #165F92;
    line-height: 1;
}

.circletriangle_mark:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
    font-size: 0.7rem;
    color: #fff;
}

  
/* .circletriangle_mark::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0.25em 0.45em;
    border-left-color: currentColor;
    border-right: 0;
    transform: translateX(15%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: #fff;
} */


/* Google Map */
.googlemap {
    position: relative;
    padding-bottom: 55%;
    padding-top: 80px;
    height: 0;
    overflow: hidden;
}

.googlemap iframe,
.googlemap object,
.googlemap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*---------------------------------------------------
  Chapter03 : レイアウト
---------------------------------------------------*/
#container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: unset;
}


#main-wrap.fullpage #page-main {
    margin-bottom: 30px;
    padding: 5% 8%;
    background: #fff;
}


.BoxInner {
    width: 80vw;
    margin: 7% auto;
}

.PageInner {
    width: 80vw;
    margin: 7% auto;
}

/* ページインナー */
.PageContentsBox {
    padding: 10% 0;
}


/*---------------------------------------------------
  Chapter04 : ヘッダー
---------------------------------------------------*/
.header_small_menu {
    display: none;
    padding: 5px;
    font-size: 12px;
}

.header-wrap .header-logo {
    width: 100% !important;
}

/* ロゴ */
#logo, .logo {
    font-weight: 100;
    line-height: 1;
    margin-right: auto;
	margin-left: 3%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: initial;
    margin-bottom: 0;
}

.header-logo #nav ul li, #onlynav ul li, #nav_fixed #nav ul li {
    position: relative;
    float: left;
    margin-left: 0;
    text-indent: 0;
}


ul#mainnavul li a{
    color: #165F92;
}

.header-logo #nav ul li a,
.RecruitHeader #nav ul li a,
#onlynav ul li a,
#nav_fixed #nav ul li a {
    display: inline-block;
    line-height: unset;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    font-weight: bold;
    vertical-align: bottom;
    font-size: .9em;
}

.header-logo #nav ul li a,
.RecruitHeader #nav ul li a {
    padding: 1.5em 1.2em;
}

.RecruitHeader #nav ul li a {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    color: #165F92;
}

/*  サブメニュー */
ul.sub-menu {
}


.header-logo #nav ul li ul li{
    color: #fff;
    background: #165F92;
}

.header-logo #nav ul li ul li:hover{
    color: #165F92;
    background: #fff;
}

.header-logo #nav ul li ul a {
    font-size: .9em;
    padding: 1em;
    color: #fff;
}

.header-logo #nav ul li ul li a:hover{
    color: #165F92;
}


.NaviContactBtn,
.RecruitContactBtn {
    display: flex;
    justify-content: center;
    padding: 0%;
    background: #165F92;
}

.RecruitHeader #nav .RecruitContactBtn a{
    padding: 1.5em 3em;
    color: #fff;
}

.header-logo #nav ul .NaviContactBtn:hover,
.RecruitHeader #nav ul .NaviContactBtn:hover {
    background: #165F92;
}

ul#mainnavul .NaviContactBtn a,
#nav .NaviContactBtn a{
	color: #fff;
}

figure.single_thumbnail {
    display: none;
}

/* fixed時 */
#nav_fixed .header-logo {
    width: 100%;
    padding: 3px 0;
}

.header-logo {
    position: relative;
    margin: 0 auto;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

/* fixed時（お問い合わせ） */
#nav_fixed #nav .NaviContactBtn a {
	color: #fff;
}

#nav_fixed #nav .NaviContactBtn:hover {
    color: #165F92;
    border: 1px solid #165F92;
    background: #fff;
}

#nav_fixed #nav .NaviContactBtn a:hover {
	color: #165F92;
}


/* ナビ説明文 */
.menu_desc {
    display: none;
}


/*   Chapter04_01 : 採用情報
-----------------------------------------*/
.RecruitHeader.clearfix {
    display: flex;
    flex-direction: row;
    align-items: center;
}

ul#RecruitNavi {
    display: flex;
    align-items: center;
}



/*---------------------------------------------------
  Chapter05 : ヘッドタイトル
---------------------------------------------------*/
div#headimg {
    width: 100%;
}

.PageCaptionBox {
    margin: 0;
    padding: 2% 0 0 0;
}

.PageCaptionMarginBox {
    margin: 14% 0 0 0;
}

/* ページタイトル */
.PageMainTitle {
    font-family: 'Roboto', sans-serif;
    margin: 0 auto;
    padding: 0;
    font-size: 8rem;
    line-height: 1;
    text-align: left;
}

.PageMainSubTitle {
    margin: 0 auto;
    padding: 3% 0 0 0;
    font-size: 4vw;
    line-height: 1;
    text-align: left;
}

/* ページ日本語タイトル */
.PageSubTitle {
    margin: 0 auto;
    padding: 3% 0 0 0;
    font-size: 3vw;
    line-height: 1;
    text-align: left;
}


/*---------------------------------------------------
  Chapter06 : フッター
---------------------------------------------------*/

#footer {
    font-size: 12px;
    clear: both;
    margin-top: auto;
    margin-bottom: 0;
    background: #165f92;
}

#footer a {
    color: #fff;
}

.FooterMenu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 3% 5%;
}

.FooterContactArea {
    width: 30%;
}

/* 住所 */
p.footer-contact_address {
    margin: 2% 0 0;
    font-size: .9rem;
}


/* フッターメニュー */
ul.FooterSNSBox {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.FooterSNSBox li {
    margin: 0 8% 0 0;
    font-size: 30px;
    color: #fff;
}

#footer .FooterSNSBox li a {
    color: #fff;
}


/* メニューエリア */
#FooterMenuListBox {
    width: 55%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

#footer .menu li a{
	color: #fff;
}

h4.FooterMenuTitle {
    position: relative;
    font-weight: bold;
    font-size: 1.8em;
    padding: 0;
    margin: 0 0 5%;
}



ul#menu-footerleftmenu li,
ul#menu-footercentermenu li {
	margin: 0 0 8% 0;
    font-size: 16px;
}

ul#menu-footerrightmenu li{
    margin: 0 0 10% 0;
    font-size: 20px;
    font-weight: bold;
}


/* サブメニュー */
ul#menu-footerleftmenu li ul.sub-menu li, 
ul#menu-footercentermenu li ul.sub-menu li{
    margin: 2% 0;
    font-size: 16px;
}

/* GoogleCloud パートナー*/
p.GoogleCloudPartner_Text {
    margin: 2% 0;
}

/* reCAPTCHA */
p.footer_reCAPTCHA {
    text-align: center;
}

/* コピーライト */
div#copyright {
    display: flex;
    justify-content: center;
    align-items: center;
    float: none;
    text-align: center;
    padding: 1% 0;
    background: #fff;
}

div#copyright p{
    margin: 0 1% 0 0;
    color: #165F92;
}


@media screen and (min-width:318px) and ( max-width:600px) {
	
    .FooterMenu { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-evenly; padding: 8%; }

    h4.FooterMenuTitle {
        font-size: 1.6em;
        margin: 0 0 2%;
    }

    ul#menu-footerleftmenu li, ul#menu-footercentermenu li {
        margin: 0 0 2% 0;
        font-size: 14px;
    }

    ul#menu-footerrightmenu li {
        margin: 0 0 2% 0;
        font-size: 18px;
    }
	  
}/* 〜600px END */



/*---------------------------------------------------
  Chapter07 : パンくず
---------------------------------------------------*/

/* 投稿用 */
#SingleBread {
    margin: 1% 5% 0;
}

#SingleBread .p-breadcrumb {
    width: 100%;
    margin: 0 auto;
}


/* ページ */
#bread {
    width: 85%;
    margin: 8% auto 0;
}

.p-breadcrumb {

}

nav#breadcrumb {
    display: flex;
    background: #e0e0e0;
    margin: 0;
    padding: 0;
}

ol.p-breadcrumb__lists {
    display: flex;
    padding: 1%;
}

.p-breadcrumb__lists li,
.p-breadcrumb__lists li a{
    font-size: 1rem;
    font-weight: 500;
    color: #165F92;
}


/*---------------------------------------------------
  Chapter08 : ページネーション
---------------------------------------------------*/
.pagination {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    letter-spacing: 0;
}

.navigation {
    overflow: auto;
    margin: 0;
    background: #fff;
}

.pagination .nav-links{
    margin: 5% auto;
}

.pagination span.page-numbers {
    color: #fff;
    background: #165F92;
}

.pagination .page-numbers {
    border: 1px solid #165F92;
    color: #165F92;
    font-weight: bold;
    background: #fff;
}

.pagination .page-numbers:hover {
    color: #fff;
    background: #165F92;
}

.pagination .page-numbers::before {
    display: none;
}


span.page-numbers.dots {
    border: unset;
    color: #165F92;
    background: #fff;
}


/*---------------------------------------------------
  Chapter09 : CTA
---------------------------------------------------*/
.wp-block-cover.is-light.RecruitCtaBox {
    width: 85%;
    margin: 0 auto 5%;
    padding: 5% 0;
    border-radius: 10px;
}


.cta_title {
    display: none;
}

.cta_thumbnail {
    display: none;
}

.cta_content {
    padding: 0;
    overflow: auto;
}

.cta_content p {
    padding-bottom: 0;
}

.cta_content .wp-block-cover{
    margin-bottom: 0;
}

.cta_content .content {
    font-size: 1em;
    line-height: 2;
    padding-top: 0;
    margin-bottom: 0;
    background: none;
}

.cta_content .wp-block-buttons {
    display: flex;
    justify-content: center;
    margin: 3% 0 0;
}

.wp-block-cover.is-light.ctaBox {
    padding: 5% 0;
}

.PageContents .CtaTitle,
.content .CtaTitle,
.is-layout-constrained .CtaTitle,
.CtaTitle {
    margin: 0 0 3%;
    padding: 0;
    font-size: 3rem;
    text-align: center;
    border-bottom: unset;
}

.cta_content .wp-block-buttons {
    margin: 3% 0 0;
}


/*---------------------------------------------------------
  Chapter10 : TOPページボタン
---------------------------------------------------------*/

.ContactTrackingBox {
    display: block;
}
  
/* ページTOP */
#page-top {
    position: fixed;
    right: 2%;
    font-size: 77%;
    z-index: 998;
}
  
#page-top a {
    color: #fff;
}

.ContactTrackingBox #page-top a {
    text-decoration: none;
    color: #fff;
    width: 70px;
    height: 70px;
    font-size: 25px;
    line-height: 1;
    padding: 22px 0;
    text-align: center;
    display: block;
    border-radius: 50%;
    background: #165F92;
}

#page-top a::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f106';
    font-size: 40px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
  
  #MailContact a::before:hover{
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
  }
  
  
  /*リンクを右下に固定*/
  .ContactTrackingBox {
    position: fixed;
    right: 1%;
    z-index: 2;
    opacity: 0;
    transform: translateY(100px);
  }
  
  
  /*　上に上がる動き　*/
  .ContactTrackingBox.UpMove{
      animation: UpAnime 0.5s forwards;
  }
  @keyframes UpAnime{
    from {
      opacity: 0;
      transform: translateY(400px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  
  /*　下に下がる動き　*/
  .ContactTrackingBox.DownMove{
      animation: DownAnime 0.5s forwards;
  }
  @keyframes DownAnime{
    from {
        opacity: 1;
      transform: translateY(0);
    }
    to {
        opacity: 1;
      transform: translateY(400px);
    }
  }
  
  @media screen and (min-width:351px) and ( max-width:999px) {
    .ContactTrackingBox {
      display: none;
    }
  }
  

/*---------------------------------------------------
　Chapter11 : ハンバーガーメニュー
---------------------------------------------------*/
.header-wrap .drawer-nav-btn-wrap,
.drawer-nav-btn-wrap {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    width: 55px;
    height: 100%;
}


/*---------------------------------------------------
　Chapter12 : スマホメニュー
---------------------------------------------------*/
  

  

/*---------------------------------------------------
  Chapter13 : ブログ（投稿）
---------------------------------------------------*/


/* 非常時リスト
-----------------------------------------*/
.singletop-widget {
    display: none;
}

div#pickup_posts_container {
    display: none;
}

.content_area_side {
    display: none;
}


/* レイアウト
-----------------------------------------*/

/* コンテンツエリア */
div#single_inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    width: 85vw;
    margin: 5% auto 10%;
}

.SingleContents {
    width: 60vw;
    margin: 0 5% 0 0;
}


/* サイドバー */
#sidebar {
    width: 310px;
}


.PostCardBox {
    width: 80vw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 3% auto;
}

/* ポストカード */
article.PostCardItem {
    width: calc(100% / 3.5);
    margin: 0 0 3% 0;
}

.CasePostList:nth-child(3n) {
    margin: 0;
}

.PostCardTumbnail {
    height: 170px;
    overflow: hidden;
    border-radius: 10px;
}

/* サムネイル */
figure.post-cardthumbnail {
    height: 200px;
    overflow: hidden;
}

.PostCardTumbnail img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
}

.PostCardInfoBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5% 0 0;
}



/* カテゴリー */
.PostCardCategory {
    padding: 2%;
    font-size: 0.8rem;
    color: #fff;
    border-radius: 10px;
    background: #19B4D2;
}

.PostCardCategory a{
    color: #fff;
}

/* 公開日 */
p.PostCardDay {
    margin: 0;
    font-size: 1rem;
    text-align: right;
    color: #666666;
    font-weight: bold;
}

/* タイトル */
.PostCardTitle {
    margin: 3% 0 2%;
    padding: 0;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #666666;
    font-weight: bold;
}


/* カテゴリー
-----------------------------------------*/
/* 営業 */
.CategoryLabel.label_sales {
    margin: 0;
    padding: 1% 2%;
    font-size: .8rem;
    color: #fff;
    border-radius: 5px;
    background: #31B1EC;
}



/* タグ
-----------------------------------------*/

/* サービス専用タグ */
.CasePostTagsList {

}

.CasePostTagsList ul.tag-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    height: 50px;
}

.CasePostTagsList ul.tag-list li {
    margin: 0 6% 0 0;
}

.CasePostTagsList li a {
    display: inline-block;
    padding: 2% 5%;
    font-size: .7rem;
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
    white-space: nowrap;
}


.CasePostTagsList li a:before {
    content: "#";
}


/* テクニカルアドバイザリー */
.TagLabel.label_technical_advisory {
    background: #165F92;
}

/* テクニカルコンサルティング */
.TagLabel.label_technical_consulting {
    background: #00A0E9;
}

/* ベストプラティクスセミナー */
.TagLabel.label_best-practice_seminar {
    background: #4285F4;
}

/* 開発受託 */
.TagLabel.label_contractdevelopment {
    background: #F3AA32;
}

/* Google Workspace */
.TagLabel.label_googleworkspace {
    background: #34A853;
}

/* 支払い代行サービス */
.TagLabel.label_paymentagency_service {
    background: #188038;
}


/* 社員紹介専用タグ */
ul.tag-list {

}

ul.tag-list li {
    margin: 3% 0 0;
}

/* 営業 */
.TagLabel.label_sales {
    margin: 0;
    padding: 1% 2%;
    font-size: .8rem;
    color: #fff;
    border-radius: 5px;
    background: #31B1EC;
}

/* エンジニア */
.TagLabel.label_engineer {
    margin: 0;
    padding: 1% 2%;
    font-size: .8rem;
    color: #fff;
    border-radius: 5px;
    background: #F39800;
}

/* デザイナー */
.TagLabel.label_designer {
    margin: 0;
    padding: 1% 2%;
    font-size: .8rem;
    color: #fff;
    border-radius: 5px;
    background: #65C18C;
}



/* NEWマーク */
span.PostNewMark {
    margin: 0 0.5% 0 2%;
    padding: 1%;
    font-size: 0.8rem;
    color: #fff;
    line-height: 1;
    border-radius: 5px;
    background: #F39800;
}


/* SNS */
header .share {
    padding: 20px 0;
}


/* 目次
-----------------------------------------*/
#toc_container {
    background: #f9f9f9;
    border: 1px solid #aaa;
    padding: 30px;
    margin-bottom: 1em;
    width: 100%;
    display: table;
    font-size: 95%;
}



/* お知らせ投稿
-----------------------------------------*/

/* タイトル */
.SingleOneTitle {
    margin: 2% 0 1%;
    padding: 0;
    font-size: 2rem;
    line-height: 1.5;
    color: #333;
}

/* 公開日 */
.byline {
    margin: 0 0 1%;
    padding: 0;
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: bold;
    color: #165F92;
}

/* カテゴリー */
.SingleOneCategory {
    display: inline-block;
    margin: 0 0 1%;
    padding: 1%;
    font-size: .8rem;
    line-height: 1.5;
    font-weight: bold;
    border-radius: 5px;
    background: #F39800;
}

.SingleOneCategory a{
    color: #fff;
}



/*---------------------------------------------------
  Chapter14 : アーカイブ
---------------------------------------------------*/
.ArchivesLayoutBox {
    width: 80vw;
    margin: 5% auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.PostCardTumbnail {
    height: auto;
    overflow: hidden;
    border-radius: 10px;
}


/*---------------------------------------------------
  Chapter15 : フロント
---------------------------------------------------*/

/* レイアウト
-----------------------------------------*/
section.FrontLayout{
    margin: 8% auto 5%;
}

/* タイトル・テキスト
-----------------------------------------*/
.FrontMainTitle {
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    font-size: 8rem;
    line-height: 0.8;
    text-align: left;
}

.ServiceTitle {
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 2% 0;
    font-size: 4rem;
    line-height: 0.8;
    text-align: left;
}


/* ファーストビュー
-----------------------------------------*/
.FirstViewBox {
    position: relative;
}

/* 背景画像 */
.FirstViewBack {

}

.wp-block-image.FirstViewBack img {
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    width: 100%;
    vertical-align: bottom;
}

/* テキストボックス */
.FirstViewTextBox {
    position: absolute;
    margin: 0;
    padding: 2%;
}

/* タイトル */
.content .FirstViewTitle,
.FirstViewTitle {
    margin: 0;
    padding: .5em 0 0;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 2.1rem;
    line-height: 1.2;
    text-align: left;
    font-weight: bold;
    color: #333;
}

/* テキスト */
body .is-layout-constrained > .FirstViewText,
.FirstViewText {
    width: 35%;
    margin: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: .5em 0 1.5em 0;
    font-size: .8rem;
    line-height: 1.5;
    text-align: left;
    font-weight: 500;
    color: #333;
}

/* コンタクトボックス */
.FirstViewContact {
    display: flex;
    justify-content: flex-start;
}

.FirstViewContact .ButtonTYPE01 {
    border-radius: 10px;
}

.FirstViewContact .ButtonTYPE01 .wp-block-button__link{
    width: 100%;
    margin: 0 2% 2% 3%;
    padding: .8rem 1.2rem;
    font-size: .8rem;
    color: #fff;
    border: 1px solid #165F92;
    border-radius: 10px;
    background: #165F92;
}

.FirstViewContact .ButtonTYPE01 .wp-block-button__link:hover {
    color: #165F92;
    border: 1px solid #165F92;
    background: #fff;
}

.FirstViewContact .ContactIcon::before, 
.FirstViewContact .DownloadIcon::before {
	font-family: "Font Awesome 5 Free";
    font-size: 1rem;
	font-weight: 900;
    padding: 0 0.5rem 0 0;
}

/* お問い合わせアイコン */
.FirstViewContact .ContactIcon::before {
	content: "\f0e0";
}

/* 資料ダウンロードアイコン */
.FirstViewContact .DownloadIcon::before {
	content: "\f46d";
}

.wp-block-group.angle_scrollBox {
    margin: 1% 0;
}

.angle_scroll {
    margin: 1% 0;
}


/* 画像スクロール
-----------------------------------------*/
.angle_scroll {

}

.infiniteslide{

}

li.SlideWorks.slick-slide {
	height: 220px;
}

.angle_scroll .SlideWorks {
    margin: 0;
}

.angle_scroll .SlideWorks img {
    border-radius: 0;
}



/* ニュースティッカー
-----------------------------------------*/

/* お知らせロール */
.NewsRollBox {
    display: flex;
    width: 100%;
    padding: 1% 0 1% 6%;
    background: #EBEBEB;
}

.NewsRoll {
  width: 100%;
  height: 30px;
  padding: 0;
  overflow: hidden;
}

.NewsRoll ul {
  position: relative;
  list-style: none;
  height: 100%;
  padding: 0;
  margin: 0;
}

.NewsRollItem {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-right: 0;
  opacity: 0;
}

.NewsRollItem a {
  display: inline-block;
  width: auto;
  font-size: 1.2vw;
  color: #333;
  white-space: nowrap;
  text-decoration: none;
  transition: transform 3s linear;
}

.NewsRollData {
  font-weight: bold;
}

.NewsRollTitle {
  margin-left: 10px;
}

.ticker-new {
  color: red;
  margin-left: 10px;
  animation: blink 1s ease-in-out infinite alternate;
}

.fadeInDown {
  opacity: 0;
}

.fadeInDown.run {
  animation: fadeInDown 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}

.fadeOutDown {
  opacity: 1;
}

.fadeOutDown.run {
  animation: fadeOutDown 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(30px);
  }
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}


/* 選ばれる理由
-----------------------------------------*/
.FrontMessageSubTitle {
    margin: 0 0 2%;
    padding: 0%;
    font-size: 1.4rem;
    color: #4B4B4B;
    font-weight: bold;
    text-align: center;
}

/* ロゴ */
.FrontMessage img {
    display: flex;
    margin: 1% auto;
}


/* タイトル */
.FrontBusinessTitleBox {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
}

.FrontBusinessTitle {
    display: inline-block;
    margin: 0.5% auto;
    padding: 0 1%;
    font-size: 2rem;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    border-radius: 0;
    background-color: #165F92;
    background: -moz-linear-gradient(60deg,#165F92 30%,#00A0E9 100%);
    background: -webkit-linear-gradient(60deg,#165F92 30%,#00A0E9 100%);
    background: linear-gradient(60deg,#165F92 30%,#00A0E9 100%);
}

/* 説明文 */
.FrontMessageText {
    margin: 2% 0 0;
    padding: 0%;
    font-size: 1.1rem;
    line-height: 1.8;
    color: #333;
    text-align: center;
}


/* メインタイトル */
.ChooseusItemTitle {
    margin: 2% auto;
    padding: 3% 0 0 0;
    font-size: 2.5rem;
    line-height: 1.5;
    text-align: left;
}

/* サブタイトル */
.ChooseusItemSubTitle {
    margin: 0;
    padding:0;
    font-size: 1.5rem;
    line-height: 1.5;
    text-align: left;
    font-weight: bold;
}

.ChooseusItemBox {
    display: flex;
    justify-content: space-between;
    margin: 50px 0;
}

/* ボックスデザイン */
.ChooseusItem {
    width: calc(100% / 3.2);
    padding: 1% 1.5%;
    border-radius: 20px;
    background: #fff;
    box-shadow: 5px 4px 20px #ccc;
    transition: all 300ms ease-out;
}

/* アイコン */
.ChooseusItem img {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.wp-block-group.ChooseusTextBox.is-layout-constrained.wp-block-group-is-layout-constrained {
    margin: 7% 2%;
}

/* タイトル */
.ChooseusTitle {
    height: 9vh;
    margin: 2% auto;
    padding: 3% 0 0 0;
    font-size: 1.1rem;
    line-height: 1.5;
    text-align: left;
}

/* テキスト */
.ChooseusText {
    font-size: 0.8rem;
    line-height: 1.5;
    text-align: left;
    color: #666;
}


/* SERVICE紹介
-----------------------------------------*/
.TextCenter {
    text-align: center;
}

/* キャッチコピー */
.ServiceCatchSubTitle {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5% 0 2%;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
    color: #666;
    font-weight: bold;
}

.ServiceCatchSubTitle::before,
.ServiceCatchSubTitle::after {
    content: "";
    height: 3px;
    width: 25px;
    border-radius: 5px;
    background-color: #666;
}

.ServiceCatchSubTitle::before {
    margin-right: 5px;
    transform: rotate(60deg);
}

.ServiceCatchSubTitle::after {
    margin-left: 5px;
    transform: rotate(-60deg);
}


/* タイトル */
.ServiceCatchTitle {
    margin: 0 auto;
    padding: 0 0 2%;
    font-size: 2.5rem;
    line-height: 1.5;
    text-align: center;
}

.ServiceCatchText {
    font-size: 1.2rem;
    line-height: 1.8;
    text-align: center;
    color: #666;
    font-weight: bold;
}


/* サービス紹介 */
.PageServiceBox {
    margin: 15% 0 0;
}

.ServiceListBox {
    position: relative;
    height: 250px;
    margin: 10% 0 15%;
}

/*  */
.ServiceListBox:nth-child(3) .ServiceListItem{
    flex-direction: row-reverse;
    padding: 0 10% 0 5%;
}

.ServiceListBox:nth-child(3) .ServiceListBuck {
    right: 0;
    border-radius: 15px 0 0 15px;
    margin: 1.5% 0 0 20%;
}


.ServiceListBox:nth-child(4) {
    margin: 15% 0 13%;
}

.ServiceListBox:nth-child(4) .ServiceListBuck {
    margin: 2% 0 13%;
}

/* 背景 */
.ServiceListBuck {
    position: absolute;
    width: 80%;
    height: 250px;
    border-radius: 0 15px 15px 0;
    background: #E3ECF1;
}

/* 情報エリア */
.ServiceListItem {
    position: absolute;
    bottom: 30px;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 0 5% 0 10%;
}

.ServiceListTextBox {
    width: 100%;
    padding: 0;
}

/* キャッチコピー */
.ServiceListCatch {
    margin: 0 0 1%;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #666;
}

/* タイトル */
.ServiceListTitle {
    display: inline-block;
    margin: 0;
    padding: 0 3%;
    border-radius: 0;
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    background-color: #165F92;
    background: -moz-linear-gradient(60deg,#165F92 30%,#00A0E9 100%);
    background: -webkit-linear-gradient(60deg,#165F92 30%,#00A0E9 100%);
    background: linear-gradient(60deg,#165F92 30%,#00A0E9 100%);
}

.ServiceListTitle>span {
    font-size: 1.1rem;
}

/* テキスト */
.ServiceListText {
    margin: 2% 0 3%;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #666;
}

/* 画像 */
.ServiceListPhoto {
    width: 90%;
    padding: 0;
}

/* ボタン */
.ButtonTYPE04 .wp-block-button a,
a.ButtonTYPE04 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 40%;
    margin: 2% 0;
    padding: .7rem 1rem;
    font-weight: bold;
    color: #fff;
    text-align: left;
    text-decoration: none;
    border-radius: 90px;
    background: #9CBBD0;
    transition: 0.3s;
}


.ButtonTYPE04  .wp-block-button{
    width: 40%;
}

.ButtonTYPE04 .wp-block-button a {
    width: 100%;
}

.ButtonTYPE04 .wp-block-button a::after,
a.ButtonTYPE04::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    font-size: 1rem;
    color: #fff;
    margin: 0 0 0 5%;
}
  
/* hover時 */
.ButtonTYPE04 .wp-block-button a:hover,
a.ButtonTYPE04:hover {
    color: #9CBBD0;
    border: 1px solid #9CBBD0;
    background: #fff;
}
  
.ButtonTYPE04 .wp-block-button a:hover::after,
a.ButtonTYPE04:hover::after {
    color: #9CBBD0;
}

.FrontServiceBtn {
    margin: 5% 10%;
}




/* 会社概要・採用情報
-----------------------------------------*/
/* 全幅画像 */
.FrontPhotoBox {
    position: relative;
    margin: 0 0 30%;
}

.FrontPhotoBox img{
    width: 100%;
}

/* 重箱テキスト */
.FrontInfoBox {
    position: absolute;
    top: 80%;
    left: 10%;
}

.FrontInfoText {
    width: 80vw;
    margin: 2% auto 3%;
    font-size: 1.8rem;
    line-height: 1.5;
    text-align: left;
    font-weight: bold;
    color: #165F92;
}

/* リンクテキストボックス */
.FrontLinkLayout {
    width: 80vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}


/* リンクテキスト */
.FrontTitleLink {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin: 0 0 0 auto;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: left;
    font-weight: bold;
    color: #165F92;
}

.FrontTitleLink p {
    margin: 0 1% 0 0;
    margin-bottom: 0;
}


/* ニュース一覧リンクテキスト */
body .is-layout-constrained >.FrontNewsTitleLink,
.FrontNewsTitleLink {
    width: 100%;
    margin-left: 0 !important;
    margin-right: auto !important;
    margin: 0 0 0 auto;
    font-size: 1.5rem;
    line-height: 1.5;
    text-align: left;
    font-weight: bold;
    color: #165F92;
}

.FrontNewsTitleLink a {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #165F92;
}

.FrontNewsTitleLink a>span {
    margin: 0 0 0 1%;
}

/* 丸ボタン */
.ButtonTYPE03 {
    width: 45%;
  }
  
  a.ButtonTYPE03 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 30%;
    margin: 2% 0;
    padding: 1rem;
    font-weight: bold;
    color: #165F92;
    text-align: left;
    text-decoration: none;
    border: 1px solid #165F92;
    border-radius: 90px;
    background: #fff;
    transition: 0.3s;
}
  
a.ButtonTYPE03::after {
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    font-size: 1rem;
    color: #165F92;
    margin: 0 0 0 5%;
}
  
/* hover時 */
a.ButtonTYPE03:hover {
    color: #fff;
    background: #165F92;
}
  
a.ButtonTYPE03:hover::after {
    color: #fff;
}


/* NEWS
-----------------------------------------*/
.FrontNewsPost {
    margin: 0;
}

p.FrontNewsPostDay {
    margin: 0;
    font-weight: bold;
}

.FrontNewsPostTitle {
    font-size: 1em;
    padding: 0;
    margin: 1em;
    font-weight: bold;
}

.FrontNewsPostTitle a{
    color: #1F4D7E;
}



/*---------------------------------------------------
  Chapter16 : 企業概要
---------------------------------------------------*/
.AboutUsMessageinner {
    position: relative;
    display: block;
    margin: 0 0 35%;
}

.AboutUsMessageBox {
    position: absolute;
    width: 80%;
    top: 140%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    margin: 0 auto;
    padding: 3%;
    border-radius: 20px;
    background: #fff;
    box-shadow: 5px 4px 20px #ccc;
    transition: all 300ms ease-out;
}


/*---------------------------------------------------
  Chapter17 : SERVICE詳細ページ
---------------------------------------------------*/


/* キャッチコピー
-----------------------------------------*/
.is-layout-constrained .ServiceCopyText,
.ServiceCopyText {
    font-size: 2rem;
    text-align: center;
    line-height: 1.5;
    font-weight: bold;
    color: #165F92;
    border-bottom: unset;
}


/* タイトル
-----------------------------------------*/
.PageContents .ServiceSubTitle,
.content .ServiceSubTitle,
.is-layout-constrained .ServiceSubTitle,
.ServiceSubTitle {
    margin: 8% 0 3%;
    padding: 0;
    font-size: 3rem;
    text-align: center;
    border-bottom: unset;
}



/* 解決できる課題
-----------------------------------------*/
.AssignmentListText {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-bottom: 0;
    width: 90%;
    margin: 0 auto;
    font-size: 1.5rem;
    font-weight: 500;
    color: #165F92;
}


/* 選ばれる理由
-----------------------------------------*/
.ServiceSelectionItem {
    display: flex;
    align-items: flex-start;
}

.is-layout-constrained .ServiceSelectionTextBox {
    margin: 3% 0 0;
    width: 70%;
}

.ServiceSelectionTitle {
    margin: 3% auto 0;
    padding: 1% 1%;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: left;
    color: #fff;
    border-radius: 0;
    background-color: #165F92;
    background: -moz-linear-gradient(60deg,#165F92 30%,#00A0E9 100%);
    background: -webkit-linear-gradient(60deg,#165F92 30%,#00A0E9 100%);
    background: linear-gradient(60deg,#165F92 30%,#00A0E9 100%);
}

p.ServiceSelectionText {
    margin: 3% 0 0;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.8;
    color: #666;
}


/* 料金
-----------------------------------------*/
.SeminarPriceBox {
    width: 55vw;
    margin: 0 auto;
    padding: 3%;
    border-radius: 20px;
    background-color: #165F92;
}

.SeminarPrice table{
    padding: 3%;
    border: unset;
    border-radius: 20px;
    background-color: #165F92;
}

.SeminarPrice tr{
    border-bottom: 1px solid #fff;
}

.SeminarPrice td {
    padding: 4% 1%;
    border: unset;
    border-radius: 20px;
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
    background-color: #165F92;
}

.SeminarPrice tr td:nth-child(2){
    text-align: right;
}


.SeminarInfoTab {
    display: inline-block;
    margin: 5% 0 1%;
    padding: 1%;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.2;
    color: #165F92;
    background: #fff;
}

.SeminarInfoText {
    margin: 1% 0 3%;
    padding: 1% 0 2%;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.8;
    color: #fff;
    border-bottom: 1px solid #fff;
}

.SeminarInfoRemarks {
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.8;
    color: #fff;
}


/*  */
.PriceListBox {

}

.PriceListTitleBox {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -15%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: 5px 4px 20px #00000047;
    transition: all 300ms ease-out;
    background: #fff;
}

.PriceListTitle {
    margin: 0;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.8;
}

.PriceListItem {
    position: relative;
    padding: 4% 3%;
    border: unset;
    border-radius: 20px;
}

/* 料金表 */
.PriceListTable table{
    margin: 15% 0 0;
    border: unset;
}

.PriceListTable tr {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.PriceListTable td {
    padding: 10px 0;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.8;
    color: #fff;
    border: unset;
}

.PriceListTextBox {
    margin: 8% 0 0;
}

p.PriceListTextTitle {
    display: inline-block;
    padding: 5px;
    border-radius: 5px;
    font-size: .9rem;
    font-weight: bold;
    line-height: 1.2;
    background: #fff;
}

p.PriceListText {
    margin: 3% 0 0;
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
}



/* メイン事業紹介
-----------------------------------------*/
figure.wp-block-image.size-full.ServiceMainBusinessKV {
    max-width: 100%;
}

.PageServiceBox {

}

/*  */
.PageServiceBox .ServiceListBox:nth-child(2) .ServiceListItem {
    top: 0;
    flex-direction: row-reverse;
    padding: 0 10% 0 5%;
}

.PageServiceBox .ServiceListBox:nth-child(2) .ServiceListBuck {
    border-radius: 15px 0 0 15px;
    margin-left: 20% !important;
    right: 0;
}

.PageServiceBox .ServiceListBox:nth-child(3) .ServiceListItem {
    flex-direction: row;
    padding: 0 5% 0 10%;
    bottom: calc( 5 / 1024 * 100vw);
}

.PageServiceBox .ServiceListBox:nth-child(3) .ServiceListBuck {
    right: auto;
    border-radius: 0 15px 15px 0;
}


/* アプリ・プロダクト紹介
-----------------------------------------*/
.ProductBox {
    position: relative;
    margin: 10% 0;
    padding: 5% 10%;
    background: #F4FBFF;
}


.ProductMainTitle {
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    display: inline-block;
    margin: 0 auto;
    padding: 0 1%;
    font-size: 2rem;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    border-radius: 0;
    background-color: #F39800;
    background: -moz-linear-gradient(60deg,#F39800 30%,#F5D296 100%);
    background: -webkit-linear-gradient(60deg,#F39800 30%,#F5D296 100%);
    background: linear-gradient(60deg,#F39800 30%,#F5D296 100%);
}


.ProductListBox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* 紹介ボックス */
.ProductItem {
    width: calc(100%/3.3);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0;
}

.ProductItem img{

}

/* タイトル */
.ProductTitle {
    margin: 2% 0;
    padding: 0;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.5;
    color: #165F92;
    text-align: center;
}

/* テキスト */
.ProductText {
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
}



/*---------------------------------------------------
  Chapter18 : 採用情報
---------------------------------------------------*/
.RecruitVisual {

}

.RecruitVisual img{
    width: 100%;
}

.RecruitItemBox {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 2% 0 9%;
}

.RecruitItemBox:nth-child(2) {
    flex-direction: row-reverse;
}

.RecruitTextBox {
    width: 70%;
    position: absolute;
    bottom: 5%;
}

.RecruitTextItem {
    padding: 2%;
    border-radius: 30px;
    background: #ffffffb5;
    box-shadow: 7px 5px 5px rgb(0 0 0 / 9%);
    transition: all 300ms ease-out;
}

/* タイトル */
.content .wp-block-heading.RecruitTitle,
.RecruitTitle {
    margin: 0;
    padding: 0;
    font-size: 4.8rem;
    font-weight: bold;
	line-height: 1.5;
}

/* サブタイトル */
.content .wp-block-heading.RecruitSubTitle,
.RecruitSubTitle {
    margin: 0 0 3%;
    padding: 0;
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.5;
    border-bottom: unset;
}


/* キャッチコピー */
.RecruitCatch {
    margin: 0;
    font-size: 1.5rem;
    font-weight: bold;
    color: #427DA6;
    line-height: 1.5;
}

/* テキスト */
.RecruitText {
    margin: 2% 0 0;
    font-size: 1rem;
    font-weight: 500;
    color: #666;
    line-height: 1.8;
}

.RecruitListText {
    margin: 2% 0 0;
    font-size: .8rem;
    font-weight: 500;
    color: #666;
    line-height: 1.8;
}

.RecruitListText li {
    margin-left: 1em;
    padding: 0 0 0 1%;
    text-indent: -1em;
}

.RightTitle {
    text-align: right;
}


/* 採用広報ブログタイトル */
.FrontInfoBox .FrontMainTitle {
    font-size: 6rem;
    line-height: 1;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* リンクボタン */
.RecruitBtn {
    display: flex;
    justify-content: center;
}

.RecruitBtn .ButtonTYPE03{
    display: flex;
    justify-content: center;
}




/*---------------------------------------------------
  Chapter19 : よくある質問
---------------------------------------------------*/

h2#fq_Seminar,
h2#fq_Consulting,
h2#fq_Gcp {
    margin: 0 auto 5%;
}

.FAQBox {
    margin: 2% auto;
}

.wp-block-buttons.FAQAnkerBox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}



/*---------------------------------------------------
  Chapter20 : お問い合わせ
---------------------------------------------------*/
.ContactBox {
    width: 88vw;
    margin: 5% auto;
}

.ContactInfoBox {
    display: flex;
    flex-direction: row;
}


.ContactTextBox {
    width: 40%;
    margin: 0 5% 0 0;
}

.ContactTextBox .ContactInfoText {
    font-size: 20px;
    font-weight: 500;
	color: #000;
	line-height: 1.8;
}

.ContactFormsBox {
    width: 60%;
}


/* テキスト */
p.ContactText {
    font-size: 18px;
    font-weight: 600;
	color: #000;
}

/* 入力フォーム */
p.ContactForms {
    margin: 1em 0 2em;
}

/* 必須マーク */
span.Required {
	margin: 0 10px 0 0;
    padding: 8px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
	color: #fff;
	background: #FF0000;
}

/* 任意マーク */
span.Any {
	margin: 0 10px 0 0;
    padding: 8px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
	color: #000;
	background: #15D9FD;
}

/* フォーム */
.ContactForms input[type=text], .ContactForms input[type=password], .ContactForms input[type=email], .ContactForms input[type=search], .ContactForms input[type=url], .ContactForms input[type=tel], .ContactForms input[type=number], .ContactForms input[type=date], .ContactForms textarea {
    margin: 0;
    padding: 20px 10px;
    max-width: 100%;
    width: 100%;
    outline: none;
    border: unset;
    border-radius: 5px;
    color: #777;
    vertical-align: bottom;
    font-size: 15px;
    background-color: #f7f7f7;
    box-shadow: 5px 5px 8px 3px #e3e3e3 inset;
}


/* セレクトボックス */
.ContactForms select {
    width: 40%;
    padding: 15px;
    border: unset;
	border-radius: 5px;
    color: #777;
	background: #f7f7f7;
	box-shadow: 5px 5px 8px 3px #e3e3e3 inset;
}


input::placeholder {
	font-size: .9em;
	color: #777;
}



/* 年齢 */
span.wpcf7-form-control-wrap input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number {
    width: 20%;
}

/* プライバシーポリシーチェック */
.wpcf7-list-item {
    display: inline-block;
    margin: 0;
}

p.ContactCheckText {
    font-size: 18px;
    font-weight: 600;
	color: #000;
}


/* お問い合わせ種別 */
.SelectBox .wpcf7-checkbox{
    display: flex;
    flex-direction: column;
}

.SelectBox .wpcf7-list-item {
    display: inline-block;
    margin: 1%;
}


/* チェックボックス */
.ContactCheckText input[type="checkbox"] {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ContactCheckText input[type="checkbox"] {
    cursor: pointer;
    padding-left: 30px;/*label手前にチェックボックス用の余白を開ける*/
    vertical-align: middle;
    position: relative;
}
 
.ContactCheckText input[type="checkbox"]::before,
.ContactCheckText input[type="checkbox"]::after {
    content: "";
    display: block; 
    position: absolute;
}
 
.ContactCheckText input[type="checkbox"]::before {
    width: 20px;/*チェックボックスの横幅*/
    height: 20px;/*チェックボックスの縦幅*/
    transform: translateY(-50%);
    top: 50%;
    left: 5px;
    border-radius: 0%;
	background-color: #d7d7d7;
}
 
.ContactCheckText input[type="checkbox"]::after {
    opacity: 0;
	width: 20px;
    height: 10px;
    top: -4px;
    left: 10px;
	transform: rotate(-45deg);
	border-bottom: 3px solid #333;
    border-left: 3px solid #333;
}
 
.ContactCheckText input[type="checkbox"]:checked::after {
    opacity: 1;/*チェック後表示*/
}

.ContactCheckText input[type="checkbox"]:checked::before {
	background-color: #F39800;
}

/* 送信ボタン */
.wpcf7-form-control.wpcf7-submit {
    display: block;
    margin: 0 auto;
    padding: 1em 7em;
	font-size: 20px;
	color: #fff;
    background: #F39800;
}

/* チェックした場合 */
.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed;
    background: #CDD6DD;
}



/*   Chapter06_01 : contact7警告文
-----------------------------------------*/
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: unset;
    color: #fff;
    background: #FF0000;
}

.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
    border-color: unset;
    color: #fff;
    background: #FF0000;
}

.wpcf7 form.sent .wpcf7-response-output {
    display: none;
}


/*---------------------------------------------------
  Chapter21 : お知らせ
---------------------------------------------------*/
.NewsPostListBox {
    width: 80vw;
    margin: 5% auto;
}

article.NewsPostList {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    border-bottom: 1px #CCCCCC solid;
}

p.NewsPostDay {
    margin: 0;
    font-weight: bold;
}

.NewsPostTitle{
    font-size: 1.2em;
    padding: 0 1em;
    margin: 1em 0 ;
    font-weight: bold;
}

.NewsPostTitle a{
	color: #004BB1;
}

.NewsPostLink {
    margin: 0 0 0 auto;
}



/*---------------------------------------------------
  Chapter22 : 資料ダウンロード
---------------------------------------------------*/
.DocumentsDownloadBox {
    width: 80vw;
    margin: 5% auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.DocumentsDownloadItem {
    width: 31%;
    margin: 0 1%;
}



/*---------------------------------------------------
  Chapter23 : 事例一覧（ページ内）
---------------------------------------------------*/
.CasePosListTitleBox {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.CasePosListTitleBox>h2 {
    font-size: 8rem;
}

.CasePostListTitle {
    position: relative;
    width: 80vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

h2#PostBook {
    margin: 0;
    padding: 0;
    font-size: 4rem;
    text-align: center;
}

p.CategoryLink {
    position: absolute;
    right: 0;
    width: 15%;
    font-size: 1.5rem;
    margin: 0 0 0 auto;
}

p.CategoryLink a {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 900;
    color: #165F92;
    justify-content: space-between;
}

.CasePostListBox {
    width: 80vw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 3% auto;
}

article.CasePostList {
    width: calc(100% / 3.5);
    margin: 0 2% 3% 0;
}

.CasePostList:nth-child(3n) {
    margin: 0;
}

/* カテゴリー */
.CasePostCategory {
    margin: 5% 0 0;
}

.CasePostCategory a {
    font-size: 0.9vw;
    padding: 2% 2%;
    border: 1px #000 solid;
}


/* タイトル */
h4.CasePostTitle {
    margin: 4% 0 0;
    padding: 0;
    height: 60px;
    line-height: 1.5;
}

/* 公開日 */
p.CasePostDay {
    margin: 0;
    font-size: .8rem;
    text-align: right;
    color: #666666;
}

/* テキスト */
p.DocumentsDownloadText {
    margin: 3% 0;
    font-size: 1rem;
    color: #666666;
}

/* タグ */
.CasePostTagsList {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    height: 100px;
}

li.CasePostTags {
    margin: 0 2% 0 0;
    line-height: 1.5;
}

li.CasePostTags:nth-child(even) {
    margin: 0;
}

li.CasePostTags a {
    font-size: 0.7rem;
    font-weight: bold;
    color: #165F92;
}

li.CasePostTags a:before {
	content: "#";
	color: #165F92;
}

p.CasePostLink {
    margin: 5% 0 0;
    font-size: 0.9rem;
    font-weight: bold;
    text-align: right;
    color: #00A0E9;
}

p.CasePostLink a{
    color: #00A0E9;
}

@media screen and (min-width:318px) and ( max-width:600px) {

	article.CasePostList { width: 100%; margin: 0 0 5% 0; }

	  
	  
}/* 〜600px END */





/*---------------------------------------------------------
  Chapter99_01 : 大型モニター（1500px〜）
---------------------------------------------------------*/
@media screen and (min-width: 1500px) {
      

	/*---------- レイアウト ：1500px〜  ----------*/
    .PageInner { width: 85vw; }
  

	/*---------- ファーストビュー ：1500px〜  ----------*/
    h2.wp-block-heading.FirstViewTitle.is-style-default.has-text-color { font-size: 60px !important;}
    p.FirstViewSubText.has-text-color {font-size: 25px !important; }
    .FirstViewContact .ButtonTYPE01 .wp-block-button__link { font-size: 1.1rem; }
    .FirstViewContact .ContactIcon::before, .FirstViewContact .DownloadIcon::before { font-size: 1.2rem; }


    /*---------- 選ばれる理由 ：1500px〜  ----------*/
    .FrontMessageSubTitle { font-size: 1.8rem; }
    .FrontMessageText { font-size: 1.4rem; }
    .content .is-style-TypeE, h2.is-style-TypeE { font-size: 2.2rem; }
    .ChooseusItemSubTitle { font-size: 1.8rem; }
    .ChooseusTitle { font-size: 1.3rem; }
    .ChooseusText { font-size: 1rem; }
    

    /*---------- サービス ：1500px〜  ----------*/
    .ServiceCatchSubTitle { margin: 0; }
    .ServiceCatchTitle { font-size: 2.8rem; }
    .ServiceCatchText { font-size: 1.8rem; }
    .ServiceListItem { bottom: 15px; }
    .ServiceTitle { font-size: 5rem; }


    /*---------- 実績紹介 ：1500px〜  ----------*/
    .FrontTitleLink { font-size: 2rem; }
    h4.CasePostTitle { font-size: 1.4rem; }
    p.CasePostDay { font-size: 1.2rem; }
    p.DocumentsDownloadText { font-size: 1.1rem; }
    .CasePostTagsList li a { font-size: .8rem; }


    /*---------- 3つのサービス ：1500px〜  ----------*/
    .ServiceListCatch { font-size: 1.2rem; }
    .ServiceListText { margin: 2% 0 0%; font-size: 1.2rem; }
    .ServiceListTitle { font-size: 2rem; }
    .FrontServiceBtn { margin: 8% 10% 10%; }


    /*---------- 採用情報 ：1500px〜  ----------*/
    .FrontInfoBox .FrontMainTitle { font-size: 10rem; }
  

    /*---------- CTA ：1500px〜  ----------*/
    .cta_content p { font-size: 1.3rem; }


    /*---------- 開発受託 ：1500px〜  ----------*/
    .is-layout-constrained .ServiceCopyText, .ServiceCopyText { font-size: 2.5rem; }


    /*---------- 採用ページ ：1500px〜  ----------*/
    .RecruitCatch { font-size: 1.8rem; }
    .RecruitText { font-size: 1.2rem; }
    .RecruitListText { font-size: 1.1rem; }
    .content .wp-block-heading.RecruitSubTitle, .RecruitSubTitle { font-size: 2rem; }
    .content .wp-block-heading.RecruitTitle, .RecruitTitle { font-size: 6rem; }
    .RecruitItemBox figure.wp-block-image.size-full { margin: 0 0 0 auto !important; }
    .RecruitItemBox:nth-child(2) figure.wp-block-image.size-full {
        margin: 0 auto 0 0 !important;
    }


    /*---------- お問い合わせ ：1500px〜  ----------*/
    .ContactTextBox .ContactInfoText { font-size: 1.5rem !important; }
    p.ContactText { font-size: 1.3rem; }


  }/* 1500px〜 END */
  
  
  
	
/*---------------------------------------------------------
	Chapter99_02 : タブレット（601px〜1024px）
---------------------------------------------------------*/
@media screen and (min-width:601px) and ( max-width:1024px) {


	/*---------- 基本設定 ： 〜1024px  ----------*/
    .br { display: none; }

	
	/*---------- レイアウト ： 〜1024px  ----------*/
    .BoxInner { width: 90vw;}
    .PageInner { width: 90vw; }
    section.FrontLayout { margin: 5% auto; }


    /*---------- ファーストビュー ： 〜1024px  ----------*/
    .wp-block-group.angle_scrollBox { padding: 3% 0 0; }
    .FirstViewBox img { max-width: 100%; width: 100%; }
    .FirstViewTitle { padding: 0; font-size: 1.8rem !important; }
    .FirstViewText { width: 45%; padding: .5em 0 1em 2em;  font-size: .7rem; }
    p.has-text-color {
        margin: 2% 0;
        font-size: 1rem !important;
    }
    .FirstViewContact .ButtonTYPE01 .wp-block-button__link { font-size: .5rem; }
    .FirstViewContact .ContactIcon::before, .FirstViewContact .DownloadIcon::before { font-size: .7rem; }


    /*---------- サービス ： 〜1024px  ----------*/
    .ServiceListBox { height: calc(250 / 1024 * 100vw); }
    #FrontService:nth-child(3) .ServiceListBox { overflow-y: hidden; }
    .ServiceListBuck {
        width: calc(850 / 1024 * 100vw);
        height: calc(250 / 1024 * 100vw);
    }
    .ServiceListItem { bottom: calc( 30 / 1024 * 100vw); }
    .PageServiceBox .ServiceListBox:nth-child(3) .ServiceListItem { bottom: calc( 10 / 1024 * 100vw); }
    .ServiceListBox:nth-child(4) .ServiceListItem { bottom: 0; }
    .ServiceListCatch { font-size: .8rem; }
    .ServiceListTitle { font-size: 1.5rem; }
    .ServiceListTitle>span { font-size: .8rem; }
    .ServiceListText { font-size: .8rem; }
    .ButtonTYPE04 .wp-block-button a { width: 100%; padding: .5rem 1rem; font-size: .8rem; }
     a.ButtonTYPE04 { width: 55%; padding: .5rem 1rem; font-size: .8rem; }
    .ButtonTYPE04 .wp-block-button a::after, a.ButtonTYPE04::after { font-size: .8rem; }


	  
    /*---------- 事業紹介 ： 〜1024px  ----------*/
    .FrontMainTitle { font-size: 5rem; }
    .FrontInfoText { font-size: 1.3rem; }
    a.ButtonTYPE03 { width: 35%; padding: .8rem; }



    /*---------- ヘッダー ： 〜1024px  ----------*/
    #logo, .logo { display: flex; width: 100%; padding-left: 0; }



    /*---------- フッター ： 〜1024px  ----------*/
    .FooterMenu { flex-direction: column;  align-items: center; }
    .FooterContactArea { width: 50%; margin: 0 auto; }
    #FooterMenuListBox { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; width: 100%; margin: 5% 0 0;}
    #FooterMenuListBox { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; width: 100%; }
    div#FooterLeftBox { margin: 0 5% 0 0; }
    div#FooterCenterBox { margin: 0 5% 0 0; }


    /*---------- カテゴリー ： 〜1024px  ----------*/
    .ArchivesLayoutBox { width: 90vw; }


    /*---------- ページネーション ： 〜1024px  ----------*/
    .pagination .current { width: 15%; }


    /*---------- パンくず ： 〜1024px  ----------*/
    .p-breadcrumb { width: 90%; margin: 5% auto 0; }
    .p-breadcrumb__lists li, .p-breadcrumb__lists li a { font-size: 1rem; }



    /*---------- 各サービスページ ： 〜1024px  ----------*/
    .is-layout-constrained .ServiceCopyText, .ServiceCopyText { font-size: 1.5rem; }

    /* 料金表 */
    .SeminarPriceBox { width: 70vw; }

    /* 事例紹介 */
    .CasePostTagsList { height: 12vh; }
    p.DocumentsDownloadText { font-size: .8rem; }
    .CasePostTagsList li a { font-size: .7rem; }

    /* Product紹介 */
    .ProductMainTitle { width: 75%; }
    .ProductBox { padding: 5%; }
    .ProductTitle { font-size: 1.1rem; }
    .ProductText { font-size: .9rem; }


    /*---------- 企業概要 ： 〜1024px  ----------*/
    .AboutUsMessageBox { width: 90%; top: 165%; }
    .AboutUsMessageinner { margin: 0 0 40%; }


    /*---------- 採用情報 ： 〜1024px  ----------*/
    .content .wp-block-heading.RecruitTitle, .RecruitTitle { margin: 0 0 1%; font-size: 3.8rem; }
    .content .wp-block-heading.RecruitSubTitle, .RecruitSubTitle { font-size: 1.5rem; }
    .RecruitCatch { font-size: 1.3rem; }
    .RecruitText { font-size: .6rem; }
    .RecruitListText { margin: 1% 0 0; font-size: .6rem;}


    /*---------- よくある質問 ： 〜1024px  ----------*/
    .wp-block-buttons.FAQAnkerBox { margin: 8% 0; }
    .FAQBox { width: 90vw; }


    /*---------- 導入事例 ： 〜1024px  ----------*/
    .CasePostListBox { width: 90vw; }


    /*---------- お問い合わせ ： 〜1024px  ----------*/
    .ContactBox { width: 90vw; }


    /*---------- 投稿設定 ： 〜1024px  ----------*/
    .PostCardTitle { font-size: 1rem; }


}/* 〜1024px END */
	
	
	
/*---------------------------------------------------------
	Chapter99_03 : スマホ（318px〜600px）
---------------------------------------------------------*/
@media screen and (min-width:318px) and ( max-width:600px) {
	

	/*---------- レイアウト ： 〜600px  ----------*/
    .BoxInner { width: 90vw; }
    .PageInner { width: 90vw; margin: 10% auto;}
    div#single_inner { width: 90vw; }
    .l-main-container { width: 100%; flex-direction: column; }


	/*---------- フォーム ： 〜600px  ----------*/
    .circletriangle_mark:after { font-size: 0.7rem; }


	/*---------- ヘッダー ： 〜600px  ----------*/
    #logo, .logo { padding-left: 0;}
    #logo img, .logo img { width: 70%;  display: flex; text-align: left; justify-content: flex-start;}
    .PageMainTitle { font-size: 4rem; }


	/*---------- フッター ： 〜600px  ----------*/
    .FooterContactArea { width: 100%; }
    #FooterMenuListBox { width: 100%; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; }
    div#FooterCenterBox { margin: 5% 0; }
    h4.FooterMenuTitle { font-size: 1.4em; }
    ul#menu-footerrightmenu li { font-size: 1.2em; }
    div#copyright { padding: 0% 0 20%; }
    p.footer_reCAPTCHA { margin: 0 5% 5%; }


	/*---------- CTA ： 〜600px  ----------*/
    .PageContents .CtaTitle, .content .CtaTitle, .is-layout-constrained .CtaTitle, .CtaTitle { font-size: 1.5rem; }
    .wp-block-cover.is-light.RecruitCtaBox { width: 100%; padding: 5%; }
    p.has-text-align-center { margin: 0 5%; font-size: .8rem; }


	/*---------- パンくず ： 〜600px  ----------*/
    .p-breadcrumb { width: 95%; }
    .p-breadcrumb__lists li, .p-breadcrumb__lists li a { font-size: .7rem; }


    /*---------- 記事一覧 ： 〜600px  ----------*/
    .PostCardBox { width: 90%; flex-direction: column; flex-wrap: wrap; justify-content: space-between; }
    article.PostCardItem { width: 90%; margin: 0 auto 8%; }
    .PostCardTitle { font-size: 1.2rem; }


    /*---------- ページトップ ： 〜600px  ----------*/
    #page-top { display: none; }


	/*---------- ファーストビュー ： 〜600px  ----------*/
    .FirstViewTextArea { height: 180px; }

    .content .FirstViewTitle, .FirstViewTitle { font-size: 1.3rem !important; }
    p.FirstViewSubText.has-text-color { font-size: .6rem !important; ; }
    .wp-block-buttons.FirstViewContact.is-nowrap.is-layout-flex.wp-container-1.wp-block-buttons-is-layout-flex { margin: 5% 0 0 !important; }
    .FirstViewContact .ButtonTYPE01 .wp-block-button__link { padding: .5rem .8rem; font-size: .5rem; }
    .FirstViewContact .ContactIcon::before, .FirstViewContact .DownloadIcon::before { font-size: .6rem; }
    .wp-block-group.angle_scrollBox.is-layout-constrained.wp-block-group-is-layout-constrained { margin: 0 0 3%; }


    /*---------- スクロール文字 ： 〜600px  ----------*/
    .NewsRollItem a { font-size: .7rem; }


	/*---------- フロント（選ばれる理由） ： 〜600px  ----------*/
    .FrontLinkLayout { width: 90vw; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; }
    .FrontMainTitle { font-size: 3rem; margin: 0 0 8%;}
    h2.wp-block-heading.FrontBusinessTitle { font-size: 1.2rem; }
    .wp-block-group.ChooseusTextBox.is-layout-constrained.wp-block-group-is-layout-constrained { margin: 0 6% 5%; }
    .FrontBusinessTitleBox { margin: 0; }
    .FrontMessageText { font-size: .8rem; }
    .ChooseusItemSubTitle { font-size: 1rem; }
    .ChooseusItemBox { margin: 20px 0; }
    .ChooseusItem img { width: 40%; }
    .ChooseusTitle { height: 10vh; }
    .ChooseusText { margin: 0; }


	/*---------- 事例紹介 ： 〜600px  ----------*/
    .CasePosListTitleBox { flex-direction: column; }
    .CasePosListTitleBox>h2 { font-size: 14vw; }
    .FrontTitleLink { justify-content: flex-start; margin: 5% 0 0; font-size: 1rem; }
    p.DocumentsDownloadText { font-size: .8rem; }



	/*---------- サービス紹介 ： 〜600px  ----------*/
    .ServiceListBuck { width: 300px; height: 200px; }
    .ServiceListBox { margin: 0; }
    .PageServiceBox .ServiceListBox:nth-child(2) .ServiceListItem { top: 5%; padding: 0 5%; }
    .PageServiceBox .ServiceListBox:nth-child(3) .ServiceListItem { bottom: calc( 80 / 600 * 100vw); }
    .ServiceListItem { padding: 0 5% 0 5%; }
    .ServiceListCatch { font-size: .7rem; }
    .PageContents .ServiceSubTitle, .content .ServiceSubTitle, .is-layout-constrained .ServiceSubTitle, .ServiceSubTitle { font-size: 2rem !important; line-height: 1.5;}
    .ServiceListPhoto { width: 100%; margin: 5% 0; }

    .ServiceListItem { bottom: 25%; }
    .ServiceCatchSubTitle { font-size: 1.2rem; }
    .FrontMessageSubTitle { font-size: 1.2rem; }
    .ServiceSelectAnser li { font-size: .8rem; }
    ul.is-style-list_typeI.ServiceSelectAnser::after { height: 40px; }

    .ServiceTitle { padding: 7% 0; font-size: 2rem; }

    .ServiceListItem { align-items: flex-start; }
    .ServiceListTitle { font-size: .7rem;  padding: 3%;}
    .ServiceListTitle>span { font-size: .6rem; }
    .ServiceListText { font-size: .6rem; }
    .ButtonTYPE04  .wp-block-button { width: 80%; }
    .ButtonTYPE04 .wp-block-button a, a.ButtonTYPE04 { padding: 0.3rem 1rem; font-size: .5rem; }

    .wp-container-39.wp-container-39 {
        margin: 0 0 10% !important;
        justify-content: center;
    }

    .FrontServiceBtn { margin: 0 5% 10%; }



	/*---------- 事業紹介 ： 〜600px  ----------*/
    .FrontPhotoBox { margin: 0 0 50%; }
    .wp-block-buttons>.wp-block-button.wp-block-button__width-25 { width: 80% !important; }
    .FrontInfoBox { top: 65%; left: 5%;}
    .FrontInfoBox .FrontMainTitle { font-size: 3rem; }
    .FrontInfoText { font-size: .8rem; }
    .wp-block-buttons .is-style-button_maintype03 a { padding: .4rem; }


	/*---------- ニュース一覧 ： 〜600px  ----------*/
    .FrontNewsPost { margin: 0 0 15%; }
    body .is-layout-constrained >.FrontNewsTitleLink, .FrontNewsTitleLink { font-size: 1rem;}
    .FrontNewsTitleLink a { justify-content: flex-start; }
    p.FrontNewsPostDay { font-size: .8rem; }
    span.PostNewMark { font-size: .6rem; }
    .FrontNewsPostTitle { font-size: .8em; }


	/*---------- 企業概要 ： 〜600px  ----------*/
    .AboutUsMessageinner { display: flex; height: 45vh; margin: 0 0 5%; }
    .AboutUsMessageBox { width: 90%; top: 70%; }
    .AboutUsMessageBox p{ font-size: .6rem; }


	/*---------- サービス詳細 ： 〜600px  ----------*/
    .is-layout-constrained .ServiceCopyText, .ServiceCopyText { font-size: 1.5rem; }
    .AssignmentListText { width: 100%; font-size: 1rem;}
    .is-style-list_typeH li { padding: 0.5em 0.5em 0.5em 10%;}

    /* 選ばれる理由 */
    .ServiceSelectionItem { display: flex; align-items: flex-start; flex-direction: column; }
    .is-layout-constrained .ServiceSelectionTextBox { width: 95%; }
    .ServiceSelectionTitle { font-size: 1.2rem; }
    p.ServiceSelectionText { font-size: 1rem; }

    /* サービス */
    .ServiceCatchTitle { font-size: 1.8rem; }


    /* 料金表 */
    .SeminarPriceBox { width: 85vw; }
    .SeminarPrice td { font-size: 1rem; }
    .wp-block-columns.is-layout-flex.wp-container-10.wp-block-columns-is-layout-flex { margin-top: 3em !important; }
    .PriceListItem { margin: 10% 0!important; }

    /* Product紹介 */
    .ProductBox { margin: 15% 0; }
    .ProductMainTitle { width: 80%; font-size: 1.5rem; margin: 0 0 10%;}
    .SeminarInfoText { font-size: .8rem; }
    .SeminarInfoRemarks { font-size: .7rem; }

    /* フロー */
    .FlowTitle { font-size: 1rem; }
    .FlowBox .FlowItem {  margin: 10% 0; padding: .8em; font-size: .8rem;}
    .FlowBox .FlowItem::after {
        border-left: 3vw solid transparent;
        border-right: 3vw solid transparent;
    }
    .FlowText { font-size: .8rem; }

    /* 事例 */
    .CasePostListTitle { width: 90vw; flex-direction: column; align-items: flex-start; }
    h2#PostBook { font-size: 2.8rem; }
    p.CategoryLink { position: unset; width: 100%; font-size: 1rem; }



	/*---------- 導入事例 ： 〜600px  ----------*/
    .CasePostListBox { width: 90vw; margin: 10% auto;}
    p.CasePostLink { font-size: .8rem; }

 
	/*---------- ニュースページ ： 〜600px  ----------*/
    p.NewsPostDay { font-size: .8em; }
    .NewsPostTitle { font-size: .8em; }


    /*---------- 採用ページ ： 〜600px  ----------*/
    .RecruitItemBox { flex-direction: column-reverse; flex-wrap: nowrap; margin: 2% 0 9%; }
    .RecruitItemBox:nth-child(2) { flex-direction: column-reverse; }
    .RecruitTextBox { width: 100%; position: unset; }
    .content .wp-block-heading.RecruitTitle, .RecruitTitle { font-size: 2.5rem; }
    .content .wp-block-heading.RecruitSubTitle, .RecruitSubTitle { font-size: 1rem;}
    .RecruitCatch { font-size: .9rem;}
    .RecruitText { font-size: .5rem; }
    .RecruitListText { font-size: .5rem;}
    a.ButtonTYPE03 { width: 80%; }


	/*---------- 社員紹介 ： 〜600px  ----------*/
    .ArchivesLayoutBox { width: 90vw; }


	/*---------- お問い合わせ ： 〜600px  ----------*/
    .ContactInfoBox { display: flex; flex-direction: column; flex-wrap: nowrap; }
    .ContactTextBox { width: 100%; margin: 0 0 10%; }
    .ContactFormsBox { width: 100%; }
    span.Required,span.Any { padding: 6px; font-size: 12px; }
    .wpcf7-form-control.wpcf7-submit { font-size: 17px; }



    div#wpadminbar {
        display: none;
    }


    /*---------- 投稿 ： 〜600px  ----------*/
    .PostCardCategory { font-size: 0.7rem; }


	/*---------- ウィジェット ： 〜600px  ----------*/
    li.NaviContactBtn.menu-item-2201 a{
        color: #fff;
    }


}/* 〜600px END */
.wp_google_login{clear:both;margin:40px auto 0}.wp_google_login.hidden{display:none}.wp_google_login__divider{position:relative;text-align:center}.wp_google_login__divider:before{background-color:#e1e2e2;content:"";height:1px;left:0;position:absolute;top:8px;width:100%}.wp_google_login__divider span{background-color:#fff;color:#e1e2e2;font-size:14px;padding-left:8px;padding-right:8px;position:relative;text-transform:uppercase;z-index:2}.wp_google_login__button-container{margin-top:10px}.wp_google_login__button{background-color:#fff;border:solid #ccced0;border-radius:4px;border-width:1px 1px 2px;box-sizing:border-box;color:#3d4145;cursor:pointer;display:block;font-size:14px;font-weight:500;line-height:25px;margin:0;outline:0;overflow:hidden;padding:10px 15px;text-align:center;text-decoration:none;text-overflow:ellipsis;width:100%}.wp_google_login__button:hover{color:#3d4145}.wp_google_login__google-icon{background:url(/wp-content/plugins/login-with-google/assets/build/blocks/login-button/../images/google_light.e4cbcb9b.png) no-repeat 50%;background-size:contain;display:inline-block;height:25px;margin-right:10px;vertical-align:middle;width:25px}
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--light-blue: #70b8f1;--wp--preset--color--light-red: #ff8178;--wp--preset--color--light-green: #2ac113;--wp--preset--color--light-yellow: #ffe822;--wp--preset--color--light-orange: #ffa30d;--wp--preset--color--blue: #00f;--wp--preset--color--red: #f00;--wp--preset--color--purple: #674970;--wp--preset--color--gray: #ccc;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: .8em;--wp--preset--font-size--medium: 1em;--wp--preset--font-size--large: 1.2em;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--xlarge: 1.5em;--wp--preset--font-size--xxlarge: 2em;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);--wp--custom--spacing--small: max(1.25rem, 5vw);--wp--custom--spacing--medium: clamp(2rem, 8vw, calc(4 * var(--wp--style--block-gap)));--wp--custom--spacing--large: clamp(4rem, 10vw, 8rem);--wp--custom--spacing--outer: var(--wp--custom--spacing--small, 1.25rem);--wp--custom--typography--font-size--huge: clamp(2.25rem, 4vw, 2.75rem);--wp--custom--typography--font-size--gigantic: clamp(2.75rem, 6vw, 3.25rem);--wp--custom--typography--font-size--colossal: clamp(3.25rem, 8vw, 6.25rem);--wp--custom--typography--line-height--tiny: 1.15;--wp--custom--typography--line-height--small: 1.2;--wp--custom--typography--line-height--medium: 1.4;--wp--custom--typography--line-height--normal: 1.6;}:root { --wp--style--global--content-size: 769px;--wp--style--global--wide-size: 1240px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 1.5em; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 1.5em; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 1.5em;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 1.5em;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 1.5em;}:root :where(.is-layout-grid){gap: 1.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;line-height: inherit;padding: calc(0.667em + 2px) calc(1.333em + 2px);text-decoration: none;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-light-blue-color{color: var(--wp--preset--color--light-blue) !important;}.has-light-red-color{color: var(--wp--preset--color--light-red) !important;}.has-light-green-color{color: var(--wp--preset--color--light-green) !important;}.has-light-yellow-color{color: var(--wp--preset--color--light-yellow) !important;}.has-light-orange-color{color: var(--wp--preset--color--light-orange) !important;}.has-blue-color{color: var(--wp--preset--color--blue) !important;}.has-red-color{color: var(--wp--preset--color--red) !important;}.has-purple-color{color: var(--wp--preset--color--purple) !important;}.has-gray-color{color: var(--wp--preset--color--gray) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-light-blue-background-color{background-color: var(--wp--preset--color--light-blue) !important;}.has-light-red-background-color{background-color: var(--wp--preset--color--light-red) !important;}.has-light-green-background-color{background-color: var(--wp--preset--color--light-green) !important;}.has-light-yellow-background-color{background-color: var(--wp--preset--color--light-yellow) !important;}.has-light-orange-background-color{background-color: var(--wp--preset--color--light-orange) !important;}.has-blue-background-color{background-color: var(--wp--preset--color--blue) !important;}.has-red-background-color{background-color: var(--wp--preset--color--red) !important;}.has-purple-background-color{background-color: var(--wp--preset--color--purple) !important;}.has-gray-background-color{background-color: var(--wp--preset--color--gray) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-light-blue-border-color{border-color: var(--wp--preset--color--light-blue) !important;}.has-light-red-border-color{border-color: var(--wp--preset--color--light-red) !important;}.has-light-green-border-color{border-color: var(--wp--preset--color--light-green) !important;}.has-light-yellow-border-color{border-color: var(--wp--preset--color--light-yellow) !important;}.has-light-orange-border-color{border-color: var(--wp--preset--color--light-orange) !important;}.has-blue-border-color{border-color: var(--wp--preset--color--blue) !important;}.has-red-border-color{border-color: var(--wp--preset--color--red) !important;}.has-purple-border-color{border-color: var(--wp--preset--color--purple) !important;}.has-gray-border-color{border-color: var(--wp--preset--color--gray) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xlarge-font-size{font-size: var(--wp--preset--font-size--xlarge) !important;}.has-xxlarge-font-size{font-size: var(--wp--preset--font-size--xxlarge) !important;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
:root :where(.wp-block-group-is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.wp-block-group-is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.wp-block-group-is-layout-flow) > *{margin-block-start: 0;margin-block-end: 0;}:root :where(.wp-block-group-is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.wp-block-group-is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.wp-block-group-is-layout-constrained) > *{margin-block-start: 0;margin-block-end: 0;}:root :where(.wp-block-group-is-layout-flex){gap: 0;}:root :where(.wp-block-group-is-layout-grid){gap: 0;}

#onlynav ul li,#nav_fixed #nav ul li,.header-logo #nav ul ul {perspective:300px;}#onlynav ul ul,#nav_fixed #nav ul ul,.header-logo #nav ul ul{visibility:hidden;opacity:0;transition:.3s ease-in-out;transform:rotateX(-90deg) rotateY(0);transform-origin:0 0;}#onlynav ul ul li,#nav_fixed #nav ul ul li,.header-logo #nav ul ul li {perspective:1500px;}#onlynav ul ul ul,#nav_fixed #nav ul ul ul,.header-logo #nav ul ul ul{transform:rotateX(0) rotateY(-90deg);}#onlynav ul li:hover > ul,#nav_fixed #nav ul li:hover > ul,.header-logo #nav ul li:hover > ul{visibility:visible;opacity:1;transform:rotateX(0) rotateY(0);}</style><style>body{background-color:#ffffff;color:#333333;}:where(a){color:#333355;}:where(a):hover{color:#6495ED}:where(.content){color:#000;}:where(.content) a{color:#6f97bc;}:where(.content) a:hover{color:#6495ED;}.header-wrap,#header ul.sub-menu, #header ul.children,#scrollnav,.description_sp{background:#ffffff;color:#165f92}.header-wrap a,#scrollnav a,div.logo_title{color:#333355;}.header-wrap a:hover,div.logo_title:hover{color:#6495ED}.drawer-nav-btn span{background-color:#333355;}.drawer-nav-btn:before,.drawer-nav-btn:after {border-color:#333355;}#scrollnav ul li a{background:rgba(255,255,255,.8);color:#505050}.header_small_menu{background:#5d8ac1;color:#fff}.header_small_menu a{color:#fff}.header_small_menu a:hover{color:#6495ED}#nav_fixed.fixed, #nav_fixed #nav ul ul{background:#ffffff;color:#333333}#nav_fixed.fixed a,#nav_fixed .logo_title{color:#333355}#nav_fixed.fixed a:hover{color:#6495ED}#nav_fixed .drawer-nav-btn:before,#nav_fixed .drawer-nav-btn:after{border-color:#333355;}#nav_fixed .drawer-nav-btn span{background-color:#333355;}#onlynav{background:#fff;color:#333}#onlynav ul li a{color:#333}#onlynav ul ul.sub-menu{background:#fff}#onlynav div > ul > li > a:before{border-color:#333}#onlynav ul > li:hover > a:hover,#onlynav ul>li:hover>a,#onlynav ul>li:hover li:hover>a,#onlynav ul li:hover ul li ul li:hover > a{background:#5d8ac1;color:#fff}#onlynav ul li ul li ul:before{border-left-color:#fff}#onlynav ul li:last-child ul li ul:before{border-right-color:#fff}#bigfooter{background:#165f92;color:#333333}#bigfooter a{color:#333355}#bigfooter a:hover{color:#6495ED}#footer{background:#165f92;color:#ffffff}#footer a{color:#ffffff}#footer a:hover{color:#6495ED}#sidebar .widget{background:#fff;color:#333;}#sidebar .widget a{color:#333355;}#sidebar .widget a:hover{color:#6495ED;}.post-box-contents,#main-wrap #pickup_posts_container img,.hentry, #single-main .post-sub,.navigation,.single_thumbnail,.in_loop,#breadcrumb,.pickup-cat-list,.maintop-widget, .mainbottom-widget,#share_plz,.sticky-post-box,.catpage_content_wrap,.cat-post-main{background:#fff;}.post-box{border-color:#eee;}.drawer_content_title,.searchbox_content_title{background:#eee;color:#333;}.drawer-nav,#header_search{background:#fff}.drawer-nav,.drawer-nav a,#header_search,#header_search a{color:#000}#footer_sticky_menu{background:rgba(255,255,255,.8)}.footermenu_col{background:rgba(255,255,255,.8);color:#333;}a.page-numbers{background:#afafaf;color:#fff;}.pagination .current{background:#607d8b;color:#fff;}
@media screen and (min-width:1201px){#main-wrap,.header-wrap .header-logo,.header_small_content,.bigfooter_wrap,.footer_content,.container_top_widget,.container_bottom_widget{}}@media screen and (max-width:1200px){ #main-wrap,.header-wrap .header-logo, .header_small_content, .bigfooter_wrap,.footer_content, .container_top_widget, .container_bottom_widget{}}@media screen and (max-width:768px){#main-wrap,.header-wrap .header-logo,.header_small_content,.bigfooter_wrap,.footer_content,.container_top_widget,.container_bottom_widget{width:100%;}}@media screen and (min-width:960px){#sidebar {width:30%;}}
@media screen and (min-width:1201px){#main-wrap{}}@media screen and (max-width:1200px){ #main-wrap{}}
.broken_link, a.broken_link {
	text-decoration: line-through;
}
.content h5:where(:not([class])),:where(.is-editor-blocks) :where(.content) h5:not(.sc_heading){color:#000;}
img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }