@charset "utf-8";
/*
 Theme Name:   CLARIS THEME
 Template:     enfold
*/

/* セカンダリヘッダ */
#header_meta {
	background: #fff;
}
@media screen and (max-width: 767px) {
	#header_meta {
		background: #f8f8f8;
		padding: 5px 0;
	}
	#header_meta .menu {
		line-height: 1.8;
	}

	#header_meta .sub_menu>ul>li>a,
	#header_meta .sub_menu>div>ul>li>a {
		padding: 0;
		font-size: 10px;
	}
	
}

/* 投稿ページのコンテンツエリアを指定 */
.responsive .container.template-single-blog {
	max-width: 1180px;
}

/* 投稿ページ（Singleページ）のタイトルリンクを消去 */
.single .post-title.entry-title {
     pointer-events: none;
}
/* 投稿ページ（Single posts）のFeature イメージを非表示に */
.single .post-entry .big-preview {
	display: none !important;
}
.single .post-entry .big-preview a {
	pointer-events: none;
}
.single.single-post .post-entry .big-preview {
	display: block !important;
}
.single.single-post .post-entry .big-preview img {
	border: 1px solid #DDD;
	margin-bottom: 20px;
}

/* 上に対してギザギザ */
.jagged-top {
	position: relative;
	z-index: 1;
	-webkit-filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 2px);
  filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 2px);
}
.jagged-top:before {
  content: "";
  position: absolute;
  background: linear-gradient(45deg, #F4F5F9 50%, transparent 52%),
      linear-gradient(315deg, #F4F5F9 50%, transparent 52%);
  background-size: 30px 30px;
  height: 14px;
  width: 100%;
  top: -13px;
}
/* 下に対してギザギザ */
.jagged-bottom {
	position: relative;
	  z-index: 1;
	-webkit-filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 2px);
  filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 2px);
}
.jagged-bottom:after {
  content: "";
  position: absolute;
  background: linear-gradient(45deg, #F4F5F9 50%, transparent 52%),
      linear-gradient(315deg, #F4F5F9 50%, transparent 52%);
  background-size: 30px 30px;
  height: 14px;
  width: 100%;
  bottom: -13px;
}

.jagged-border {
  position: relative;
  width: 100%;
  height: 50px;
  -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 2px);
  filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 2px);
}
.jagged-border:before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  width: 100%;
  height: 10px;
}
.lightgray-bg {
  background: #ECF0F1;
}
.lightgray-bg:before {
  background: -webkit-linear-gradient(45deg, transparent 33.333%, #ecf0f1 33.333%, #ecf0f1 66.667%, transparent 66.667%), -webkit-linear-gradient(135deg, transparent 33.333%, #ecf0f1 33.333%, #ecf0f1 66.667%, transparent 66.667%);
  background: linear-gradient(45deg, transparent 33.333%, #ecf0f1 33.333%, #ecf0f1 66.667%, transparent 66.667%), linear-gradient(-45deg, transparent 33.333%, #ecf0f1 33.333%, #ecf0f1 66.667%, transparent 66.667%);
  -webkit-background-size: 20px 40px;
  background-size: 20px 40px;
}
.white-bg {
  background: #FFF;
}
.white-bg:before {
  background: -webkit-linear-gradient(45deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%), -webkit-linear-gradient(135deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%);
  background: linear-gradient(45deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%), linear-gradient(-45deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%);
  -webkit-background-size: 20px 40px;
  background-size: 20px 40px;
}
.darkgray-bg {
  background: #C3C9CC;
}
.darkgray-bg:before {
  background: -webkit-linear-gradient(45deg, transparent 33.333%, #c3c9cc 33.333%, #c3c9cc 66.667%, transparent 66.667%), -webkit-linear-gradient(135deg, transparent 33.333%, #c3c9cc 33.333%, #c3c9cc 66.667%, transparent 66.667%);
  background: linear-gradient(45deg, transparent 33.333%, #c3c9cc 33.333%, #c3c9cc 66.667%, transparent 66.667%), linear-gradient(-45deg, transparent 33.333%, #c3c9cc 33.333%, #c3c9cc 66.667%, transparent 66.667%);
  -webkit-background-size: 20px 40px;
  background-size: 20px 40px;
}


.w100p .avia_image { width: 100% !important;}
h1,h2,h3,h4,h5 {
	text-transform: none !important;
}

/* ブログサイドバーから不要なカテゴリを非表示にする */
.sidebar .cat-item.cat-item-3,
.sidebar .cat-item.cat-item-6,
.sidebar .cat-item.cat-item-19,
.sidebar .cat-item.cat-item-20,
.sidebar .cat-item.cat-item-49,
.sidebar .cat-item.cat-item-50,
.sidebar .cat-item.cat-item-14 {
  display: none;
}

.html_header_top.html_header_sticky #main {
    padding-top: 73px;
}

.scale div {overflow: hidden;}
.scale img {
    -moz-transition: -moz-transform 0.25s linear;
    -webkit-transition: -webkit-transform 0.25s linear;
    -o-transition: -o-transform 0.25s linear;
    -ms-transition: -ms-transform 0.25s linear;
    transition: transform 0.5s linear;
}
.scale img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

/* タイトル要素 */
.cc_ttl01 .av-special-heading-tag{
	font-size: 1.5em;
    font-weight: bold;
    line-height: 1.4;
    padding: 26px 30px !important;
    color: #fff !important;
    background-color: #072747;
    border-left: 5px solid #f39b17;
	margin-bottom: 20px !important;
}
.cc_ttl02 .av-special-heading-tag{
	font-size: 1.2em;
    font-weight: bold;
    line-height: 1.4;
    padding: 10px 20px !important;
    color: #072747;
    background-color: #f1f1f1;
	margin-bottom: 20px !important;
}

@media only screen and (max-width: 768px) {
	/* タイトル要素 */
	.cc_ttl01 .av-special-heading-tag{
		font-size: 16px;
		padding: 10px !important;
		margin-bottom: 10px !important;
	}
	.cc_ttl02.av-special-heading{
		margin-top:30px;
	}
	.cc_ttl02 .av-special-heading-tag{
		font-size: 14px;
	}
}

/* 共通タイトル要素 */
/*
h2.av-special-heading-tag { font-size: 32px; }
h3.av-special-heading-tag { font-size: 24px; }
h4.av-special-heading-tag { font-size: 18px; }
@media only screen and (max-width: 767px) {
	h2.av-special-heading-tag { font-size: 19px; }
	h3.av-special-heading-tag { font-size: 16px; }
	h4.av-special-heading-tag { font-size: 14px; }

}*/

/* サイドバー */
/* sidebar */

body.single-post.documentation #main .container_wrap .entry-content-wrapper > .avia-builder-el-first:first-child{
    padding: 0;
}

#content-list{
    margin-bottom: 60px;
	text-align:left;
}

@media only screen and (min-width: 767px) {
    body.single-post.documentation #main .content{
        padding-bottom: 0;
    }

    body.single-post.documentation #main .container_wrap .entry-content-wrapper{
        overflow: hidden;
        padding-bottom: 50px;
    }

    .av_menu_divider:before{
        content: "";
        visibility: visible;
        opacity: 1;
        height: 100%;
        /*border-right: 1px solid #EBEBEB;*/
        width: 1px;
        position: absolute;
         /*left: calc(20.5% + 65px); */
        top: 0;
    }

    #content-list{
        margin-top: 0px;
        margin-bottom: 0;
        /*background: gold;*/
    }
    .fixed-column {
        /*background: skyblue;*/
    }

}

.content-list-title{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.05em;
    position: relative;
    margin-bottom: 3em;
}

.content-list-title:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #EBEBEB;
    left: 0;
    bottom: -1.5em;
}

#content-list a{
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    color: #444444;
    letter-spacing: 0.02em;
}

#content-list a:hover{
    color: #42A0BD;
}

#content-list a.list-h2{
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35em;
    margin: 2.6em 0 1.35em 0;
}

#content-list a.list-h3 {
    font-size: 12px;
    position: relative;
    padding-left: 1.2em;
    line-height: 1.4em;
    margin-bottom: 1.2em;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

#content-list a.list-h3:before{
content: "・";
    position: absolute;
    left: 0;
}

/* 共通：詳細こちらボタン01 */
.main_color .to-detail-btn01 a.avia-color-theme-color {
    background: #0e8ec5;
    font-size: 18px;
    border-radius: 50px !important;
	padding: 17px 30px 15px 50px;
}
.main_color .to-detail-btn01 a.avia-color-theme-color:hover {
	color: #12739e;}

.to-detail-btn01 .avia_iconbox_title {
	padding-right: 20px;
}
.avia-button .to-detail-btn01 .avia_button_icon.avia_button_icon_right {
	padding-right:10px;
}
@media only screen and (max-width: 767px) {
	.to-detail-btn01 .avia_iconbox_title {
		padding-right: 10px;
	}

	.main_color .to-detail-btn01 a.avia-color-theme-color {
		background: #00b2ff;
		font-size: 14px;
		border-radius: 50px !important;
		padding: 12px 20px 10px 30px;
	}

}


/* 共通：詳細こちらボタン02 黒抜き*/
.to-detail-btn02 .avia_iconbox_title {
	padding-right: 20px;
}
.to-detail-btn02 .avia-button .avia_button_icon.avia_button_icon_right {
	padding-right:10px;
	transition: none;
	position: absolute;
	left:auto;
	right: 10px;
	top: calc(50% - 10px);
}

#top .to-detail-btn02 .avia-button.avia-color-dark {
	font-size: 18px;
    padding: 10px 0px 10px;
	border: none;
    width: 100%;
	color: #000;
	font-weight: bold;
}
#top .avia-button.avia-color-dark:hover {
	background: #072747;
	color: #fff;
	opacity: 1;	
} 
/* タグ */
#top .main_color .avia-color-theme-color.avia-button:hover {
	opacity: 1;
	background: #0a7cad;
}

/* ======================================================================
　プラン・スペック　/plan/
  ======================================================================*/


/* ======================================================================
　プラン・スペック　/plan/
  ======================================================================*/

/* プランページ用の青色帯のタイトル*/
.plan-subtitle {
    padding: 13px;
    background: #39a3d0;
    max-width: 980px;
    margin: 0 auto 3px;
	color: #fff;
}
/* テーブルにくっつけるタイトル */
.spec-subtitle {
    padding: 13px;
    background: #f1f1f1;
    color: #000;
    max-width: 980px;
    margin: 0 auto 0px;
    border: 1px solid #ddd !important;
    border-bottom: 0 !important;
}
.spec-subtitle .av-special-heading-tag {font-size: 16px;}

/* テーブルのtd要素を左寄せに */
.avia-data-table.td-left td.avia-center-col {
	text-align: left;
}

/* ======================================================================
　LPページ　/lp/
  ======================================================================*/
/* feature＋数字部分 */
.feature-catch {
	left: 0;
	top: -100px;
	position: absolute;
}
.feature-catch .small-feature {
    font-size: 13px;
	clear: both;
	display: block;
	text-align: left;
	padding-left: 9px;
}
.feature-catch .big-num {
	vertical-align: middle;
	font-size: 76px;
    display: block;
    line-height: 1;
	text-align: left;
}

/* ------------------------------------------------------
 LP共通 - Clara Cloud とは？
 ------------------------------------------------------ */
.claracloud-toha .img {
	max-width: 260px;
}
.claracloud-toha .txt {
	display: inline-block;
	font-weight: bold;
	vertical-align: middle;
	margin-top: -25px;
	font-size: 16px;
}
@media only screen and (max-width: 767px) {
	.claracloud-toha .img {
		max-width: 160px;
	}
	.claracloud-toha .txt {
		font-size: 12px;
		margin-top: -13px;
	}
}


/* ======================================================================
　お悩みページ詳細　/situations/
  ======================================================================*/
.corner-edge01:before,
.corner-edge02:before,
.corner-edge03:before,
.corner-edge04:before {
    content: "";
    position: absolute;
    visibility: visible;
    z-index: 2730;
    width: 45px;
    height: 45px;
}
.corner-edge01:before {
    top: 0;
    left: 0;
    background: linear-gradient(135deg, #AAA 30px, transparent 0);
}
	.corner-edge01.yellow:before {
		background: linear-gradient(135deg, #fff176 30px, transparent 0);
	}

.corner-edge02:before {
    top: 0;
    right: 0;
    background: linear-gradient(225deg, #AAA 30px, transparent 0);
}
	.corner-edge02.yellow:before {
		background: linear-gradient(225deg, #fff176 30px, transparent 0);
	}
.corner-edge03:before {
    bottom: 0;
    right: 0;
    background: linear-gradient(315deg, #AAA 30px, transparent 0);
}
	.corner-edge03.yellow:before {
		background: linear-gradient(315deg, #fff176 30px, transparent 0);
	}
.corner-edge04:before {
    background: linear-gradient(45deg, #AAA 30px, transparent 0);
}
	.corner-edge04.yellow:before {
		background: linear-gradient(45deg, #fff176 30px, transparent 0);
	}


/* ======================================================================
　導入事例 - /case/
  ======================================================================*/
/* ------------------------------------------------------
 一覧ページ
 ------------------------------------------------------ */
.case-30s {
	position: absolute;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: #1990DA;
    padding: 7px 7px 8px;
    line-height: 1.2;
    right: calc(25% - 60px);
    top: 2px;
    border-radius: 60px;
}

.case-index .slide-entry-wrap {
	margin-bottom: 0 !important;
}
.case-index .slide-entry {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 10px;
	background: #fff;
	margin: 0 0 20px !important;
}
@media screen and (max-width: 767px) and (min-width: 480px) {
	.case-index .slide-entry-wrap .slide-entry:nth-child(3) {
		margin-left: 4% !important;
	}
}

.case-index .slide-entry .slide-entry-title a:hover {
	color: #39a3d0 !important;
}
.case-index .slide-entry .slide-image {
	width: 35%;
	margin: 0;
	padding: 15px;
	background:#fff;
}
.case-index .slide-entry .slide-content {
	width: 65%;
	padding: 10px 10px 10px 30px;
}
@media screen and (min-width: 989px) {
	.case-index .slide-entry .slide-content .slide-entry-title {
		font-size: 1.4em;
	}
}
.case-index .slide-entry .minor-meta {
	background: #f1f1f1;
	padding: 0 8px;
	margin: 10px 0;
	font-size: 0.8em;
	color: #333;
	font-weight: bold;
	display: inline-block;
}
.case-index .slide-entry .slide-meta {
	display: none;
}

@media screen and (max-width: 767px) {
	.case-index .slide-entry {
		display: block;
		padding: 15px;
	}
	.case-index .slide-entry .slide-image {
		width: 100%;
		padding: 0;
	}
	.case-index .slide-entry .slide-content {
		width: 100%;
		padding: 15px 0 0 ;
	}
}

/* ------------------------------------------------------
 詳細ページ
 ------------------------------------------------------ */
/* note */
.case-note.avia_message_box {
	text-align: left;
}
.avia_message_box .avia_message_box_content {
    text-transform: none;
}
@media screen and (max-width: 767px) {
	.case-note.avia_message_box .avia_message_box_content {
		font-size: 12px;
		line-height: 1.3;
		
	}
	.case-note.avia_message_box.avia-size-large {
		padding: 40px 15px 15px;
	}
	.case-note.avia_message_box .avia_message_box_title {
		padding: 0 20px;
	}
}


/* ------------------------------------------------------
 テーブル */
.single .main_color .simple-table tr th,
.single .main_color .simple-table tr td {
	border-left: none;
	border-right: none;
	background: #fff;
}

/* ------------------------------------------------------
青いボックス */

/* 青枠 */
.problems-box {
	background: #daf2ff;
	padding: 20px;
}
/* タイトル */
.problems-box .av-special-heading-tag {
	color: #204e7d !important;
    padding-bottom: 20px !important;
	text-align: center !important;
    border-bottom: 1px solid #204e7d !important;
}

/* ------------------------------------------------------
オレンジボックス */
.solution-box {
	padding: 20px;
	border: 10px solid #ea8315 !important;
}
/* タイトル */
.solution-box .av-special-heading-tag {
	color: #ea8315 !important;
    padding-bottom: 20px !important;
	text-align: center !important;
    border-bottom: 1px solid #ea8315 !important;
}

/* ------------------------------------------------------
フロー矢印 */
.case-arrow {
  position: relative;
  display: inline-block;
  padding-left: 12px;
  color: #333;
  text-decoration: none;
}
.case-arrow:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 60px 0 60px 30px;
	border-color: transparent transparent transparent #999;
	position: absolute;
	top: 50%;
	right: -13%;
	margin-top: -60px;
	overflow: auto;
	visibility: visible;
}
/* ------------------------------------------------------
 アイコンリスト */

.case-icon-list li {
	display: flex;
	padding-bottom: 10px;
}
.case-icon-list article.article-icon-entry {
	display: table-cell;
	vertical-align: top;
}
.case-icon-list .iconlist_content_wrap {
	display: table-cell;
	vertical-align: middle;
}
.case-icon-list .iconlist_icon {
	height: 50px;
    width: 50px;
	min-width: 50px;
    line-height: 50px;
    font-size: 20px;
}
.case-icon-list.problems .iconlist_icon {
	background: #204e7d;	
}
.case-icon-list .iconlist_title {
	font-size: 20px;
	margin: 0 !important;
	border:none;
}
/*#7bb0e7*/
@media screen and (max-width: 968px) {
	.case-arrow:after {	
		border-width: 30px 0 30px 15px;
		margin-top: -30px;
	}
	.case-icon-list li {
		display: table;
		padding-bottom: 10px;
		min-height: 0;
	}
	.case-icon-list article.article-icon-entry,
	.case-icon-list .iconlist_content_wrap {
		min-height: 1.5em;
	}

	.case-icon-list .iconlist_icon {
		height: 1.5em;
		width: 1.5em;
		line-height: 1.5em;
		font-size: 1.5em;
		min-width: 1.5em;
		margin-right: 10px;
		display: table-cell
	}
	.case-icon-list .iconlist-timeline {
		left: 17px;
	}
	.case-icon-list .iconlist_icon .iconlist-char::before {
		font-size: .8em;
		vertical-align: top;
	}
}

@media screen and (max-width: 767px) {
	.case-arrow {
		margin-bottom: 30px;
	}
	.case-arrow:after {	
		border-width: 30px 0 30px 20px;
		border-color: transparent transparent transparent #daf2ff;
		margin-top: -25px;
		right: calc(50% - 15px);
		top: 100%;
		transform: rotate(90deg);
	}
}

/* ======================================================================
　トップページ - TOP
  ======================================================================*/
/* ------------------------------------------------------
 メインビジュアル
 ------------------------------------------------------ */
#topmv {}

/********** 業界シェアNo.1 *************/
#topmv .nutanix-share-no1 {
	background: #ffe401;
	display: inline-block;
	padding: 5px 7px 2px;
}
#topmv p {
	margin: 0;
}
#topmv .share {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5;
}
#topmv .no1 {
	font-weight: bold;
    color: #ff7900;
    font-size: 38px;
    line-height: 0;
    text-shadow: #a01313 2px 2px 0;
}
#topmv .service-name {
    display: inline-block;
    font-size: 36px;
    font-weight: bold;
	line-height:0;
}
@media only screen and (max-width: 639px) {
	#topmv .nutanix-share-no1-block {
		text-align: center;
		margin-top:-40px;
	}

	#topmv .share {
		font-size: 10px;
		line-height: 1.3;
		font-weight: normal;
	}
	#topmv .no1 {
		font-size: 18px;
	    text-shadow: none;
		font-weight: 600;
	}
	#topmv .service-name {
		font-size: 24px;
		font-weight: 600;
	}
}


/********** テキスト *************/
/*タイトル*/
#topmv .title .av-special-heading-tag {
	font-size: 48px;
}
/*テキスト*/
#topmv .txt {
	max-width: 50%;
	margin-bottom: 20px;
}
@media only screen and (max-width: 1280px) {
	#topmv .title .av-special-heading-tag {
		font-size: 36px;
	}
	#topmv .txt {
		max-width: 520px;
	}
}
@media only screen and (max-width: 979px) {
	#topmv .title .av-special-heading-tag {
		font-size: 36px;
	}
}

@media only screen and (max-width: 800px) {	
	#topmv .title .av-special-heading-tag {
		font-size: 32px;
	}
	#topmv .txt {
		max-width: 65%;
	}
}
@media only screen and (max-width: 639px) {
	#topmv .title .av-special-heading-tag {
		font-size: 22px;
		text-align: center;
	}
	#topmv .title .av-special-heading-tag .likeonpre {font-size: 28px;}
	#topmv .txt {
		max-width: 100%;
		margin-bottom: -40px;
	}
	#topmv .txt p {font-size: 12px;}
}

/********** アワード Award *************/
#topmv .mv-award {}
#topmv .award-block {
	float: left;
    background: url(https://cloud.clara.jp/cms/wp-content/uploads/2020/03/award-bg.png) left top no-repeat;
    width: 134px;
    height: 156px;
}
#topmv .award-block p {
	font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
}
#topmv .award-block p.devops {
	padding-top: 41px;
}
#topmv .award-block p.provider {
	font-size:12px;
	padding-top: 46px;
}
#topmv .award-block .xbig {
	font-size: 1.3em;
}
#topmv .award-block .big {
	font-size: 1.2em;
}

/********** 右側画像イメージ *************/
#topmv .right-img {
    position: absolute;
right: -5%;
top: -20px;
    width: 570px;
}

@media only screen and (max-width: 1200px) {
	#topmv .right-img {
		position: absolute;
		right: -10%;
		top: -7%;
		width: 50%;
	}
}
@media only screen and (max-width: 980px) {
	#topmv .right-img {
		position: absolute;
		right: -40%;
		top: auto;
		bottom: 0;
		width: 70%;
	}
}
@media only screen and (max-width: 767px) {
	#topmv .right-img {
		position: absolute;
		z-index: -1;
		right: -150px;
		top: auto;
		bottom: -60px;
		width: 50%;
	}
}
@media only screen and (max-width: 639px) {
	#topmv .right-img {
		position:relative;
		right: -8%;
		top: auto;
		bottom: auto;
		width: 90%;
	}
}

    
/* ------------------------------------------------------
 トップページ導入部分
 ------------------------------------------------------ */
#top-introduction {}
#top-introduction .round-border-subtitle {
    font-size: 20px;
    border: 1px solid #000;
    border-radius: 50px;
    padding: 10px 15px 8px;
    margin: 0 0 20px;
    display: inline-block;
}
@media only screen and (max-width: 767px) {
	#top-introduction {
		background-position: 75% bottom !important;
	}
	.top-intro-title .av-special-heading-tag {
		line-height: 1.9;
		font-size: 16px;
	}

	.top-intro-content p {
		line-height:1.9;
		letter-spacing: -0.3px;
		font-size: 14px;
	}
}


/* ------------------------------------------------------
 トップページ - 選ばれる理由
 ------------------------------------------------------ */
.top-feature-box {}

.top-feature-box .avia-image-overlay-wrap a.avia_image:hover {
}

/* ------------------------------------------------------
 トップページ導入事例
 ------------------------------------------------------ */
#top-cases {}
.cases-cards.grid-col-3 .av_one_third article {
	width: 96%;
	margin: 0 auto;
}

/* ------------------------------------------------------
 トップページ - こんな方には
 ------------------------------------------------------ */
.situation-box {
	border: 1px solid #CCC !important;
    padding:  30px 10px 10px !important;
    position: relative;
	transition: all 0.2s ease;
	margin-bottom:30px;
}
.situation-box.av-column-link:hover {
	box-shadow: #CCC 0 0 0px 4px inset;
}
.situation-box:before {
    content: "";
    display: table-cell;
    position: absolute;
    bottom: 0;
    visibility: visible;
    z-index: 2730;
    right: 0;
    width: 45px;
    height: 45px;
    background: linear-gradient(-45deg, #AAA 30px, transparent 0);
}
.situation-box .av-special-heading-tag  {
	font-size: 14px;
}
.situation-box .avia_image {
	width: 80%;
    margin: 0 auto;
}
#top #top-situation .av-flex-placeholder {
	width: 1%;
}


/* ======================================================================
　Clara Cloudとは /clara-cloud/
 ======================================================================*/
/* ------------------------------------------------------
 メインビジュアル
 ------------------------------------------------------ */
.about-cc-title p {
    color: #468ea2;
    text-align: center;
    font-weight: bold;
    margin: 40px auto 20px;
}
@media only screen and (max-width: 500px) {
	.about-cc-title p {
		text-align: left;
	}
}

/* ======================================================================
　Claraのクラウドナレッジ 一覧ページ /blog/
 ======================================================================*/
/* Blog INDEX
----------------------------------------- */
#lower-pagetitle.cloud-knowledge {
	position: relative;
}
#lower-pagetitle.cloud-knowledge:before {
	content: "";
    display: block;
    width: 158px;
    height: 108px;
    background: url(https://cloud.clara.jp/cms/wp-content/uploads/cloud-knowledge.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    left: calc(50% + 235px);
    right: auto;
    top: 60px;
}
@media screen and (max-width: 767px) {
	#lower-pagetitle.cloud-knowledge:before {
		width: 114px;
   		height: 75px;
    	background-size: contain;
    	left: calc(62% + 50px);
    	right: auto;
    	top: 10px;
    	opacity: 0.3;
	}
}


/* Blog posts element */
.ccknowledge-posts {}
.ccknowledge-posts.avia-content-slider,
.ccknowledge-posts .avia-content-slider-inner {
	overflow: visible;
}
.ccknowledge-posts.avia-content-slider .slide-image {
	margin-bottom: 0;
	border-radius: 0;
    display: flex;
    align-items: center;
}
.ccknowledge-posts.avia-content-slider .slide-image img {
	width: 100%;
}

.ccknowledge-posts .slide-entry-wrap {
	display: flex;
}
.ccknowledge-posts .slide-entry {
	background: #fff;
	transition: all 0.15s ease;
}
.ccknowledge-posts .slide-entry {
	box-shadow: rgba(0, 0, 0, 0.25) 0 0 0 1px;
}
.ccknowledge-posts .slide-entry:hover {
	box-shadow: rgba(0, 0, 0, 0.25) 0 0 0 5px;
}
@media only screen and (max-width: 767px) {
	.ccknowledge-posts .slide-entry-wrap {
		margin-bottom: 0;
	}
	.ccknowledge-posts .slide-entry {
		margin-bottom: 20px !important;
	}
}

.ccknowledge-posts .slide-content {
	padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.ccknowledge-posts .slide-content {
		padding-bottom: 5px;
	}	
}

/* 投稿タイトルリンク */
.ccknowledge-posts .entry-content-header {
	position: relative;
}

.ccknowledge-posts .slide-content .entry-title {
	padding: 20px 20px 10px 20px;
	width: 100%;
	height: 100%;
	line-height: 1.4;
	background: none;
}
@media screen and (max-width: 767px) {
	.ccknowledge-posts .entry-content-header {
		display: flex;
		flex-direction: column-reverse;
		align-items: flex-start;
	}
	.ccknowledge-posts .slide-content .entry-title {
		padding: 10px 5px 5px 5px;
		line-height: 1.1;
	}
}

@media only screen and (max-width:1200px) {
	.ccknowledge-posts .slide-content a {	font-size: 14px; }
	.ccknowledge-posts.main .slide-content a {	font-size: 16px; }
}
@media only screen and (max-width:869px) {
	.ccknowledge-posts .slide-content a {	font-size: 12px; }
	.ccknowledge-posts.main .slide-content a {	font-size: 14px; }
}

.ccknowledge-posts .slide-content a,
.avia-content-slider .slide-image img {
	border-radius: 0;
}

/* カテゴリ */
.ccknowledge-posts .minor-meta {
    font-size: 10px;
    background: orange;
    color: #fff;
    font-weight: bold;
    padding: 3px 6px;
    line-height: 1.2;
    margin: -10px 0 0;
    position: absolute;
	top: 0;
}
@media screen and (max-width: 767px) {
	.ccknowledge-posts .minor-meta {
		position: relative;
		max-width: 95%;
	}
}
.ccknowledge-posts .minor-meta.open { background: green !important;}
.ccknowledge-posts .minor-meta.close,
.ccknowledge-posts .minor-meta.end { background: gray !important;}
.ccknowledge-posts .minor-meta.reserve { background: orange;}
.ccknowledge-posts .minor-meta.seminar { background: orange;}
.ccknowledge-posts .minor-meta.case { background: #d60202;}
.ccknowledge-posts .minor-meta.service { background: #1c56c0;}

.ccknowledge-posts .slide-content a:hover {
	text-decoration: none !important;
}
/* 公開日 */
.ccknowledge-posts.avia-content-slider .slide-meta {
    text-align: right;
    padding: 0 20px 0 0;
}
@media screen and (max-width: 767px) {
	.ccknowledge-posts.avia-content-slider .slide-meta {
		text-align: right;
		padding: 5px 5px 0 0;
	}	
}
/* 抜粋部分のレイアウト */
.ccknowledge-posts.avia-content-slider .slide-entry-excerpt {
	font-size: 12px;
	color: #666;
	line-height: 1.5;
}

/* readmoreリンクを拡張する */
.ccknowledge-posts .read-more-link {
	overflow: hidden;
	text-indent:-99em;
    position: absolute;
    left: 0;
    top: 0;
	height: 100%;
	width: 100%;
}
.ccknowledge-posts .read-more-link a {
	width: 100%;
	height: 100%;
	display: block;
}
/*ダウンロードボタン*/
.ccknowledge-posts .download-btn {
    background: #83d9c9;
    text-align: center;
    display: block;
    width: calc(100% - 30px);
    box-sizing: border-box;
    border-radius: 5px;
    padding: 5px 15px;
    margin: 10px 15px 0;
    z-index: -1;
	transition: all 0.15s ease;
}
.ccknowledge-posts .slide-entry:hover .download-btn {
	background: #66c1b0;
}

/* イメージ部分のhover処理 */
.ccknowledge-posts article.post-entry .slide-image {
	background: #072747;
	overflow: hidden;
	border: none;
	max-height: 220px;
}

.ccknowledge-posts article.post-entry .slide-image img {
	transition: all 0.5s ease;
}

@media only screen and (max-width: 767px) {
	.ccknowledge-posts article.post-entry .slide-image {
		max-height: 80px;
	}
	.ccknowledge-posts article.post-entry:hover .slide-image img {
		opacity: 1;
		-webkit-transform: scale(1.035);
		-moz-transform: scale(1.035);
		-o-transform: scale(1.035);
		-ms-transform: scale(1.035);
		transform: scale(1.035);
	}
}

/* 1記事目 */
.ccknowledge-posts.main .slide-entry {
	display: flex;
}
.ccknowledge-posts.main article.post-entry .slide-image {
    max-height: 300px;
    width: 55%;
    display: flex;
    align-items: center;
}

@media screen and (min-width: 768px) {
	.ccknowledge-posts.main .slide-content .entry-title {
		padding: 50px 20px 10px 20px;
	}
	.ccknowledge-posts.main .slide-content {
		width: 45%;
	}
	.ccknowledge-posts.main .minor-meta {
		top: 30px;
	}
}
@media screen and (max-width: 767px) {
	.ccknowledge-posts.main .slide-entry {
		display: block;
	}
	.ccknowledge-posts.main article.post-entry .slide-image {
		max-height: 180px;
		width: 100%;
	}

}


/* ======================================================================
　メディア掲載記事 /clara-cloud/
 ======================================================================*/
/* ------------------------------------------------------
 詳細ページ
 ------------------------------------------------------ */
/* 詳細ページ */
#media-interview {
	margin-top: 70px;
}
#media-interview p {
	margin: 0 0 20px;
}

#media-interview .avia_textblock p small {
	display: block;
	margin: 10px 0 20px;
}
.av-post-metadata-published-date {
	font-weight: 500;
}
@media screen and (max-width: 767px) {
	#media-interview {
		margin-top: 70px;
	}
	#media-interview .av-subheading p {
		margin: 0 0 10px;
	}
}

/* ------------------------------------------------------
 メディア掲載記事一覧（フッター関連記事エリア） */
.portfolio-case-list a.grid-image img {
	transition: transform 0.25s ease;
}
.portfolio-case-list a.grid-image:hover img {
	transform: scale(1.1);
}

.single-post .portfolio-case-list article .grid-content {
	padding:0;
	position: absolute;
	bottom: 0;
	background: none !important;
}
.single-post .portfolio-case-list article .grid-content .avia-arrow {
	display: none;
}
.single-post .portfolio-case-list article h3 {
    font-size: 14px;
	line-height: 1.5;
	background: color: rgba(0, 53, 89, 0.9);
    margin: 0;
	padding: 0;
    background: none;
    position: relative;
}
.single-post .portfolio-case-list article h3 a {
	margin: 10px;
    padding: 10px;
    display: block;
    color: #fff !important;
    background: rgba(0, 53, 89, 0.9) !important;
}
.single-post .portfolio-case-list article h3:before {
	display: none;
}

/* ======================================================================
　資料ダウンロード 資料一覧ページ /download-dox/
 ======================================================================*/
/* INTERVIEW INDEX
----------------------------------------- */

/* Blog posts element */
.downloads-posts {}
.downloads-posts.avia-content-slider,
.downloads-posts .avia-content-slider-inner {
	overflow: visible;
}
.downloads-posts.avia-content-slider .slide-image {
	margin-bottom: 0;
	border-radius: 0;
}

.downloads-posts .slide-entry-wrap {
	display: flex;
}
.downloads-posts .slide-entry {
	background: #fff;
	transition: all 0.15s ease;
	box-shadow: rgb(0 0 0 / 15%) 0px 2px 5px;
}
.downloads-posts .slide-entry:hover {
	box-shadow: rgba(0, 0, 0, 0.25) 0 0 0 5px;
}
@media only screen and (max-width: 767px) {
	.downloads-posts .slide-entry-wrap {
		display: block;
		margin-bottom: 0;
	}
	.downloads-posts .slide-entry {
		margin-bottom: 20px !important;
	}
}


.downloads-posts .slide-content {
	padding-bottom: 20px;
}

/* 投稿タイトルリンク */
.downloads-posts .entry-content-header {
	position: relative;
}

.downloads-posts .slide-content .entry-title {
	padding: 20px 20px 10px 20px;
	width: 100%;
	height: 100%;
	font-size: 16px;
	line-height: 1.4;
	background: none;
}


@media only screen and (max-width:1200px) {
	.downloads-posts .slide-content a {	font-size: 14px; }
}
@media only screen and (max-width:869px) {
	.downloads-posts .slide-content a {	font-size: 13px; }
}

.downloads-posts .slide-content a,
.avia-content-slider .slide-image img {
	border-radius: 0;
}

/* カテゴリ */
.downloads-posts .minor-meta {
    font-size: 10px;
    background: orange;
    color: #fff;
    font-weight: bold;
    padding: 3px 6px;
    line-height: 1.2;
    margin: -10px 0 0;
    position: absolute;
	top: 0;
}
.downloads-posts .minor-meta.seminar { background: orange;}
.downloads-posts .minor-meta.case { background: #d60202;}
.downloads-posts .minor-meta.service { background: #1c56c0;}


.downloads-posts .slide-content a:hover {
	text-decoration: none !important;
}
/* 公開日を非表示にする */
.downloads-posts.avia-content-slider .slide-meta {
	display: none;
}
/* 抜粋部分のレイアウト */
.downloads-posts.avia-content-slider .slide-entry-excerpt {
	font-size: 12px;
	padding: 0 20px 10px;
	color: #666;
	line-height: 1.5;
}

/* readmoreリンクを拡張する */
.downloads-posts .read-more-link {
	overflow: hidden;
	text-indent:-99em;
    position: absolute;
    left: 0;
    top: 0;
	height: 100%;
	width: 100%;
}
.downloads-posts .read-more-link a {
	width: 100%;
	height: 100%;
	display: block;
}
/*ダウンロードボタン*/
.downloads-posts .download-btn {
    background: #83d9c9;
    text-align: center;
    display: block;
    width: calc(100% - 30px);
    box-sizing: border-box;
    border-radius: 5px;
    padding: 5px 15px;
    margin: 10px 15px 0;
    z-index: -1;
	transition: all 0.15s ease;
}
.downloads-posts .slide-entry:hover .download-btn {
	background: #66c1b0;
}

/* イメージ部分のhover処理 */
.downloads-posts article.post-entry .slide-image {
	background: #072747;
	overflow: hidden;
}
.downloads-posts article.post-entry .slide-image img {
	transition: all 0.5s ease;
}

@media only screen and (min-width: 768px) {
	.downloads-posts article.post-entry:hover .slide-image img {
		opacity: 1;
		-webkit-transform: scale(1.035);
		-moz-transform: scale(1.035);
		-o-transform: scale(1.035);
		-ms-transform: scale(1.035);
		transform: scale(1.035);
	}
}


/* ======================================================================
　資料ダウンロード 詳細ページ - /download-docs/xxxx/
  ======================================================================*/
#download_docs {}

.av-subheading_above .border,
.av-subheading_below .border {
    border: 1px solid white;
    padding: 4px;
    border-radius: 4px;
}

/* グリッドレイアウト全体 */
.download-docs-grid {
	border-bottom: 1px solid #CCC;
}

/* 左側：資料について */
.about-docs {
	float: none !important;
}
/* 左側：こんな方におすすめ */
.docs-recommend {
    border: 5px solid #ffc82e;
    border-radius: 15px !important;
    max-width: 720px;
	float: none !important;
	padding: 0 20px;
    margin: 30px auto 0 !important;
}
.docs-recommend .av-special-heading-tag {
	color: #c74000;	
}

/* 右側の同梱物エリア */
.bundled-area {
	background: #EEE;
	box-shadow: inset #CCC 2px 0 10px ;
	
}
.bundled-area small {
	display: inline-block;
	margin-bottom: 7px;
	padding-left: 1em;
}
.bundled-area .tag {
    color: #fff;
    background: #0f6db9;
    display: inline-block;
    line-height: 1;
    padding: 4px;
    border-radius: 5px;
	margin-bottom: margin-bottom: 4px;
}


@media only screen and (max-width: 989px) {
	.responsive #top #wrap_all .bundled-area .flex_column.sp-fourth {
		width:20.5%;
		float:left;
		margin-left: 6%;
	}
	.responsive #top #wrap_all .bundled-area .flex_column.first.sp-fourth {
		margin-left: 0;
	}
}
@media only screen and (max-width: 767px) {
	.responsive #top #wrap_all .bundled-area .flex_column.sp-twice {
		width: 47%;
		float:left;
		margin-left: 6%;
	}
	.responsive #top #wrap_all .bundled-area .flex_column.first.sp-twice {
		margin-left: 0;
	}
}
.avia_message_box.bundled-box {
	text-align: left;
	margin: 0 auto;
	max-width: 720px;
	padding-top: 35px;
}

.avia_message_box.bundled-box .avia_message_box_title {
	line-height: 1.2;
	background: rgba(0,0,0,0.1);
}

/* 同梱物イメージ */
.title-border {
	display: flex;
	align-items: center;
}
.title-border:before,
.title-border:after {
	border-top: 1px solid #AAA;
	content: "";
	flex-grow: 1;
}
.title-border:before {
	margin-right: 10px;
}
.title-border:after {
	margin-left: 10px;
}

.avia_message_box.bundled-box .avia_message_box_content {
	text-transform: initial;
}

@media only screen and (max-width:767px) {
	.av-subheading_above .border {
		margin-bottom:3px;
		padding: 2px;
	}
	.av-subheading_below .border {
		margin-top:3px;
		padding: 2px;
	}
	.avia_message_box.bundled-box .avia_message_box_content {
		font-size: 12px;
	}
	.avia_message_box.bundled-box {
		line-height: 1.3;
		padding: 25px 15px 10px;
	}
}




/* ======================================================================
　 よくあるご質問 /faq/
  ======================================================================*/
.faq-question-ttl {
    background: url(https://cloud.clara.jp/cms/wp-content/uploads/2020/03/answer.png) left center no-repeat;
    min-height: 48px;
    padding: 12px 0 0 60px;
    vertical-align: middle;
}
.faq-answer p {
	background: lemonchiffon;
    padding: 10px 10px 10px 20px;
    margin: 10px 0 0 50px;
}
@media screen and (max-width: 767px) {
	.faq-question-ttl {
		background-position: left 5px;
		background-size:30px;
		min-height: 0px;
		padding: 10px 0 0 40px;
		vertical-align: middle;
	}
	.faq-question-ttl .av-special-heading-tag {
		font-size: 14px;
	}
	.faq-answer p {
		background: lemonchiffon;
		padding: 10px;
		margin: 5px 0 0 30px;
		font-size: 12px;
	}
}


/* ======================================================================
　 パートナープログラム /partner/
  ======================================================================*/
#partner-flow .step {
    display: inline-block;
    background: #4c4c9a;
    padding: 5px 15px;
    margin: 0 0 5px;
    border-radius: 20px;
    line-height: 1;
    font-size: 10px;
    color: #fff;
}

#partner-flow .before-arrow:after {
	content: "\f105";
    font-family: 'fontawesome5free-solid';
    position: absolute;
    left: calc( -10% - 12px);
    top: 45%;
    font-size: 40px;
    visibility: visible;
    width: auto;
    height: auto;
}
@
@media screen and (max-width: 767px) {
	#partner-flow .before-arrow:after {
		content: "\f107";
		left: calc( 50% - 12px);
		top: -23px;
	}
}


/* ======================================================================
　 コスト比較 /cost/
  ======================================================================*/
#cost-initial-high {
    background-image: url(https://cloud.clara.jp/cms/wp-content/uploads/2020/03/bg_box_001.jpg), url(https://cloud.clara.jp/cms/wp-content/uploads/2020/03/bg_box_002.jpg);
    background-position: 0 0, 100% 100%;
    background-repeat: no-repeat, no-repeat;
	
}

/* ------------------------------------------------------
 フォーム周り
 ------------------------------------------------------ */

/********** 業界シェアNo.1 *************/
#formArea {
}

#formArea .wrap {
	padding-top: 20px;
}

#formArea .formTxtArea {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 10px;
}
#formArea iframe {
		height: auto;
}

@media screen and (max-width: 767px) {

	#formArea {
		width: 100%;
		height: auto;
	}
	
	#formArea .formTxtArea {
		width: 100%;
		margin: 0 auto;
		font-size: 14px;
		text-align: justify;
		overflow:auto !important;
		-webkit-overflow-scrolling:touch !important;
	}
	
	#formArea iframe {
		max-width: 100%!important;
		height: 700px;
	}
}




/* -------------------------------
Grid Layout時のimgの位置調整
------------------------------- */
/********** Grid Layout時のimgの位置調整 *************/
.grid-img-left-20 { left: -20px; position: relative;}
.grid-img-left-30 { left: -30px; position: relative;}
.grid-img-left-40 { left: -40px; position: relative;}
.grid-img-left-50,
.grid-img-left { left: -50px; position: relative;}
.grid-img-left-60 { left: -60px; position: relative;}

.grid-img-right-20 { right: -20px; position: relative;}
.grid-img-right-30 { right: -30px; position: relative;}
.grid-img-right-40 { right: -40px; position: relative;}
.grid-img-right-50,
.grid-img-right { right: -50px; position: relative;}
.grid-img-right-60 { right: -60px; position: relative;}

/* ======================================================================
　ニュース一覧・お知らせ一覧ページ
======================================================================*/
.bloglist-simple .entry-content-header {
	padding: 25px 60px 25px 0;
}

@media only screen and (min-width: 769px) {
	#top .fullsize .template-blog .post .entry-content-wrapper > p {
		font-size: 13px;
		max-width: 65em;
		padding-right: 15em;
	}
}
.post-meta-infos {
	font-size: 0.8em;
}
.text-sep-cat {
	display :none;
}
@media only screen and (max-width: 768px) {
	#top .fullsize .template-blog .post-title {
		font-size: 16px !important;
	}

	.bloglist-simple .entry-content-header {
		padding-right: 0;
	}
	
	.bloglist-simple .read-more-link {
		display: none;
	}
}

/* ======================================================================
　お知らせ詳細（ブログ詳細）ページ
======================================================================*/

@media only screen and (max-width: 768px) {
	.template-single-blog p {
		font-size: 14px;
	}
}
/* ======================================================================
　マガジン一覧 magazine 
======================================================================*/

.av-magazine header {
	padding-bottom: 10px;
}
.av-magazine-thumbnail {
	position: absolute;
}
.av-magazine-content-wrap {
	padding-left: 70px;
}

/* ======================================================================
　新卒採用 Indexページ
 ======================================================================*/
#new-job-type {
}

#new-job-type .job-card {
	position:relative;
	overflow: hidden;
	padding: 30px 30px 20px;
	margin-bottom: 0 !important;
}
#new-job-type .job-card:before {
    content:"";
	visibility: visible;
    position:absolute;
    top:0;
    right:0;
    border-width:0 20px 20px 0; /* This trick side-steps a webkit bug */
    border-style:solid;
    border-color:#fff #fff #f3f3f3 #f3f3f3; /* A bit more verbose to work with .rounded too */
    background:#f3f3f3; /* For Opera when also applying a border-radius */
    display:block; width:0; /* Only for Firefox 3.0 damage limitation */
/* Optional: shadow */
/*    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
*/}
/* ======================================================================
　中途採用 職種詳細 ページ
 ======================================================================*/
/* 採用プロセス
----------------------------------------- */
#screening-flow .no_margin.av_one_fifth {
	padding: 50px 10px 30px 11px;
	transform: skewX(5deg);
}
#screening-flow .no_margin.av_one_fifth .av_font_icon,
#screening-flow .no_margin.av_one_fifth .av-subheading {
	transform: skewX(-5deg);
}


/* 矢印 */
#screening-flow .no_margin.av_one_fifth:first-child:after {
	display: none;
	content:"";
}
#screening-flow .no_margin.av_one_fifth:after {
	content: "\f105";
	font-family: 'fontawesome5free-solid';
    position: absolute;
    left: -12px;
    top: 45%;
	font-size: 40px;
	visibility:visible;
	width: auto;
	height: auto;
}
#screening-flow .no_margin.av_one_fifth .av-subheading_below {
	text-align: left;
	padding-top: 10px;
}

@media only screen and (max-width: 767px) {
	#screening-flow .no_margin.av_one_fifth {
		padding: 15px 10px 5px 15px;
		transform: none;
	}
	#screening-flow .no_margin.av_one_fifth .av_font_icon,
	#screening-flow .no_margin.av_one_fifth .av-subheading {
		transform: none;
	}
	#screening-flow .no_margin.av_one_fifth:after {
		content: "\f107";
		font-size: 30px;
		left: 50%;
		margin-left: -15px;
		top: -24px;
	}
	
	/* アイコン位置等を変更 */
	#screening-flow .no_margin.av_one_fifth .av_font_icon {
		font-size: 40px;
    	line-height: 40px;
    	position: absolute;
		width: 70px;
    	left: 5px;
    	margin-top: -20px;
    	top: 50%;
	}
	#screening-flow .no_margin.av_one_fifth .av-special-heading {
		margin-top:0;
		padding-left: 75px;
	}
	#screening-flow .no_margin.av_one_fifth .av-special-heading-tag {
		text-align: left;
	}
}

/* エントリーボタン
----------------------------------------- */
/* エリア矢印 */
#entry-footer {
	padding-top: 110px;
	position: relative;
}
#entry-footer:before {
	content: ''; 
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    border-top: 0px solid #f3f3f3;
    border-bottom: 0;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    border-top-width: 110px;
}
#entry-footer.white-bg:before {
    border-top: 0px solid #fff;
    border-bottom: 0;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    border-top-width: 110px;
}
#entry-footer .avia-button {
	min-width: 50%;
	font-size: 22px;
	transition: all 0.15s ease;
}
#entry-footer .avia-button:hover span {
	color: #072747;
}
#entry-footer .avia-button .avia_button_icon {transition: unset;}
#entry-footer .avia-button.avia-color-light:hover {
	color: #224475;
}

@media only screen and (max-width: 767px) {
	#entry-footer {
		padding-top: 8.4375vw;
	}
	#entry-footer:before,
	#entry-footer.white-bg:before {
		border-top-width: 8.4375vw;
	}
	
	#entry-footer .avia-button {
		font-size: 18px;
	}
	
}

/* ======================================================================
　インターンシップ インデックスページ
 ======================================================================*/
/* コンテンツエリア 
 * --------------------------*/
@media only screen and (min-width: 768px) {
	.intern-posts .grid-content{
		width: 60% !important;
	}
	.intern-posts .portfolio-grid-image{
		width :40% !important;
	}
}
.intern-posts article {
	margin-bottom: 30px;
}
.intern-posts .grid-entry {
	width: 100% !important;
}
.intern-posts .grid-entry .grid-content,
.intern-posts .grid-entry .portfolio-grid-image img {
	transition: all ease 0.2s !important;
	opacity: 1;
}
.intern-posts .grid-entry:hover .grid-content {
	background: #f3f3f3;
}
.intern-posts .grid-entry .portfolio-grid-image {
	background: #072747 !important;
}
.intern-posts .grid-entry:hover .portfolio-grid-image img{
	opacity: 0.8;
}

.intern-posts .portfolio-grid-title {
	padding-top: 4em;
}
.intern-posts .portfolio-grid-title a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 30px 20px 0;
}
.intern-posts .grid-entry-excerpt {
	color: #000;
}

/* ======================================================================
　ITインフラ・クラウド用語集　/it-words/
 ======================================================================*/
.eckb-kb-template {
	margin-bottom: 0 !important;
	padding-bottom: 50px !important;
}

#eckb-article-content-header-row-2 .eckb-article-title {
    margin-bottom: 20px !important;
}

/* ページタイトル */
.eckb-kb-template .eckb_main_title {
	text-align: center;
	padding: 50px 0 20px;
}

/* カテゴリタイトル */
#epkb-main-page-container.epkb-tabs-template .section_divider {
	padding: 20px 4px !important;
}

#epkb-main-page-container.epkb-tabs-template .epkb-tab-panel {
	text-align: left;
}
#epkb-main-page-container.epkb-tabs-template .epkb-tab-panel section {
	border-color: #eee !important;
}
/* カテゴリタイトルが日本語だとリンクがおかしくなるので英語にしてCSSで日本語表記 */
#epkb-main-page-container.epkb-tabs-template .epkb-nav-tabs li .epkb-category-level-1 .epkb-cat-name {
    text-indent: -10000px;
    overflow: hidden;
}

#epkb-main-page-container .epkb-cat-name:after {
	content: "";
	display: block;
	color: #000;
	width: auto;
	text-indent: 0;
}
#epkb-main-page-container #epkb_tab_2 .epkb-cat-name:after {
	content: "さくいんで探す";
}
#epkb-main-page-container #epkb_tab_1 .epkb-cat-name:after {
	content: "カテゴリで探す";
}
#epkb-main-page-container.epkb-tabs-template .epkb-down-pointer .epkb-nav-tabs .active {
	box-shadow: inset rgb(0 0 0 / 30%) 0px 4px 6px -5px, inset rgb(0 0 0 / 30%) 5px 4px 6px -5px, inset rgb(0 0 0 / 30%) -5px 4px 6px -5px;
}
#epkb-main-page-container.epkb-tabs-template .epkb-nav-tabs li {
	box-shadow: rgb(0 0 0 / 30%) 0px 1px 5px -2px;
}


/* 検索窓の崩れを修正 */
#epkb-main-page-container.epkb-tabs-template .epkb-doc-search-container .epkb-search-form-1 input[type=text] {
	margin: 0 -3px 0 0 !important;
}

#epkb-main-page-container.epkb-tabs-template .epkb-doc-search-container .epkb-search-form-1 button {
	width: 90px !important;
	font-size: 16px !important;
}
#epkb-main-page-container.epkb-tabs-template .epkb-doc-search-container .epkb-search .epkb-search-box input[type=text] {
	padding: 10px 13px !important;
}

/* 記事ページの検索窓を削除 */
#eckb-article-page-container-v2 #eckb-article-header {
	display: none;
}
/* 更新日・作成日・著名者を削除 */
#eckb-article-content-header-row-3,
.eckb-print-button-container {
	display: none !important;
}

/* サイドメニュー Widget */
.widg-widget-article-contents h4 {
	font-weight: bold !important;
	margin-bottom: 10px !important;
}
.widg-article-title {
	font-size: 14px !important;
}
@media only screen and (max-width: 768px) {
    #eckb-article-page-container-v2 #eckb-article-right-sidebar {
		order: 3 !important;
	}
	#eckb-article-page-container-v2 #eckb-article-body #eckb-article-content #eckb-article-content-header-v2 #eckb-article-content-breadcrumb-container .eckb-breadcrumb-nav {
		font-size: 10px;
	}
	.eckb-kb-template .eckb_main_title {
		font-weight: bold;
		font-size: 22px;
		padding: 30px 0 20px;
	}
	#epkb-main-page-container.epkb-tabs-template .epkb-nav-tabs li {
		width: 50%!important;
		font-size: 12px;
		min-height: 30px !important;
	}
	#epkb-main-page-container.epkb-tabs-template .epkb-doc-search-container .epkb-search .epkb-search-box .epkb-search-box_button-wrap {
		display: none !important;
	}
	#epkb-main-page-container.epkb-tabs-template .epkb-doc-search-container .epkb-doc-search-container__title {
        margin-bottom: 3px;
        font-size: 12px !important;
	}
	#eckb-article-page-container-v2 #eckb-article-body #eckb-article-content #eckb-article-content-header-v2 #eckb-article-content-title-container .eckb-article-title {
		font-size: 16px;
	}
}

/* パンクズリスト */

#eckb-article-page-container-v2 #eckb-article-body #eckb-article-content #eckb-article-content-header-v2 #eckb-article-content-breadcrumb-container .eckb-breadcrumb-nav li {
	display: none;
}
#eckb-article-page-container-v2 #eckb-article-body #eckb-article-content #eckb-article-content-header-v2 #eckb-article-content-breadcrumb-container .eckb-breadcrumb-nav li:first-child,

#eckb-article-page-container-v2 #eckb-article-body #eckb-article-content #eckb-article-content-header-v2 #eckb-article-content-breadcrumb-container .eckb-breadcrumb-nav li:last-child{
	display: inline;
	color: black !important;
}
#eckb-article-page-container-v2 #eckb-article-body #eckb-article-content #eckb-article-content-header-v2 #eckb-article-content-breadcrumb-container .eckb-breadcrumb-link span[aria-current=page] {
	color: black !important;
}

/* 画像 */
#eckb-article-content img {
	border: 1px solid #DDD;
}
/* ======================================================================
　インターンシップ 詳細ページ
 ======================================================================*/
.intern-tag {
	background: #072747;
    padding: 1px 10px;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin-bottom: 8px;
}



/* ======================================================================
　中途採用 Index インデックスページ
 ======================================================================*/
/* 応募職種Toggle
----------------------------------------- */
/* タイトル部分 */
.av-elegant-toggle.togglecontainer.job-type .av_toggle_section .toggler {
	transition: all 0.15s ease;
	font-size: 24px;
}
.job-type .activeTitle {
	transition: all 0.45s ease;
}

.job-type .activeTitle:after {
	content: "";
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #ffffff;
    position: absolute;
    left: 2em;
    bottom: -19px;
}
@media only screen and (max-width: 767px) {
	.av-elegant-toggle.togglecontainer.job-type .av_toggle_section .toggler {
		font-size: 18px;
		padding: 12px 25px;
	}	
	.job-type h3 {
		font-size: 16px;
	}
}
/* 開閉アイコンのデザイン */
.av-elegant-toggle.job-type .toggle_icon {
	border-color: #072747 !important;
	background: #072747;
	transition: all 0.25s linear;
	opacity: 0.8;
}

.av-elegant-toggle.job-type .toggle_icon .vert_icon,
.av-elegant-toggle.job-type .toggle_icon .hor_icon {
	border-color: #fff !important;
	background: #072747;
	transition: all 0.25s linear;
}
.av-elegant-toggle.job-type .activeTitle .toggle_icon,
.av-elegant-toggle.job-type .activeTitle .toggle_icon .vert_icon,
.av-elegant-toggle.job-type .activeTitle .toggle_icon .hor_icon {
	border-color: #072747 !important;
	background: #fff;
}
.job-type .activeTitle .toggle_icon .vert_icon {
	border: 1px solid #072747;
	transform: translateX(-50%) translateY(-50%) rotate(-90deg) !important;
}

/* 本文エリアのデザイン */
.av-elegant-toggle .toggle_content {
    padding: 40px 35px 30px 35px;
}
/* FAQ Toggle
----------------------------------------- */
.faq-toggle {
	
}


/* INTERVIEW DETAIL
----------------------------------------- */

/* padding設定 */
.av-layout-grid-container.interview-detail {
	padding: 50px 0;
}

.interview-detail .article-title {
	position: absolute;
	left:0;
	bottom: -25px;
}
.interview-detail .article-title span {
    background: #072747;
    padding: 10px 15px 10px 25px;
    line-height: 1.5;
    transform: skewX(-10deg);
    display: inline-block;	
}
.interview-detail-grid {
	max-width: 1200px;
	margin: 0 auto;
}
.interview-detail .right-img,
.grid-right-img {
	position: relative;
	right: -20px;
}
.interview-detail .left-img,
.grid-left-img {
	position: relative;
	left: -20px;
}
.interview-detail .left-txt {
	max-width: 590px;
	float: right;
}
.interview-detail .right-txt {
	max-width: 590px;
}
/* プロフィール部分 */
.av-special-heading.prof-en-name {
	position: absolute;
    left: -5px;
    bottom: -20px;
}
.av-special-heading.prof-en-name .av-special-heading-tag {
	text-shadow:#f5f5f5 4px 0px 0px;
}
@media only screen and (max-width:768px) {
	.av-special-heading.prof-en-name {
		bottom: -13px;
	}
	
}

@media only screen and (max-width:989px) {
	.av-layout-grid-container.interview-detail {
		padding: 0;
	}
	.interview-detail .right-img,
	.interview-detail .left-img {
		display: none !important;
	}
	.interview-detail .left-txt {
		max-width: none;
		float: none;
	}
	.interview-detail .right-txt {
		max-width: none;
	}
}

@media only screen and (max-width: 768px) {
	#lower-mv.interview-detail .container  {
		min-height: 300px;
	}
	.interview-detail .article-title {
		bottom: -55px;
	}
	.interview-detail .article-title span {
		padding: 10px 5px 10px 15px;
	}
	
}

/* ======================================================================
　代表メッセージページ
 ======================================================================*/

/* メインビジュアル
 --------------------*/
@media only screen and (max-width:480px) {
	#lower-mv.top-message { background-position: -180px center !important; }
	#lower-mv.top-message.home { background-position: -375px center !important; }
}
@media only screen and (min-width:769px) {
	#lower-mv.top-message .post-entry-959 { margin-left: -20px; }
}
@media only screen and (min-width:1200px) {
	#lower-mv.top-message .post-entry-959 { margin-left: -50px; }
}
@media only screen and (min-width:1300px) {
	#lower-mv.top-message .post-entry-959 { margin-left: -100px; }
}
@media only screen and (min-width:1400px) {
	#lower-mv.top-message .post-entry-959 { margin-left: -150px; }
}
/* TOP MESSAGE */
@media only screen and (max-width:989px) {
  #lower-mv.top-message  .lower-page-ttl .en {
	font-size: 40px;
  }
	#lower-mv.top-message .container{
		height: auto !important;
	}
}
/* TOP MESSAGE部分 */
.top-message .top-titles h2.av-special-heading-tag {
	border-left: 5px solid #072747;
	padding-left: 10px;
	margin-bottom: 50px;
	text-shadow: #fff 0 0 3px,#fff 0 0 8px;
}
@media only screen and (max-width:768px) {
  #lower-mv.top-message {
	padding-top: 0;
  }
  #lower-mv.top-message  .lower-page-ttl .en {
	  font-size: 28px;
  }
  .top-message .top-titles h2.av-special-heading-tag {
	margin-bottom: 20px;
  }
}
/* プロフィール部分 */
.top-message .profile {
	padding: 30px;
	max-width: 540px;
}
@media only screen and (max-width:768px) {
  .top-message .profile {
	  padding: 15px 10px 5px 15px;
	  margin-bottom: 10px;
	  max-width: 350px;
  }
}

/*本文*/
.top-message .left-img {
    left: -30px;
    position: relative;
}
.top-message .contents-title {
    padding-bottom: 19px;
}
/* 最後のパートの本文 */
.top-message.last-part {
	padding: 30px 0 80px !important;
}

@media only screen and (max-width:768px) {
	.top-message.last-part .container {
		width: 100% !important;
		max-width: 100% !important;
	}
	.top-message.last-part {
		padding: 0 !important;
	}
	.top-message.last-part .av_one_full {
		padding: 40px 4% 70px 4% !important;
	}
}

/* ======================================================================
　オフィスツアーページ
 ======================================================================*/
#lower-mv.office-tour {
	background-position: 70% center !important;
}
.office-tour-title .av-content-full.content {
	padding-bottom: 0;
}
.main_color .av-masonry.office-tour {
	background: #fff;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
}
.office-tour .av-masonry-entry .av-inner-masonry-content {
	padding: 20px 5px 20px;
}
/*
.office-tour-box h3 {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCC;
}
*/

.office-tour-box {  padding-top:10px;
}
.office-tour-box h3 {
  position: relative;
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
  border-bottom: 4px solid #ccc;
}
.office-tour-box h3:after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #072747;
/*  background-color: #3498db;*/
}
@media only screen and (min-width:768px) {
	.office-tour-box.av_one_third h3,
	.office-tour-box.av_one_third .av-subheading_below {
		padding-left:20px !important;
	}
}
/*
.office-tour-box h3 {
  position: relative;
}

.office-tour-box h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
}
*/
/*
.office-tour-box,
.first.office-tour-box {
	z-index: 2;
}

.office-tour-box .av-special-heading {
	padding: 1.5em 2em !important;
	margin-left: -10%;
    background: -moz-linear-gradient(#ffb03c, #ff708d);
    background: -webkit-linear-gradient(#ffb03c, #ff708d);
    background: linear-gradient(to right, #ffb03c, #ff708d);
    color: #FFF;
	position: relative;
	width: 110%;
}
.first.office-tour-box .av-special-heading {
	margin-left: auto;
	margin-right: -10%;
}
*/


/* ======================================================================
　福利厚生ページ
 ======================================================================*/

/* BOX要素同士のスペース */
#top .benefit-list .av-flex-placeholder {
	width: 4%;
}
/* スマホ時のmargin-bottom */
@media only screen and (max-width:768px) {
	.responsive #top #wrap_all .benefit-list .flex_column {
		margin-bottom: 30px;
	}
}

/* アイコンの装飾 */
.benefit-list .av_font_icon {
    background: #f3f3f3;
    width: 10em;
    height: 10em;
    padding-top: 2em;
    vertical-align: middle;
    line-height: 9em;
    border-radius: 9em;
    margin: 0 auto;
}
.benefit-list .av-icon-char {
	text-shadow: 6px 5px 0 #DDD;
}
/* 各福利厚生のタイトル */
.benefit-list h3 {
	font-size: 18px;
}
/* アイコンのテキスト */
.benefit-list .av_one_fourth p {
	font-size: 14px;
	margin-bottom: 40px!important;
}

/* POINT部分 */
.point-box {
	padding: 30px 30px 20px;
}
.point-circle {
    display: inline-block;
    background: orange;
    height: 40px;
    width: 40px;
    text-align: center;
    color: #FFF;
    line-height: 41px;
    border-radius: 40px;
    font-size: 10px;
    font-weight: bold;
    vertical-align: middle;
    margin-top: -5px;
}
@media only screen and (max-width:767px) {
	.benefit-list .av_one_fourth p {
		margin-bottom: 20px!important;
	}

	/* POINT */
	.point-box {
		padding: 30px 20px 10px;
		border: 2px solid orange !important;

	}
	.point-circle {
		position: absolute;
		left: -20px;
		top: -27px;
		width: auto;
		height: auto;
		border-radius: 0;
		line-height: 1.1;
		padding: 3px 10px;
	}
}



/* ======================================================================
　トップページ
 ======================================================================*/
/* ----------------------------------
  メインビジュアル（スライド)
 ---------------------------------- */
.responsive .top-mv .container {
	max-width: 2000px;
}

.caption_bottom .slideshow_caption .slideshow_inner_caption .slideshow_align_caption {
	text-align: right;
	padding-bottom: 35px;
}
.caption_framed .slideshow_caption .avia-caption-title {
    font-size: 76px;
    text-shadow: rgba(0,0,0,0.6) 0 0 10px;
    letter-spacing: 4px;
    background: none;
}
.caption_framed .slideshow_caption .avia-caption-content {
}
.caption_framed .slideshow_caption .avia-caption-content p {
	font-size: 24px;
	font-weight: bold;
	background: none;
}
.caption_framed .slideshow_caption .avia-caption-content span {
	color: #072747;
    background: #fff;
    padding: 8px 18px;
	line-height: 2.5;
}
@media only screen and (max-width: 989px)  {
	.caption_framed .slideshow_caption .avia-caption-title {
		font-size: 60px;
		padding: 15px 10px 0;
	}
	.caption_framed .slideshow_caption .avia-caption-content p {
		font-size: 18px;
	}
}
@media only screen and (max-width: 767px)  {
	.caption_bottom .slideshow_caption .slideshow_inner_caption .slideshow_align_caption {
		padding-bottom: 20px;
	}

	.responsive #top .slideshow_caption h2 {
		font-size :30px !important;
	}
	.caption_framed .slideshow_caption .avia-caption-content p {
		font-size: 24px ;
	}
	.caption_framed .slideshow_caption .avia-caption-content p {
		font-size: 14px;
	}
	.caption_framed .slideshow_caption .avia-caption-content span {
		padding: 4px 10px;
		line-height: 2.2;
	}
	.avia-slideshow-dots a {
		width: 9.5px;
		height: 9.5px;
		padding: 5px;
	}
	.caption_bottom .slideshow_caption .slideshow_inner_caption {
		padding: 0;
	}
	
	/* 両サイドのスライドボタン */
	#top .av_slideshow_full.av-control-default .avia-slideshow-arrows a {
		margin: -45px 0 0 0;
		width: 20px;
		height: 70px;
		line-height: 72px;
	}
	#top .av_slideshow_full.av-control-default .next-slide:before,
	#top .av_slideshow_full.av-control-default .prev-slide:before {
		line-height: 72px;
		font-size: 18px;
	}
}

@media only screen and (max-width: 479px)  {
	.responsive #top .slideshow_caption h2 {
		font-size :20px !important;
	}
	.caption_framed .slideshow_caption .avia-caption-content p {
		font-size: 10px;
		padding: 5px 10px;
	}
	.caption_framed .slideshow_caption .avia-caption-content span {
		padding: 3px 8px;
	}
	/* 両サイドのスライドボタン */
	#top .av_slideshow_full.av-control-default .avia-slideshow-arrows a {
		margin: -25px 0 0 0;
		width: 20px;
		height: 50px;
		line-height: 52px;
	}
	#top .av_slideshow_full.av-control-default .next-slide:before,
	#top .av_slideshow_full.av-control-default .prev-slide:before {
		line-height: 52px;
		font-size: 16px;
	}
	/* ドット */
	.avia-slideshow-dots a {
		bottom: 20px;
	}
	
}


/* ======================================================================
　下層ページ
 ======================================================================*/
/* ----------------------------------
  下層メインビジュアルタイトル
 ---------------------------------- */
#lower-pagetitle {
	min-height: 0;
	position: relative;
}

#lower-pagetitle.grad-shadow-bottom:before { /* Clara Cloud Flex用*/
	content: ''; */
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 65%, rgba(0, 0, 0, 0.2) 100%);
}

#lower-pagetitle .container {
	padding-top: 38px !important;
    -webkit-transition: opacity 0s;
    transition: opacity 0s;
	opacity: 1;
}
#lower-pagetitle .lower-page-ttl {
	
}

#lower-pagetitle .lower-page-ttl .main {
	font-size: 40px;
	text-shadow: rgba(0,0,0,0.6) 0 0 8px;
    letter-spacing: 0;
}
#lower-pagetitle .lower-page-ttl .sub {
	font-size: 24px;
	font-weight: normal;
	text-shadow: rgba(0,0,0,0.6) 0 0 8px;
}
#lower-pagetitle .custom-color-heading a{ text-decoration: none;}
#lower-pagetitle .custom-color-heading a:hover {opacity:1 !important; }

#lower-pagetitle .lower-page-ttl .white-border-box {
    border: 2px solid #FFF;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}
#lower-pagetitle .av-subheading.av_custom_color {
	opacity: 1;
}

@media only screen and (max-width: 767px) {
	#lower-pagetitle .container {
		height: auto !important;
		padding-top: 0 !important;
	}
	#lower-pagetitle .lower-page-ttl .main {
		font-size: 18px;
		text-shadow: rgba(0,0,0,0.6) 0 0 4px;
		letter-spacing: 2px;
	}
	#lower-pagetitle .lower-page-ttl .sub {
		font-size: 13px;
	}
	#lower-pagetitle .av-content-full,
	#lower-pagetitle .av-content-small {
		padding: 30px 0 15px;
	}
	.responsive #top .container .av-content-small {
		margin-bottom: 0;
	}
	
}
/* ----------------------------------
  下層パンくずリスト
 ---------------------------------- */
#breadcrumbs {
	padding: 5px 0;
	min-height: auto;
	font-size: 12px;
}
/*パンくずリストのCSS*/
.title_container .breadcrumb {right: auto;}
.breadcrumb a {
    background: #fff;
    border-radius: 40px;
    padding: 0 8px;
    margin-right: 8px;
	transition: all 0.2s ease-out;
}
.breadcrumb a:hover {
    text-decoration: none;
    background: #d1d1d1;
}
.breadcrumb .sep {
    padding: 0 3px;
    margin-right: 6px;
	width: 12px;
}
/* ----------------------------------
  STAFF's VOICE スタッフの声
 ---------------------------------- */
/* メンバープロフ */
@media only screen and (max-width: 479px) {
	#breadcrumbs {
		font-size: 10px;
	}
	.breadcrumb a {
		padding: 0 8px;
		margin-right: 2px;
	}
	.breadcrumb .sep {
		margin-right: 0;
	}
}

.member-prof-title .av-special-heading-tag {
	color: #072747;
	border-bottom: 3px solid #072747;
	display: inline-block;	
}
.team-img-container img.av-team-img-original {
	border-radius: 100px;
}
.team-member-name {
	font-size: 1.25em;
	text-align: center;
}
.team-member-job-title {
	text-align: center;
}

/* ページ内リンク */
#interlink {
	padding: 30px 0 15px;
}
#top #interlink .av-iconlist-small li {	
    float: left;
    width: 50%;
	clear: none;
	padding-bottom: 15px;
}
#top #interlink .av_inherit_color a {
	text-decoration: none;
}
#top #interlink .av_inherit_color a:hover {
	text-decoration: underline;
}

@media only screen and (max-width: 767px) {
	#top #interlink .av-iconlist-small li {	
		width: 100%;
		clear: both;
	}	
}
/* タイトル要素 */
.careers_ttl .av-special-heading-tag{
	font-size: 1.5em;
    font-weight: bold;
    line-height: 1.4;
    padding: 26px 30px !important;
    color: #fff !important;
    background-color: #072747;
    border-left: 5px solid #f39b17;
	margin-bottom: 20px !important;
}
.careers_ttl02 .av-special-heading-tag{
	font-size: 1.2em;
    font-weight: bold;
    line-height: 1.4;
    padding: 10px 20px !important;
    color: #072747;
    background-color: #f1f1f1;
	margin-bottom: 20px !important;
}

/* トーク部分 */
#title01 .content,
#title02 .content,
#title03 .content,
#title04 .content {padding-bottom: 0;}

.talk-q {
	padding: 10px 0 ;
	font-weight: bold;
}
.talk-img {
	margin-bottom: 30px;
}
.talk-txt {
	margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
	/* タイトル要素 */
	.careers_ttl .av-special-heading-tag{
		font-size: 16px;
		padding: 10px !important;
		margin-bottom: 10px !important;
	}
	.careers_ttl02.av-special-heading{
		margin-top:30px;
	}
	.careers_ttl02 .av-special-heading-tag{
		font-size: 14px;
	}

	/* トーク部分 */
	.talk-q {
		padding: 10px 0 0;
	}
	.talk-img {
		margin-bottom: 30px !important;
		float: left !important;
		width: 15% !important;
	}
	.talk-txt {
		margin-bottom: 30px !important;
		float: left !important;
		width: 85% !important;
		padding-left: 15px ;
	}
	.talk-txt p {
		margin: 0;
	}
}

/* ----------------------------------
  応募職種 ボタン
 ---------------------------------- */
/* 青ぬき */
.careers-btn02 .avia-button.avia-size-large {
	padding: 18px 30px;
	max-width: 400px;
}
.careers-btn02 .avia-button.avia-size-large .avia_button_icon {
    color: #f39b17;
}

/* 青ぬき */
#top .careers-btn03 .avia-button.avia-color-light {
	padding: 18px 30px;
	color: #fff;
	border: 3px solid #072747;
	background: #072747;
}

.careers-btn03 .avia-button.avia-size-large .avia_button_icon {
    color: #f39b17;
}
/* ----------------------------------
  fullwidthボタン（full width ボタン）
 ---------------------------------- */

@media only screen and (max-width: 767px) {
	#top .avia-button-fullwidth {
       font-size: 1.1em;
	    padding: 15px;
	}
}
/* ----------------------------------
  外部リンク アイコン
 ---------------------------------- */
.external:after {	
	content: "\f14d";
    font-family: 'fontawesome5free-solid';
	padding-left: 4px;
	font-weight: normal;
}

.anchor:after {	
    content: "\f107";
    font-family: 'fontawesome5free-solid';
    padding-left: 4px;
    font-weight: normal;
}
.check:after {	
    content: "\f00c";
    font-family: 'fontawesome5free-solid';
    font-weight: normal;
}

.discuss:after {	
    content: "\e83c";
    font-family: 'entypo-fontello';
    padding-left: 4px;
    font-weight: normal;
}


.rightmore:after {
    content: "\e87d";
    font-family: 'entypo-fontello';
    padding-right: 4px;
    font-weight: normal !important;
	float: right;
}


/* ======================================================================
　共通：フッターセッティング
 ======================================================================*/

/* ----------------------------------
  フッターメニュー
 ---------------------------------- */
#footer .container {
	padding-top:0 !important;
}

/* カラム */
#footer .nav-box {
	margin-left: 4%;
}
#footer .nav-box:first-child {
	margin-left: 0;
}
/* フッターリンクタイトル */
#footer .footer-nav-heading {
    position: relative;
}
#footer .footer-nav-heading .av-special-heading-tag {
    background: #2c343e;
    z-index: 1;
    position: relative;
    display: inline-block;
    padding-right: 12px !important;
}
.footer-nav-heading:after {
    position: absolute;
    top: -25%;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: rgba(255,255,255,0.5);
    z-index: 0;
}
/* リンク */
#footer .footer-nav p {
	margin: 0.65em 0;
}
#footer .footer-nav a {
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	transition: all 0.2s ease;
}
#footer .footer-nav a:hover {
	color: #39a3d0;
}

/* フッターリンク SNS*/
.ico-twitter:after {
    content: "\e8f2";
    font-family: 'entypo-fontello';
    padding-right: 8px;
    font-weight: normal;
}
.ico-facebook:after {
    content: "\e8f4";
    font-family: 'entypo-fontello';
    padding-right: 8px;
    font-weight: normal;
}
.ico-instagram:after {
    content: "\e8fd";
    font-family: 'entypo-fontello';
    padding-right: 8px;
    font-weight: normal;
}


.entry-content-wrapper .footer-nav li {
	float: left;
	list-style: none;
    border-left: 1px solid #fff;
    margin: 0 0 10px;
    padding: 0 20px;
    line-height: 1.2;
}
.entry-content-wrapper .footer-nav li:last-child {
	border-right: 1px solid #fff;
}
.footer-nav a,
.footer-nav a:hover {
	color: #fff;
}
@media only screen and (max-width: 989px) {
	.entry-content-wrapper .footer-nav li {
		font-size: 14px;
	}
	/* カラム */
	#footer .nav-box {
		width: 44%;
		margin-left: 6%;
	}
	#footer .nav-box:nth-child(3) {
		margin-left: 0;

	}
	#footer .nav-box:nth-child(3) {
		margin-left: 0;
	}
}

@media only screen and (max-width: 768px) {
	.footer-logo { top: -5px;}
	.footer-logo a {border-radius: 0;}
	.footer-logo .avia_image {
		max-width: 85px;
	}
	.footer-left {
		padding: 0 10px !important;
		border: 0;
	}
	.responsive #top #wrap_all .av-flex-cells .no_margin.footer-right {
		padding: 0 0 20px !important;
	}
	.entry-content-wrapper .footer-nav li {
		float: none;
		border-left: 0;
		margin: 0;
		padding: 0;
	}
	.footer-nav p {margin: 0;}
	.footer-nav a {		
		display: inline-block;
		font-size: 12px;
		margin: 0 0 8px;
	}
	
	/* カラム */
	#footer .nav-box {
		width: 44% !important;
		margin-left: 3% !important;
		margin-right: 3% !important;
	}
	.responsive #top #wrap_all .footer-submenu .container {
		width: 100%;
		max-width: 100%;
	}
	.responsive #top #wrap_all .footer-submenu .av-subnav-menu > li > a {
		font-size: 10px;
		padding: 0px 5px 0px 5px;
	}
}

/* ----------------------------------
  外部リンク一覧
 ---------------------------------- */
#footer .widget.widget_nav_menu {
	margin: 10px 0;
}
#footer .av-content-full{
	padding-bottom: 0;
}
#footer-external-links {
	margin-top: 30px;
	text-align: center;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

#footer-external-links .widget_nav_menu li {
	border: 0!important;
	clear: none !important;
	display: inline-block;
}
#footer-external-links .widget_nav_menu a {
	display: inline;
	padding: 0 !important;
	margin: 0 5px;
	color: #fff !important;
	background: none !important;
	font-size: 10px;
	transition: color 0.2s ease;
}
#footer-external-links .widget_nav_menu a:hover {
	background: none !important;
	color: #39a3d0 !important;
}
/* ----------------------------------
  フッターロゴ
 ---------------------------------- */

#footer .footer-logo p {margin:0;}
#footer .footer-logo .img {
	width: 182px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}
#footer .footer-logo .txt {
	display: inline-block;
	font-size: 10px;
	color: #fff;
}
#footer .footer-logo a {
}
/* ----------------------------------
  コピーライト
 ---------------------------------- */
#footer .copyright p{
	margin: 0;
}


/* ----------------------------------
  コピーライト
 ---------------------------------- */

/* 募集要項（新卒採用＆中途採用）
 --------------------------- */
#require-column {
	border-top: 5px solid #CCC !important;
}
@media only screen and (max-width: 480px) {
	.footer-new-graduate {
		background-position: -30px center !important;
	}	
}

/* ロゴ＆メニューエリアGRID
 --------------------------- */
#footer {
	padding: 0;
	border-top: 5px solid #CCC !important;
}
#footer .container {
	width: 100%;
	padding: 0 20px;
}




/* ----------------------------------
  hr要素
 ---------------------------------- */
@media only screen and (max-width: 767px) {
	.hr, .hr-short {
		margin: 10px 0 15px !important;
	}
}

/* Button要素のマウスオーバー */
#top .avia-button {
	font-weight: bold!important;
}

/* 白いボタン */
#top .avia-button.avia-color-light:hover {
	background: #fff;
	color: #000;
	opacity: 1;
}

/* ======================================================================
　Enfold用のデフォルトセッティングCSS　※必要に応じてON/OFF
 ======================================================================*/
/* ----------------------------------
  ブログページセッティング
 ---------------------------------- */
/* ブログページの横幅 */
#top .fullsize .template-blog .post .entry-content-wrapper > * {
	max-width: 45em;
}

/* ポストmeta */
#top .fullsize .template-blog .post-meta-infos {
	text-align :left;
}
/* タイトル要素 */
.single article h2 {
	font-size: 24px;
    margin: 60px 3px 40px;
    line-height: 1.3;
    vertical-align: bottom;
    position: relative;
/*    border-left: 3px solid #ffc800;*/
	border-left: 3px solid #023358;
	border-bottom: 1px solid #DDD;
    padding: 20px;
}
.single article h3 {
    font-size: 18px;
    padding: 10px 15px 10px 20px;
	margin: 40px 0 30px;
	background: #f4f4f6;
	position: relative;
}
	.single article h3:before {
		content: "";
		position: absolute;
		top: 50%;
		left: -7px;
		border-left: 13px solid #023358;
		border-bottom: 13px solid transparent;
		margin-top: -6px;
		transform: rotate(135deg);
	}
/*	.single article h3:after {
		content: "";
		position: absolute;
		bottom: 0;
		right: 0;
		border-right: 15px solid #023358;
		border-top: 15px solid transparent;
	}*/
.single article h4 {
    font-size: 16px;
    padding: 10px 0;
	margin: 30px 0 ;
	border-bottom :3px solid #DDD;
}
.single article h5 {
    font-size: 16px;
	font-weight: bold;
    padding: 10px 0;
	margin: 30px 0 10px;
}
.single article strong {
	color: inherit !important;
}
@media only screen and (max-width: 768px){
	#top .fullsize .template-blog .post-title {
		font-size: 18px;
		line-height: 1.4;
		margin-bottom: 5px;
	}
	.single article h2 {
		padding: 10px 0 10px 15px !important;
		margin:40px 0 30px;
		font-size: 18px;
		line-height: 1.4;
	}
	.single article h2:after {
		bottom: -10px;
	}
	.single article h3 {
		font-size: 16px;
		padding: 5px 10px;
		margin :30px 0 20px;
	}
		.single article h3:before {
			border-left: 10px solid #023358;
			border-bottom: 10px solid transparent;
		}
	.single article h4 {
		font-size: 14px;
		padding: 5px 0;
		margin :20px 0 15px;
		border-bottom: 2px solid #DDD;
	}
	.single .entry-content-wrapper div li {
		font-size:14px;
	}
}

/* テーブル */
.single .main_color tr th, .main_color .pricing-table>li , .main_color .pricing-extra {
	background: #f8f8f8;
	color: #333;
}
.single .main_color tr th {line-height:1.4;}
.single .main_color table {
	background: none;
	width: 100% !important;
}
.single .main_color th {
	border-color: #DDD;
}
.single .main_color td {
	padding: 10px;
}
.single .main_color th p,
.single .main_color td p,
.single .main_color td ul {
	margin: 0;
}
@media screen and (max-width: 767px) {
	.single .main_color table {
		width: 100% !important;
	}
	.single .main_color th,
	.single .main_color td {
		font-size: 10px;
		padding: 5px;
	}
	
	.single .main_color th p,
	.single .main_color td p {
		font-size: 10px;
		margin: 0;
	}
	
	.single .main_color td ul {
		padding-left: 5px;
	}
	
	.single .main_color td li {
		font-size: 10px;
	}
}

/*リスト*/
.single ol {
	list-style: decimal;
}

/* 引用 */
.single blockquote {
	position: relative;
	font-size: 100%;
	background: #f0f0f0;
	border-radius: 10px;
	border:none;
	padding: 40px 30px 15px;
	margin: 35px 0;
}
.single blockquote:before {
	content: "“";
    font-size: 70px;
    position: absolute;
	left: 15px;
    color: #AAA;
}
.single blockquote:after {
    content: "”";
    font-size: 70px;
    position: absolute;
	right: 15px;
	bottom: 0;
    color: #AAA;
}
.single blockquote p {
	color: #333;
}
@media screen and (max-width: 767px) {	
	.single blockquote {
		border-radius: 5px;
		border:none;
		padding:30px 25px 10px;
		margin: 35px 0;
	}
	.single blockquote:before {
		font-size: 35px;
		left: 10px;
		top: 20px;
	}
	.single blockquote:after {
		font-size: 35px;
		right: 10px;
	}
}


.single .entry-content a {
	text-decoration: underline;
}
.single .entry-content a:hover {
	/*text-decoration: none;*/
	color: #5d138c;
}



/* ----------------------------------
  テキストサイズ
 ---------------------------------- */

@media only screen and (max-width: 768px){
	body {font-size: 14px !important;}
}

/* ----------------------------------
  コンテンツエリアの幅
 ---------------------------------- */
@media only screen and (max-width: 768px){
  .responsive #top #wrap_all .container {
    width: 96%;
    max-width: 96%;
  }
}

@media only screen and (max-width: 768px){
  .responsive #top #wrap_all .container {
    width: 91%;
    max-width: 91%;
  }
}


/********** EnfoldのボタンにTransitionをきかせる **********/
.avia-button {
   -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}







/********** ヘッダメインメニューのレスポンシブサイズ調整 **********/
/*小カテゴリがあるメニューに下矢印をつける*/
.menu-item-has-children>a .avia-menu-text:after {
    width: 11px;
    height: 7px;
    display: inline-block;
    vertical-align: top;
    content: "\f107";
    font-family: 'fontawesome5free-solid';
    padding-left: 4px;
	margin-left: -3px;
    font-weight: normal;
}
/*レスポンシブサイズ調整*/
#top .av_seperator_big_border .avia-menu.av_menu_icon_beside {border-right: 1px solid #E2E2E2;}
@media screen and (min-width:768px) and (max-width: 1280px) {
  #menu-item-1188 {display: none; }
}
@media screen and (min-width:768px) and (max-width: 1190px) {
  #top .avia-menu.av_menu_icon_beside {margin-right: -25px;}
  #top .av_seperator_big_border#header .av-main-nav > li > a {min-width: 70px; padding: 0 9px;}
}
@media screen and (min-width:480px) and (max-width: 1190px) {
    .social_bookmarks {display: none !important; }
}

@media screen and (min-width:768px) and (max-width: 980px) {
   .responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a,
  .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {
    height: 70px;
    line-height: 70px;
  }
}
/* Current 設定*/
.avia-menu-fx {
	top: 1px;
	bottom: auto;
}
.av_minimal_header .current_page_item .avia-menu-fx {
  margin: 0 12px;
  height:5px;
  display: block;
  width: calc(100% - 24px);
}
/*スマホ時のCurrentカラー設定*/
@media screen and (max-width: 989px) {
  .html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul > .current-menu-item.current-menu-ancestor > a
  {
     color: #fff !important;
     background: #000!important;
  } 
  .html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul > .current-menu-item > a,
  .html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul > .current-menu-item .current-menu-item > a  {
     color: #fff !important;
     background: #333!important;
  } 
}




/* ----------------------------------
  グローバルメニュー
 ---------------------------------- */

/* モバイル時のメニューボタンの出現サイズ（ブレークポイント）を調整 */
@media only screen and (max-width: 1170px) and (min-width: 990px) {
  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none;
  }
  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
      display: block;
  }
   .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
		top: 0;
		left: auto;
		right: 0;
		display: block;
	}
	#header_main .logo img {
		padding:0;
	}
}

/* ハンバーガーメニューボタン */
.html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner,
.html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner:before,
.html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner:after{
	background: #fff;
}

/* エリア全体のカラー */
.html_av-overlay-side #top .av-burger-overlay-scroll {
	background: #072747;
}

/* フォント周り */
#top #av-burger-menu-ul {
	vertical-align: top;
}
.html_av-overlay-side #top .av-burger-overlay li a:hover {
	opacity: 0.8;
}

.html_av-overlay-side #av-burger-menu-ul li a .avia-menu-subtext {
	font-size: 0.8em;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
	padding: 5px 50px;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
	font-weight:bold;
	margin-bottom: 15px;
	transition: all 0.2s ease-in-out;
}
.html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul a:hover {
	color: #f39b17;
	background: none;
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul .current_page_item a,
.html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul .current_page_item a:hover {
	background: #053565;
}

/* 外部リンク（コーポレートサイトリンク） */
.gnav-company.link01 {
	margin-top: 30px !important;
}
.gnav-company.link01:before {
	content: "";
    border-top: 1px solid #fff;
    display: block;
    position: absolute;
    top: -15px;
    left: 50px;
    width: 370px;
}
/* ハンバーガーメニュー内の文字サイズ等 */
#av-burger-menu-ul li a .avia-menu-text {
	font-size: 1.3em;
	color: #fff;
	display: inline-block;
	padding: 5px 0;
}
#av-burger-menu-ul li a .avia-menu-subtext {
	color: #CCC;
}

#av-burger-menu-ul li.gnav-company a {
	margin-bottom: 0!important;
}
.html_av-overlay-side #av-burger-menu-ul li a .avia-menu-subtext
#av-burger-menu-ul li.gnav-company a .avia-menu-text {
	font-size: 1.2em;
}
#av-burger-menu-ul li.gnav-company a .avia-menu-subtext {
	font-size: 0.6em;
}
#av-burger-menu-ul li.gnav-company a .avia-menu-text:after {
	font-size: .7em;
    content: "\e835";
    font-family: 'entypo-fontello';
    padding-left: 15px;
	font-weight: normal;
}
/* サブメニューテキスト */
.html_av-overlay-side-minimal #top .av-burger-overlay .sub-menu {
	font-size: 0.7em;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul .sub-menu {
	margin-bottom: 15px;
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul .sub-menu a {
	margin-bottom: 5px;
}
/* サブメニューアイコン */
.html_av-submenu-hidden .av-submenu-indicator {
	font-size: 1.3em;
	color: #fff;
	opacity: 1;
}


@media only screen and (max-width: 479px) {
	.html_av-overlay-side .av-burger-overlay-scroll {
		width: 350px;
	}
	#av-burger-menu-ul li a .avia-menu-text {
		font-size: 1.3em;
		padding: 0 0 5px;
	}
	#av-burger-menu-ul li.gnav-company a .avia-menu-text {
		padding-bottom: 1px;
	}
	.html_av-overlay-side #av-burger-menu-ul li a .avia-menu-subtext {
		font-size: 0.7em;
	}
	.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
		margin-bottom: 15px;
	}
	.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
		padding: 5px 30px;
	}

	/* 外部リンク（コーポレートサイトリンク） */
	.gnav-company.link01:before {
		top: -15px;
		left: 30px;
		width: 290px;
	}
	#av-burger-menu-ul li.gnav-company a .avia-menu-text {
		font-size: 1.1em;
	}
	#av-burger-menu-ul li.gnav-company a .avia-menu-subtext {
		font-size: 0.6em;
	}
	#av-burger-menu-ul li.gnav-company a .avia-menu-text:after {
		font-size: .9em;
		padding-left: 9px;
	}

}


/* ------------------------------------------------------
 ヘッダメインメニュー（PC表示）
 ------------------------------------------------------ */
/* PC時ロゴ・メニューを含む全体幅・高さ */
@media only screen and (min-width: 1170px ) {
	.container.av-logo-container {
		max-width: 1380px;
	}
}
.av_minimal_header #header_main .container, .av_minimal_header .main_menu ul:first-child > li a {
    height: 70px;
    line-height: 70px;
}

/* PCヘッダー内メニュー表示のレイアウト調整
 --------------------------- */
#header_main .main_menu {
	left: 230px;
}
#header_main .av-main-nav-wrap {
	width: 100%;
}
#header_main .av-main-nav-wrap ul {
	text-align: right !important;
}
/* 任意のメニューを右寄せにする */
#header_main .av-main-nav li.right-shift {
	display: inline-block;
	float: none;
}
/* ロゴ位置 */
@media only screen and (min-width: 990px) {
#header_main .logo img {
    padding-top: 21px;
    width: 180px;
}
}
	@media only screen and (max-width: 989px) and (min-width: 768px) {
  	.logo img {
  	    margin: 0;
      padding: 15px 0 ;
  	}
	}

	@media only screen and (max-width: 767px)  {
  	.responsive .logo img {
  	    margin: 0;
        padding: 0 !important;
		max-height: 30px;
  	}
		.responsive #top .logo {
			float: left;
		}
	}
/* 検索アイコンを削除 */
#top #menu-item-search {
	display: none !important;
}
/* 背景カラー */
#top .av_header_glassy.av_header_transparency .header_bg {
	opacity: 0;
}

/* ボーダーボタン */
#top .av-menu-button.av-menu-button-bordered > a {
	padding: 0;
}
#top .av-menu-button.av-menu-button-bordered > a .avia-menu-text {
	border: 0;
	border-bottom: 1px solid ;
	padding-left:0;
	padding-right: 0;
}
.av-menu-button + .av-menu-button {
	margin-left: 10px;
}

/* 透過時のメニューCSS・Hover処理など
--------------------------- */
#top #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-text {
	transition: all 0.2s ease;
	color: #fff;
}
#top #header.header_color.av_header_transparency .av-main-nav > li > a:hover .avia-menu-text {
	color: #00b1d0;
}
#top .av_header_transparency .main_menu ul:first-child > li > a:hover {
	opacity: 1;
}
/* 非透過時のメニューCSS・Hover処理など
--------------------------- */
.header_color .main_menu ul:first-child > li > a {
	color: #000;
}
.header_color .main_menu ul:first-child > li > a:hover {
	color: #00b1d0;
}



/* スマホ時のロゴ・ヘッダ */
@media only screen and (max-width: 767px){
  .responsive .logo img {
     padding: 0;
  }
  .responsive #top .logo {
    height: 50px !important;
    width: 50%;
    margin: 0 auto; 
  }
  .responsive #top #wrap_all .main_menu {
    height: 50px;
  }
  .responsive #top #header_main > .container .main_menu .av-main-nav > li > a {
    padding: 0 10px !important;
    height: 50px;
    line-height: 76px !important;
  }
  /*サーチアイコンの位置調整*/
  #menu-item-search a:before {
    position: relative;
    bottom: 13px;
  }
  /*ハンバーガーメニュー*/
  .av-small-burger-icon {margin-left: -15px; right: -5px;}
  .av-hamburger-inner {height: 2px;}
  .av-hamburger-inner::before {top:-8px; height: 2px;}
  .av-hamburger-inner::after {bottom: -8px; height: 2px;}
   .av-hamburger-box {
      height:32px!important;
      width:25px!important;
   }
}




/*ヘッダメニュー全域*/
#header_main_alternate {
  background: rgba(0,0,0,0.3);
}
/*横幅のmin-width*/
.av_seperator_big_border .av-main-nav > li > a {
  min-width: 70px;
}

/*メインボタン*/
.html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a {
  color:#FFF;
  min-width:150px;
  background: #4f4848; /* Old browsers */
  background: -moz-linear-gradient(top, #000 0%, #424242 50%, #0a0e0a 51%, #0a0809 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #000 0%,#424242 50%,#0a0e0a 51%,#0a0809 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #000 0%,#424242 50%,#0a0e0a 51%,#0a0809 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */
}
/*メインメニュー・サブメニューカレント*/
.av-subnav-menu .current-menu-item,
.av-subnav-menu .current-menu-item a,
.main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a,
.html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul > .current-menu-item > a,
.html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul > .current-menu-item .current-menu-item > a {
    color: #000 !important;
    /*background: #ebebeb!important;*/
}
#top .av-subnav-menu > li {
	padding-bottom: 10px;
	border-bottom: 5px solid #fff;
}
#top .av-subnav-menu > li.current-menu-item {
	border-bottom: 5px solid #39a3d0;
}
#top .av-subnav-menu > li.current_page_item#menu-item-9489,
#top .av-subnav-menu > li.current-page-ancestor {
	border-bottom: 5px solid #CCC;
}
#top .av-subnav-menu > li.current_page_item#menu-item-9489,
#top .av-subnav-menu > li.current_page_item#menu-item-9489 a,
#top .av-subnav-menu > li.current-page-ancestor,
#top .av-subnav-menu > li.current-page-ancestor a {
	background: #EEE;
}

@media screen and (max-width: 767px) { 
	#top .av-subnav-menu > li {
		padding: 5px 0 0px;
		font-size: 10px;
	}
	#top .av-subnav-menu > li.current-menu-item {
		border-bottom: 3px solid #39a3d0;
	}
	#top .av-subnav-menu > li > a {
		padding: 0 7px;
	}
	#sub_menu1 .av-menu-mobile-disabled {
		width: 100%!important;
		max-width: 100% !important;
	}
	#top .av-submenu-container {
		min-height: auto;
	}
	#top #wrap_all .main_color .av-menu-button-colored > a .avia-menu-text {
		padding: 5px;
	}
	#top .av-subnav-menu > li.current-menu-item {
	
	}
}


/* アンカーリンク用のグレーボタン */
#top #wrap_all .alternate_color .av-menu-button-colored.gray-btn > a .avia-menu-text {
    background-color: #f1f1f1;
    color: #666;
    border-color: #f1f1f1;
    border-width: 0px; 
}
.av-menu-button-colored.gray-btn > a:hover .avia-menu-text {
	background: #e8e8e8 !important;
	opacity: 1;
}


@media screen and (max-width: 968px) {
  .html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul > .current-menu-item.current-menu-ancestor > a
  {
     color: #fff !important;
     background: #000!important;
  } 
  .html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul > .current-menu-item > a,
  .html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul > .current-menu-item .current-menu-item > a  {
     color: #fff !important;
     background: #333!important;
  } 

}
/* メインメニューのカートアイコンを消す */
.responsive #top .cart_dropdown 
 {
  display:none !important;
}


/* 下層カレント時に上位階層のメニューにもアンダーライン入れる */
.current-page-ancestor .avia-menu-fx {
  opacity: 0.7;
  visibility: visible;
}

/* サブメニューのCSS */
/* .header_color .main_menu .menu ul li a {
  color: #FFF;
}
.header_color .main_menu .menu ul li a:hover {
  background: #888;
}
*/

/********** メインメニューの検索結果失敗をオフにする***********/
#top div .ajax_not_found {
  display:none;
}


/* ----------------------------------
トップへ戻るボタン　
 ---------------------------------- */
/********** 右下のページトップへ戻るボタンをSPでも表示 *************/
.responsive #scroll-top-link {
   border: 1px solid #BBB;
}
@media only screen and (max-width: 767px) {
  .responsive #scroll-top-link {
     display: block !important;
     right: 20px;
     bottom: 20px;
   }
}


/* ----------------------------------
　TABLE テーブル
 ---------------------------------- */
/********** 白背景テーブル（main_color） *********/
/* ハイライトの背景色を指定 */
div .avia-table {
	margin: 0;
	table-layout: auto !important;
}
.main_color .avia-data-table .avia-highlight-col {
  background:#f1f1f1;
  font-weight:bold;
  width:200px;
}
.main_color .avia-data-table .avia-highlight-col {
	font-size: 14px;
	font-weight: normal;
}
.main_color .avia-data-table .avia-heading-row .avia-highlight-col,
.main_color .avia-data-table .avia-heading-row .avia-center-col {
	background: #39a3d0;
	color: #fff;
	border-color: #b5dced;
	letter-spacing: normal;
	font-size: 16px;
}

/* ディスク増量*/
.main_color .avia-data-table .avia-heading-row .avia-center-col .add-disk {
    padding: 5px;
    line-height: 1;
    font-size: 11px;
    display: inline-block;
    background: #fff;
    border-radius: 5px;
    color: #39a3d0;
}
/* 勝手に色がだんだんになるの辞める */
.main_color tr:nth-child{
  background-color:#FFF;
}
.main_color th{ 
  vertical-align:middle;
}
.main_color td{
  font-size:13px;
  font-weight: bold;
  vertical-align:middle;
  color:#000;
  background-color:#FFF;
  border-color: #DDD;
  padding:15px;
  min-width: 100px;
}
@media only screen and (max-width: 769px) {
	.main_color td {
		padding: 6px 7px 5px;    
	}
}


/*モバイルのときのテーブルデザイン*//* 通常テーブルレイアウト *//*
@media only screen and (max-width: 767px) {
  .responsive .main_color .avia_responsive_table .avia-data-table {
  }
  .responsive div .avia_responsive_table .avia-data-table tr {
    display: table-row;
  }
  .responsive div .avia_responsive_table .avia-data-table tbody {
    display: table-row-group;
  }

  .responsive div.main_color .avia_responsive_table .avia-data-table td {
    text-align:left;
    line-height: 1.4;
    color: #000;
    font-size: 12px;
    display: table-cell !important;
  }
  .responsive div.main_color .avia_responsive_table .avia-data-table td.avia-highlight-col {
    font-size: 12px;
    font-weight:normal;
    border-right: 1px solid #e1e1e1;
    display: table-cell !important;
  }
}
*/
/*モバイルのときのテーブルデザイン*//* モバイル専用レイアウト */
@media only screen and (max-width: 767px) {
	/* フォントサイズ調整 */
	.main_color .avia-data-table .avia-heading-row .avia-center-col {
		font-size: 12px;
	}
	.main_color .avia-data-table .avia-highlight-col,
	.main_color td {
		font-size: 10px;
		line-height: 1.5;
	}

	/* スクロールテーブルをオフ */
	.no-scrollable {
		overflow-x: visible !important;
	}
	.responsive .no-scrollable td {
		width: auto !important;
		white-space: unset !important;
	}
		
	.responsive .main_color .avia_responsive_table .avia-data-table {
    border: none;
    background: none;
  }
	.avia_scrollable_table .avia-table.no-scrollable {
		width: 100%;		
	}
	.no-scrollable-wrap .avia_scrollable_table {
		overflow-x: visible;
	}
	
  /* テキスト左寄せ */
  .responsive div.main_color .avia_responsive_table .avia-data-table td {
    text-align:left;
    line-height: 1.4;
    color: #000;
    font-size: 10px;
    border-top: none;
    border-bottom: none;
  }
  .responsive div.main_color .avia_responsive_table .avia-data-table td.avia-highlight-col {
    padding: 5px 0 5px 10px;
    width:100%;
    border-bottom: none;
    font-size: 10px;
    font-weight:bold;
    margin-top:10px;
    border-left: 5px solid #CCC;
	color: #072747;
  }
}

@media only screen and (max-width: 767px) {

/********** 黒背景テーブル（alternate_color） *********/
/* ハイライトの背景色を指定 */
.alternate_color .avia-data-table .avia-highlight-col {
  background:#2d2d2d;
  font-weight:bold;
  width:30%;
}
/* 勝手に色がだんだんになるの辞める */
.alternate_color  td,
.alternate_color tr:nth-child(even){
  color: #FFF;
  background-color:#191919;
}
}
	

/*モバイルのときのみ*/
@media only screen and (max-width: 767px) {
  .responsive .alternate_color .avia_responsive_table .avia-data-table {
    border: none;
    background: none;
  }
  /* テキスト左寄せ */
  .responsive div.alternate_color .avia_responsive_table .avia-data-table td {
    text-align:left;
    line-height: 1.4;
    padding: 10px 10px 20px;
    color:#FFF;
    font-size: 10px;
    border: 1px solid #444;
    border-top: none;
  }
  .responsive div.alternate_color .avia_responsive_table .avia-data-table td.avia-highlight-col {
    padding: 5px 0 5px 10px;
    width:100%;
    border-bottom: none;
    color:#666;
    font-size: 10px;
    font-weight:normal;
    border: 1px solid #444;
    margin-top:10px;
  }
}

/* ----------------------------------
 Special Headingのサブタイトル　
 ---------------------------------- */
/* Special Headingのサブタイトルを8割透明に */
/*
.av-subheading p:first-child,
.av-subheading p:last-child {opacity:0.8;}
.av-subheading_above p { padding-bottom: 0 !important;}
.av-subheading_below p { padding-top: 0 !important;}
*/
/* ----------------------------------
 Masonry GalleryのCSS　
 ---------------------------------- */
/********** 読み込みアニメーションをオフ *************/
/*.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
/*  -webkit-animation: none; /* Safari 4+ */
/*  -moz-animation: none; /* Fx 5+ */
/*  animation: none; /* IE 10+ */
/*}
.av-masonry-entry {
  opacity: 1 !important;
  visibility: visible !important;
}*/
/********** 大サイズのディスプレイで6カラムになるのを防ぐ *************/
@media only screen and (min-width: 1800px) {
  .responsive.html_stretched .av-masonry-col-flexible .av-masonry-entry,
  .responsive.html_av-framed-box .av-masonry-col-flexible .av-masonry-entry {
    width: 24.9%!Important;
  }
}
/********** スマホ時にカラム数変更 *************/
/* 767px以下で3カラムレイアウト */
@media only screen and (max-width: 767px) {
    .responsive #top .sp-3col .av-masonry-entry {
        width: 33.30%;
    }
}
/* 480px以下（スマホ）で2カラムレイアウト */
@media only screen and (max-width: 480px) {
  .sp-twice .av-masonry-entry
  {
      width: 49.9%!important;
  }
  .sp-twice .av-masonry-entry .av-masonry-entry-title {
    font-size: 11px!important;
    margin-bottom: -5px;
  }
  .sp-twice .av-masonry-entry .av-masonry-date {
    font-size: 9px!important;
  }
  .main_color .container .av-inner-masonry-content,
  .sp-twice .av-masonry-entry .av-inner-masonry-content {
    min-height: 0;
  }
  .av-masonry-entry .av-inner-masonry-content,
  .sp-twice .av-masonry-entry .av-inner-masonry-content {
    padding: 5px 5px 0;
  }
}


/********** Clara Cloud Flexの料金テーブル *********/

/* プラン名の部分 */

.cc-flex-price-table.main_color {
	margin:5px;
}
.cc-flex-price-table.main_color .pricing-table li.avia-heading-row {
    background-color: #1c3959;
	min-height: 110px;
    overflow: hidden;
	border: none;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1.3;
	padding: 10px 0;
}
.cc-flex-price-table .avia-heading-row .first-table-item {
	min-height: 71px;
}
.cc-flex-price-table .avia-heading-row .plan {
	font-size: 1.5em;
    padding-bottom: 5px;
    display: inline-block;
	font-weight: lighter;
}
.cc-flex-price-table .avia-heading-row .intro {
	font-size: 0.875em;
    color: #f7b100;
}

/* 料金・スペック部分 */
.cc-flex-price-table.main_color .pricing-table li.avia-pricing-row {
	font-size: 1em;
	background: #efefef;
	color: #333;
	border: none;
	border-bottom: 2px solid #fff;
	padding: 10px 10px 20px;
}

.cc-flex-price-table .avia-pricing-row .plan {
    position: absolute;
    font-size: 40px;
    left: 10px;
}
.cc-flex-price-table .avia-pricing-row .heading {
/*	color: #00346F;*/
	font-weight: normal;
    font-size: 0.875em;
	padding-bottom: 5px;
    display: inline-block;
}

.cc-flex-price-table .avia-pricing-row .num {
    font-size: 2.5em;
    font-weight: bold;
    color: #f7b100;
    line-height: 1;
}
.cc-flex-price-table .avia-pricing-row .ut {
	margin-left: 4px;
	vertical-align: 2px;
}


.cc-flex-price-table .avia-pricing-row .breakdown {
	color: #000;
	font-size: 0.8em;
	font-weight: normal;
	line-height:1.5;
}

/* 料金プランのアイコン */
.cc-flex-price-table .avia-pricing-row .icon {
    position: absolute;
    top: calc(50% - 9px);
    left: 10px;
    font-size: 2em;
    width: 40px;
    height: auto;
    color: #1c3959;
}
.cc-flex-price-table .avia-pricing-row .icon:after {
	content: "";
    font-family: 'fontawesome5free-solid';
    font-weight: normal;
}
.cc-flex-price-table .avia-pricing-row .price:after {	
    content: "\f073";
	content: "\f274";
}
.cc-flex-price-table .avia-pricing-row .disk:after {	
    content: "\f1c0";
}
.cc-flex-price-table .avia-pricing-row .memory:after {
	content: "\f538";
}
.cc-flex-price-table .avia-pricing-row .cpu:after {
	content: "\f2db";
	content: "\f3fd";
}

/* デフォルト部分 */

.cc-flex-price-table li {
	line-height: 1.3;
	padding: 15px 12px;
}
.cc-flex-price-table li .heading {
	color: #666;
	font-size: 0.875em;
    display: inline-block;
	padding: 0 0 5px;
}
.cc-flex-price-table li .description {
	color: #333;
	font-size: 1em;
	font-weight: bold;
    display: inline-block;
	padding: 0 0 5px;
}

.cc-flex-price-table li .supplement {
	color: #999;
	font-size: 0.75em;
}

/* レスポンシブ調整 */
@media screen and (max-width: 1138px) {
	.cc-flex-price-table {
		display: flex !important;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.pricing-table-wrap {
		width: 50%;
	}
}
@media screen and (max-width: 540px) {
	.cc-flex-price-table {
		font-size: 9px;
	}
	
	.cc-flex-price-table.main_color .pricing-table li.avia-pricing-row {
		padding: 5px 5px 10px;
	}
	.cc-flex-price-table li .description {
		font-size: 1.25em;
	}
	
	.cc-flex-price-table.main_color .pricing-table li.avia-heading-row,
	.cc-flex-price-table .avia-heading-row .first-table-item {
		min-height: 50px;
	}
}


/********** HTMLテーブル *************/
th, td { text-transform: unset;}

.cc-table td{
	text-align: center;
}

.scrollable {
  overflow: auto;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), white 15px) 0 0/50px 100%, linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) 0 0/20px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), white 15px) right/50px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) right/20px 100%;
  background-repeat: no-repeat;
  background-attachment: local, scroll, local, scroll;
  border-right: 1px solid #CCC;
}

.scrollable table {
  border-collapse: collapse;
	background: none!important;
	margin: 0;
}

.scrollable tr {
	background: none!important;
}
.scrollable th {
  padding: 10px;
  background: rgba(0, 0, 0, 0.05);
  border-color: #DDD;
  /*white-space: nowrap;*/
    font-weight: 500;
    color: #000;
}

.scrollable td {
  padding: 10px;
  border-color: #DDD;
  /*white-space: nowrap;*/
	background: none !important;
    font-weight: 500;
    color: #000;
}
@media screen and (max-width: 767px) {
	.scrollable th {
		font-size: 8px;
		min-width: 80px;
	}
	.scrollable td {
		font-size: 8px;
		min-width: 50px;
	}
	
}

/* ----------------------------------
 Grid LayoutのCSS　
 ---------------------------------- */
/********** グリッドレイアウトのスマホ時の修正 *************/
/* グリッド間に線を入れる、paddingの調整 */
@media only screen and (max-width: 768px) {
  .responsive #top #wrap_all .av-flex-cells .no_margin {
    padding-left: 4%!important;
    padding-right: 4%!important;
   }
}
/* ----------------------------------
　Full-width SUBメニューのCSS
 ---------------------------------- */
 /********** Full-width SUBメニューのカレント表示 *********/
/* カレントページにアンダーバー */
/*#top .av-submenu-container .avia-menu-fx {
  display:block;
}*/
/* カレントページのフォントカラー */
/*.main_color .av-subnav-menu > .current_menu_item > a,
.main_color .av-subnav-menu > .current_page_item > a {
  color:#CCC!important;
}
*/
/************** SP時のサブメニューを2カラム化（.sp-twice） ***************/
@media only screen and (max-width: 767px) {
   .responsive #top #wrap_all .sp-twice .container {
      width: 100%;
      max-width: 100%;
   }
  #top .sp-twice .av-subnav-menu > li {
    width: 50%;
    padding: 0;
    float: left;
  }
  .responsive #top .sp-twice .av-subnav-menu > li:first-child {
    margin-top:0;   
  }
  #top .sp-twice .av-subnav-menu > li > a {
    padding: 15px 0;
    border: 1px solid #CCC !important;
      border-left: 1px solid #FFF !important;
      border-top: none !important;
  }
  #top .sp-twice .av-subnav-menu > li:last-child > a {
    border-right: 1px solid #CCC !important;
  }
}






/* ======================================================================
　必要に応じて使用
 ======================================================================*/
/********** 背景オーバーレイを追加するCSS（Grid Layout用） *************/
/* overlay */
.bk-overlay-10p,
.bk-overlay-20p,
.bk-overlay-30p,
.bk-overlay-40p,
.bk-overlay-50p,
.bk-overlay-60p,
.bk-overlay-70p,
.bk-overlay-80p,
.bk-overlay-90p,
.wh-overlay-10p,
.wh-overlay-20p,
.wh-overlay-30p,
.wh-overlay-40p,
.wh-overlay-50p,
.wh-overlay-60p,
.wh-overlay-70p,
.wh-overlay-80p,
.wh-overlay-90p {position: relative;}

.bk-overlay-10p:before,
.bk-overlay-20p:before,
.bk-overlay-30p:before,
.bk-overlay-40p:before,
.bk-overlay-50p:before,
.bk-overlay-60p:before,
.bk-overlay-70p:before,
.bk-overlay-80p:before,
.bk-overlay-90p:before,
.wh-overlay-10p:before,
.wh-overlay-20p:before,
.wh-overlay-30p:before,
.wh-overlay-40p:before,
.wh-overlay-50p:before,
.wh-overlay-60p:before,
.wh-overlay-70p:before,
.wh-overlay-80p:before,
.wh-overlay-90p:before {
  content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
}

.wh-overlay-10p:before,
.wh-overlay-20p:before,
.wh-overlay-30p:before,
.wh-overlay-40p:before,
.wh-overlay-50p:before,
.wh-overlay-60p:before,
.wh-overlay-70p:before,
.wh-overlay-80p:before,
.wh-overlay-90p:before {background: #fff;}

.bg-overlay-10p:before,
.wh-overlay-10p:before {opacity: 0.1;}
.bg-overlay-20p:before,
.wh-overlay-20p:before {opacity: 0.2;}
.bg-overlay-30p:before,
.wh-overlay-30p:before {opacity: 0.3;}
.bg-overlay-40p:before,
.wh-overlay-40p:before {opacity: 0.4;}
.bg-overlay-50p:before,
.wh-overlay-50p:before {opacity: 0.5;}
.bg-overlay-60p:before,
.wh-overlay-60p:before {opacity: 0.6;}
.bg-overlay-70p:before,
.wh-overlay-70p:before {opacity: 0.7;}
.bg-overlay-80p:before,
.wh-overlay-80p:before {opacity: 0.8;}
.bg-overlay-90p:before,
.wh-overlay-90p:before {opacity: 0.9;}



/* ======================================================================
  Contact form 7
 ======================================================================*/
/* ----------------------------------
　メインカラーが白のテンプレの場合
 ---------------------------------- */
/********** お問い合わせフォーム **********/
.contact-form {}
/* 必須項目 */
.contact-form .required {
    background: #c40000;
    padding: 3px 5px !important;
	margin-left: 10px;
    display: inline-block;
    line-height: 1;
	color: #fff !important;
	vertical-align: text-bottom;
    font-size: 12px !important;
    border-radius: 3px;
}
.contact-form .optional{
    background: #b5b5b5;
	padding: 3px 5px !important;
	margin-left: 10px;
    display: inline-block;
    line-height: 1;
    color: #fff !important;
    vertical-align: text-bottom;
    font-size: 12px !important;
    border-radius: 3px;
}
@media screen and (max-width: 767px) {
	.contact-form .required,
	.contact-form .optional {
padding: 2px 5px 3px !important;
	}
}
.contact-form span.wpcf7-list-item {
	margin:0;
}

/* ラベルのフォントカラー */
#top label {
    font-size: 14px;
    color: #000;
	font-weight: normal;

}
#top label .label-title {
  font-size: 16px;
  color: #000;
  font-weight: bold;
}
#top .label-title .wpcf7-list-item-label {
	font-weight:bold;
}

@media screen and (max-width: 767px) {
	.contact-form .required {
		padding: 2px 4px 2px;
		vertical-align: text-bottom;
		font-size: 10px !important;
		border-radius: 2px;
	}
	#top label .label-title {
	  font-size: 14px;
	}
	#top label {
	  font-size: 12px;
	}
}

/* Contact form 7用*/
#top .alternate_color .input-text,
#top .alternate_color input[type='text'], 
#top .alternate_color input[type='input'], 
#top .alternate_color input[type='password'], 
#top .alternate_color input[type='email'], 
#top .alternate_color input[type='number'], 
#top .alternate_color input[type='url'], 
#top .alternate_color input[type='tel'], 
#top .alternate_color input[type='search'], 
#top .alternate_color textarea, 
#top .alternate_color select {
	background: #fff;
}
#top .main_color .input-text,
#top .main_color input[type='text'],
#top .main_color input[type='input'],
#top .main_color input[type='password'],
#top .main_color input[type='email'],
#top .main_color input[type='number'],
#top .main_color input[type='url'],
#top .main_color input[type='tel'],
#top .main_color input[type='search'],
#top .main_color textarea,
#top .main_color select {
    border-color: #f1f1f1;
    background-color: #f1f1f1;
/*	background-color: #fff;*/
    color: #919191;
}
#top .main_color .input-text::placeholder,
#top .main_color input[type='text']::placeholder,
#top .main_color input[type='input']::placeholder,
#top .main_color input[type='password']::placeholder,
#top .main_color input[type='email']::placeholder,
#top .main_color input[type='number']::placeholder,
#top .main_color input[type='url']::placeholder,
#top .main_color input[type='tel']::placeholder,
#top .main_color input[type='search']::placeholder,
#top .main_color textarea::placeholder {
    color: #BBB;
}

#top input[type="text"],
#top input[type="input"],
#top input[type="password"],
#top input[type="url"],
#top input[type="number"],
#top input[type="url"],
#top input[type="email"],
#top input[type="tel"],
#top input[type="search"],
#top input[type="date"],
#top select,
#top textarea {
  color: #000 !important;
  font-size: 16px;
  width: 100%;
  margin: 5px 0;
  display: inline;
  min-width: 50px;
  padding: 13px;
/*  border-radius: 2px;*/
  border-color: #DDD;
}
#top textarea {
	height: 160px;
	resize: vertical;
}
@media screen and (max-width: 767px) {
	/* iPhoneでの拡大表示を防ぐ */
	#top input[type="text"],
	#top input[type="input"],
	#top input[type="password"],
	#top input[type="url"],
	#top input[type="number"],
	#top input[type="url"],
	#top input[type="email"],
	#top input[type="tel"],
	#top input[type="search"],
	#top input[type="date"],
	#top select,
	#top textarea {
        font-size: 16px;
		transform: scale(0.8);
		margin: 0;
		margin-left: -12%;
		width: 124%;
		padding: 8px;
	}
}

#top .alternate_color select {
	color: #555 !important;
}

.wpcf7-form-control-wrap {
	display: inline-block;
	width: 100%;
	position: relative;
}

.wpcf7-form-control-wrap.file-01, 
.wpcf7-form-control-wrap.file-02, 
.wpcf7-form-control-wrap.file-03 {
    background: #fff !important;
    margin-bottom: 5px;
    box-shadow: inset 0 0 3px #616161;
	display:inline-block;
}

.wpcf7-acceptance input[type="checkbox"],
.wpcf7-acceptance label {
	cursor: pointer;
	vertical-align: middle;
}

#top select {
 /* padding: 10px 13px !important;*/
  cursor: pointer;
}
#top input[type='text']::selection,
#top textarea::selection {
  color: #777;
  background: #DDD;
}


/* フォーカス時のCSSを調整 */
#top input[type="text"]:focus,
#top input[type="password"]:focus,
#top input[type="email"]:focus,
#top input[type="number"]:focus,
#top input[type="url"]:focus,
#top input[type="tel"]:focus,
#top input[type="search"]:focus,
#top textarea:focus {
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.6)
}

/* Contact form 7用 エラー表示*/
.screen-reader-response {display: none;}

.wpcf7-not-valid {
    border: 1px solid red!important;
    background: #ffeded!important;
}
.wpcf7-not-valid-tip {
    font-size: 14px;
    color: red!important;
    margin: -2px 0 20px;
    padding: 0;
    font-weight: bold!important;
/*    background: url(/cms/wp-content/uploads/2018/06/mfp_error.gif) left center no-repeat;*/
}
@media screen and (max-width: 767px) {
	.wpcf7-not-valid-tip {
		font-size: 11px!important; 
	}
}
.wpcf7-form.invalid .contact-form p {
	margin: 0;
}
.wpcf7-form.invalid .wpcf7-form-control-wrap.file-01, 
.wpcf7-form.invalid .wpcf7-form-control-wrap.file-02, 
.wpcf7-form.invalid .wpcf7-form-control-wrap.file-03 {
    margin-bottom: 25px;	
}
.attatchment span.wpcf7-not-valid-tip {
	position: absolute !important;
}
/* Contact form 7用 送信ボタン */
.wpcf7-submit {
    padding: 16px 20px!important;
    border-radius: 5px!important;
    border-bottom-width: 2px!important;
    border-bottom-style: solid!important;
    font-weight: 400;
    font-size: .92em;
    min-width: 142px;
    outline: none;
	display: inline-block;
	border:none !important;
    /*色など*/
    background-color: #003559 !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.wpcf7-submit:hover {
    background-color: #285375 !important;
}
.wpcf7-submit:disabled,.wpcf7-submit:disabled:hover {
    background-color: #BBB !important;
    border-color: #999 !important;  
}
/* Contact form 7用 チェックボックス */
.wpcf7-checkbox,
.wpcf7-radio {
    display: block;
}
.wpcf7-radio label,
.wpcf7-checkbox label {
  display: table;
  cursor: pointer;
  margin-bottom: 5px;
}
.wpcf7-list-item {
	display: block;
}
.wpcf7-checkbox label .wpcf7-list-item-label {
  font-size: 14px !important;
  padding-left:5px;
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
	.wpcf7-checkbox label .wpcf7-list-item-label {
		font-size: 12px !important;
	}
}
#top input[type="checkbox"] {
	vertical-align: middle;
}
.wpcf7-checkbox + .wpcf7-not-valid-tip {
  display:block;
}

/* Ajaxローダー*/
.wpcf7 .ajax-loader {
	margin:0 -36px 0 12px !important
}
/***** ボタン下のステータス文言表示 *****/
/* 通常時 */
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output {
	display: none;
}
/* 送信中 */
.wpcf7 form.submitting .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output {
    display: block !important;
    font-weight: bold;
	border-color: #46b450 !important; /* Green */
    color: #46b450; /* Green */
    background: #edffef; /* Light-Green */
}
.wpcf7 form.submitting .wpcf7-response-output:after {
	content: "送信中です・・・";
}
/*resetting時、sent時もAjax Loaderを表示*/
.wpcf7 form.sent .ajax-loader,
.wpcf7 form.resetting .ajax-loader {
	visibility: visible;
}

/* 不備あり */
.wpcf7 form .wpcf7-response-output {
    color: red;
    border: 2px solid red;
    padding: 3px;
    font-size: 14px;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .wpcf7-response-output {
    font-size: 11px;
    }
}

/* 送信完了 */
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450; /* Green */
    font-weight: bold;
    color: #46b450; /* Green */
    background: #edffef; /* Light-Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
	color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
	color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
	color: #ffb900; /* Yellow */
}

/* リアルタイムエラー用CSS（jQuery-Validation-Engine）**************************************/
.formError {
    top: auto !important;
    bottom: -5px;
    left: auto !important;
    margin: 0!important;
}
.formError .formErrorContent,
.formError .formErrorArrow {
	border: none !important;
	box-shadow: none !important;
}
.formError .formErrorArrow {
	display: none !important;
}
.formError .formErrorContent {
	color: red !important;
	background:none !important;
}
.formError + .wpcf7-validates-as-required{
    border: 1px solid red!important;
    background: #ffeded!important;
	margin-bottom: 20px !important;
}
/* Contact Form 7のエラーチェック後*/
.invalid .formError{ display: none !important;}
.formError + .wpcf7-validates-as-required.wpcf7-not-valid {
	margin-bottom: 0px !important;
}


/* Clara Cloud Flex用CSS（ClaraCloudFlex）**************************************/
.contact-form .title {
	width: 35%;
	float: left;
	margin: 10px 0 ;
	padding: 5px 0 0;
}
.contact-form .detail {
	width: 65%;
	float: left;
	margin: 10px 0 ;
}
.contact-form .detail .zip {
	width: 90%;
}

@media screen and (max-width: 767px) {
	.contact-form .title {
		margin: 0;
		padding: 0;
	}
	.contact-form .title,
	.contact-form .detail 	{
		width: auto;
		float: none;
	}
	.contact-form .detail p {
		font-size: 12px;
	}
}

#your-plan .wpcf7-list-item .wpcf7-list-item-label:after {
	content: "";
	display: block;
	padding-left: 1em;
	color: orange;	
}
#your-plan .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label:after {
	content: "初期費用0円・月額6,000円 (年額72,000円)";
}
#your-plan .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label:after {
	content: "初期費用0円・月額12,000円 (年額144,000円)";
}
#your-plan .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label:after {
	content: "初期費用0円・月額18,000円 (年額216,000円)";
}
#your-plan .wpcf7-list-item:nth-child(4) .wpcf7-list-item-label:after {
	content: "初期費用0円・月額24,000円 (年額288,000円)";
}

#top .alternate_color select#num-add-ip {
	width: auto;
	-webkit-appearance: auto;
}

@media screen and (max-width: 767px) {
	#top .alternate_color select#num-add-ip {
		width: 100%;
	}

}


/* Nutanix Reseller logo */
.ResellerLogo {
	display: flex;
    background: #fff;
    padding: 5px;
    width: 80%;
    border-radius: 5px;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}

.ResellerLogo .txtarea {
	font-size: 14px;
    text-align: left;
    line-height: 1.3em;
    margin-left: 10px;
}

.ResellerLogo .Imgarea {
	margin: 0;
}

.ResellerLogo .Imgarea img {
	margin-top: 10px;
	min-width: 50px;
}


.ResellerLogo2 {
	display: flex;
    /*background: #fff;
    padding: 5px;
    width: 80%;
    border-radius: 5px;*/
    margin: 0 auto;
    align-items: center;
    justify-content: center;
	margin-top: 10px;
}

@media screen and (max-width: 767px) {
	.ResellerLogo {
		width: 100%;
	}
	
	.ResellerLogo .txtarea {
		text-align: left;
		line-height: 1.3em;
		margin-left: 10px;
	}
}