@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Roboto:ital@1&display=swap');
/* CSS Document */

#footer{
	background: #ffffff !important;
}

.box_content .content_bottom{
	background: #ffffff !important;
}
#index_content_builder {
  background: #f0f4f7;
}
#header{
	background: #ffffff;
}
h2.catch {
  text-align: center;
  font-family: nimbus-sans, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  color: #222222;
}
.box_content .content_top {
  background: #849ea5 !important;
  color: #ffffff !important;
}
.news_list a {
  background: #ffffff !important;
}
/* works個別ページ*/
#works_header {
  width: 100%;
  height: 700px;
  position: relative;
}
#works_header_inner {
  width: 730px;
  height: 100%;
  margin: 0 auto;
  z-index: 3;
  position: relative;
}
#works_header .title_area {
  position: absolute;
  left: 0%;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#works_header .title {
  color: #fff;
  font-size: 26px;
  line-height: 1.5;
  font-weight: 500;
}
#works_header .meta {
  position: absolute;
  left: 0px;
  bottom: 0px;
}
#works_header .meta li {
  float: left;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
}
#works_header .meta li.date {
  width: 160px;
  background: #000;
  color: #fff;
  text-align: center;
}
#works_header .meta li.category a {
  display: none;
  height: 60px;
  min-width: 160px;
  background: #fff;
  color: #000;
  text-align: center;
}
#works_header .meta li.category a:first-of-type {
  display: block;
}
#works_header .bg_image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}
#works_header .bg_image.mobile {
  display: none;
}
#works_header .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}
#blog_single #bread_crumb {
  width: 730px;
  margin: 0 auto;
}
#works_header .news_meta {
  margin-top: 5px;
}
#works_header .news_meta li {
  float: left;
  margin: 0 15px 0 0;
  padding: 0 18px 0 0;
  color: #fff;
  border-right: 1px solid #fff;
}
#works_header .news_meta li:last-of-type {
  border: none;
}
#works_header .news_meta li a {
  color: #fff;
}
#works_header .title, #works_header .news_meta {
  position: relative;
  opacity: 0;
}
#works_header.animate .title {
  -webkit-animation: slideUp 1.0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 0.5s;
  animation: slideUp 1.0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 0.5s;
}
#works_header.animate .news_meta {
  -webkit-animation: slideUp 1.0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 0.8s;
  animation: slideUp 1.0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 0.8s;
}
#works_single #bread_crumb{
	width: 1050px;
    margin: 0 auto;
}

#works_single #article {
    width: 1050px !important;
    margin: 0 auto;
    padding: 35px 0 60px;
}
#works_single #article h1{
	font-size: 31px;
}
#works_single h2{
	border-bottom: 2px solid #f0f4f7;
	margin: 40px 0;
}
#works_single #article span{
	display: block;
}
.text-mini {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 14px;
}
.text-cat {
    margin-top: 14px;
    font-size: 12px;
    color: #888888;
}

span.workUrl a{
	display: inline-block;
	background: #ffffff;
	color: #95a3a5;
	padding: 2px 12px;
	border-radius: 16px;
	margin: 20px 0 20px 0;
	border: 1px solid #95a3a5;}
span.workUrl a:hover{
	color: #ffffff;
	background: #95a3a5;

}

#works_single ul{
	margin-left: 0 !important;
}
.boxImag_middle li{
	float: left;
	width: 480px;
	margin: 0 22px;
	list-style: none;
}
#works_single #comments{
	display: none;
}

#other_works{
	margin: 0 auto;
    padding: 150px 0 150px;
    width: 1030px;
}
#other_works h2{
	font-size: 24px;
}

/*お役立ち資料個別ページ*/

#documents_single #bread_crumb{
	width: 1050px;
    margin: 0 auto;
}

#documents_single #article {
    width: 84% !important;
    margin: 0 auto;
    padding: 35px 8% 0;
}
/*#layout_wrap{
	overflow: hidden !important;
}*/
#left_layout_area{
	width: 58%;
	float: left;
}
#right_form_area{
	width: 36%;
	margin-left: 6%;
	float: left;
	padding: 0px 0 0 0;
}
#documents_single iframe{
	/*width: 377px !important;*/
	width: 100% !important;
	height: 750px !important;
}
#SIGNUP_PAGE{
	padding: 0px !important;
}

#documents_single #article h1{
	font-size: 31px;
	margin-bottom: 5%;
}
#documents_single h2{
	border-bottom: 2px solid #f0f4f7;
	margin: 40px 0;
}
#documents_single #article span{
	display: block;
}


#documents_single ul{
	margin-left: 0 !important;
}
.boxImag_middle li{
	float: left;
	width: 480px;
	margin: 0 22px;
	list-style: none;
}
#documents_single #comments{
	display: none;
}
#other_documents{
	width: 84%;
	margin: 70px auto 0 !important;
	clear: both;
}
#other_documents h2{
	font-size: 31px;
}
/*documentsヘッダーImgカスタマイズ*/
.documents_image img{
	width: 397px;
	height: auto;
	margin: 0 auto;
	display: block;
}
/*scroll*/
.scroll__block{
	display: block;
	width:85px;
	text-align: center;
	position: relative;
	left: calc(50% - 21px);
	bottom: 50px;
	animation: fluffy1 3s ease infinite;
}

@keyframes fluffy1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-15px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-15px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}

.scroll__block i img{
	padding: 5px 0 0 0 ;
}



.scroll__block a{
	text-decoration: none;
}
.scroll__block p{
	font-size: 15px !important;
}

/*scroll_responsive*/
.scroll__block_respo{
	display: block;
	width:46px;
	text-align: center;
	position: inherit;
	left: calc(50% - 25px);
	/*bottom: 50px;*/
	animation: fluffy1 3s ease infinite;
	top: 20px;
}

@keyframes fluffy1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-15px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-15px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}

.scroll__block_respo i img{
	padding: 5px 0 0 0 ;
}



.scroll__block_respo a{
	text-decoration: none;
}
.scroll__block_respo p{
	font-size: 12px !important;
}

/*ブログ個別ページ*/
#blog_header {
    width: 100%;
    height: 700px !important;
    position: relative;
    background-color: #f0f4f7 !important;
}
#blog_single #article h1 {
    font-size: 31px;
	padding: 30px 0;
	line-height: 1.6em;
}
#blog_single #article {
    margin: 0 auto;
    padding: 0 0 60px;
}
#blog_header .bg_image{
	width: 882px !important;
	height: 498px !important ;
	top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: auto;
}
#blog_header .meta li.category a {
  /*background: #95a3a5 !important;
  color: #ffffff !important;
  display: inline-block;*/
	/*border: 1px solid #222222;
	box-sizing: border-box;*/
}

/*固定ページ*/
#page_header_type2{
	text-align: right !important;
	background: #f7f7f7 !important;
	height: auto !important;
	line-height: 1.2em !important;
	padding: 45px 100px 45px 0;
	font-size: 0.9em;
	color: #222222 !important;
}
#page_header_type2 h1{
font-family: 'Noto Sans JP', Roboto, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Arial, nc3Jp, sans-serif !important;
font-weight: bold;
}

.page_slug_title{
	text-transform: uppercase;
	display: inline;
	font-size: 0.7em;
	color: #7C7C7C;
}

/*blogヘッダーImgカスタマイズ*/
#blog_header {
    width: 100% !important;
    height: 700px !important;
    position: relative!important;
    background-color: #f0f4f7 !important;
}
#blog_header_inner {
    width: 886px !important;
    height: 100% !important;
    margin: 0 auto !important;
    z-index: 3;
    position: relative!important;
}
.custom_head_img img{
	width: 886px !important;
	height: auto !important;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto !important;
}
/*worksヘッダーImgカスタマイズ*/
#works_header {
    width: 100%;
    height: 700px;
    position: relative;
    background-color: #f0f4f7 !important;
}
#works_header_inner {
    width: 835px;
    height: 100%;
    margin: 0 auto;
    z-index: 3;
    position: relative;
}
.custom_head_img_works img{
	width: 835px !important;
	height: auto !important;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto !important;
}



/*カテゴリーカード*/
.category_card_wrap{
	width: 100%;
	background: #222222;
}
.category_card_inner{
	width: 1100px;
	margin: 0 auto;
	padding: 50px 0;
}
.category_card_ttl{
	font-size: 2.8em !important;
	color: #FFFFFF !important;
	font-weight: bold;
}
.category_card{
	float: left;
	width: 20%;
	margin: 22px 0;
}
.category_card img{
	width: 220px;
	height: auto;
}
.category-name p{
	color: #ffffff !important;
	font-weight: bold;
	font-size: 1.1em !important;
	margin: 5px 0 0 0;
}

/*ランキング*/
.post_ranking_wrap{
	width: 100%;
	background: #ffffff;
}
.post_ranking_inner{
	width: 1100px;
	margin: 0 auto;
	padding: 50px 0;
}
.post_ranking_ttl{
	font-size: 2.8em !important;
	color: #222222 !important;
	font-weight: bold;
}
.ranking-box-right h5{
	line-height: 1.4em !important;
	margin: 5px 0 0 0 !important;
}

.post_ranking_inner ul{
	display: flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
  	-ms-flex-wrap    : wrap;          /* IE10        */
  	flex-wrap        : wrap;
}
.post_ranking_inner ul li{
	float: left;
	width: 250px;
	margin: 20px 12.5px;
}
.category_card img{
	width: 220px;
	height: auto;
}
.post_ranking_inner ul li p{
	color: #222222 !important;
	font-weight: bold;
	font-size: 1.1em !important;
}
/*順位表示*/
.rank {
    counter-reset: wpp-ranking;
}
/* 順位を表示する記述１ */
ul.rank li.ranking-box {
 position: relative;
    margin-bottom:2%;
    padding-bottom:2%;
    padding-left:10%;
 border-bottom: 1px dashed #ccc;
}
/* 順位を表示する記述２ */
ul.rank li.ranking-box:before {
    content: counter(wpp-ranking, decimal)'位';
    counter-increment: wpp-ranking;
    color:#333;
    font-weight:bold;
    font-size: 24px;
    line-height: 1;
    padding: 14px 18px;
    position: absolute;
    left: -3%;
    top: 23%;
    z-index: 1;
 border-radius:3px;
 letter-spacing:2px;
}

/*関連記事エリアカスタマイズ*/
#related_post{
	background: #222222;
}
#related_post h3{
	width: 1100px !important;
	margin: 0 auto 60px !important;
	font-size: 2.4em !important;
	color: #ffffff !important;
	font-weight: bold;
	text-align: left !important;
}
#related_post .title_area h4 span{
	color: #ffffff !important;
}

#blog_single #article .post_content h2{
	background: #f5f7f9 !important;
    border-left: solid 5px #c8e5f1 !important;
	margin: 20px 0 !important;
	padding: 20px !important;
}

#blog_single #article .post_content h3{
	color: #032e61;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    font-size: 1.4em;
	margin: 10px 0 !important;
	padding: 20px !important;
}
#blog_single #article .post_content h4{
	color: #032e61;
	padding: 10px 0!important;
}
#blog_single #article .post_content h5{
	color: #032e61;
	padding: 10px 0 0 0!important;
	font-size: 16px !important;
}

/*目次調整*/

#toc_container{
	width: 688px !important;
	background: #f9f9f9;
    border: 1px solid #e8e8e8;
	padding: 10px 20px 30px 20px !important;
	margin: 0 0 100px 0 !important;
}
.toc_title{
	border-bottom: 2px solid #222;
	display: block;
	margin: 0 auto 0 !important;
	width:120px;
	text-align: center;
}
.toc_title::before {
	white-space: pre-wrap;
    content: "\f15c\0020";
    font-family:"Font Awesome 5 Free";
    color: #333;
}
.toc_number toc_depth_1{
	font-weight: bold;
	margin: 20px 0 0 0 !important;
}

#toc_container ul li{
	margin: 20px 0 0 0;
}
#toc_container ul li a:before{
  font-family:"Font Awesome 5 Free";
  content: "\f0da\00a0\00a0";
  color: #333;
}
#toc_container ul li a{
 font-weight: bold; /*目次項目の文字を太字に*/
}
#toc_container ul ul {
    margin-left: 2.5em !important;
}
#toc_container ul  ul li{
	margin: 8px 0 0 0 !important;
	padding: 0 0 6px 0;
	border-bottom: 1px dotted #BBBBBB;
}
#toc_container ul ul li a:before{
 content:none !important; /*三角マーク削除*/
}
#toc_container ul ul li a{
 color: #3D3D3D; /*2レベル目の項目の文字色*/
 font-weight: normal; /*2レベル目の項目の文字は太字にしない*/
}

.toc_number{
	font-weight: bold;
	color: #BBBBBB;
	padding: 0 9px 0 0 !important;
}


/* CTA_01 */
.cat02webpage {
  position: relative;
  margin: auto;
  display: block;
  margin-top: 3%;
  width: 100%;
  height: 400px;
  background: linear-gradient(rgba(0, 95, 160, 0.85), rgba(17, 129, 191, 0.95)), url("https://dubdesign.net/wp-content/uploads/2020/10/babkbottom.png");
  z-index: 1;
  -webkit-box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.3);
}

.right-triangle {
  position: absolute;
  bottom: 0%;
  right: 0%;
  height: 100%;
  width: 50%;
  background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.6)), url("https://dubdesign.net/wp-content/uploads/2020/10/babkbottom.png");
  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

.white-brand-box {
  position: absolute;
  width: 200px;
  top: 15%;
  left: 10.5%;
  z-index: 2;
  font-size: 24px;
	color: #ffffff !important;
}

.presents-text {
  position: absolute;
  top: 30%;
  left: 10.5%;
  color: #c8e4ff;
  font-size: 16px;
  font-weight: 300;
}

.cta02title {
  position: absolute;
  top: 42%;
  left: 10%;
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
  line-height:1.2em !important;
}

.cta02cta-button {
  position: absolute;
  width: 180px;
  display: block;
  left: 10%;
  top: 70%;
  background: #FF0000;
  border-radius: 0%;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  transition: .4s;
}

.cta02cta-button:hover {
  background: #91b5fb;
}

/*メルマガCTA*/
.merumagaWrap{
	border: 3px solid #987f1a;
	background: #ffffff;
	border-radius: 12px;
	padding: 38px 50px;
}
.merumagaHead{
	
}
.meruleft{
	width: 38%;
	float: left;
}
.meruright{
	width: 62%;
	float: left;
}
.meruleft img{
	width: 200px;
	height: auto;
}
.merumagaTtl{
	font-size:34px !important;
	line-height: 1.2em !important;
	margin: 0 !important;
	font-weight: bold !important;
}
.meruright ul{
	margin: 20px 0 0 0 !important;
}
.meruright ul li{
	line-height: 1.6em !important;
	font-size: 18px !important;
	list-style: none !important;
}
.appeal{
	font-size: 21px;
	text-align: center;
	font-weight: bold;
    background: linear-gradient(transparent 78%, #fbe900 78%);
	margin: 24px 0 25px 0 !important;
}
.meruBtn{
	display: block;
	padding: 20px 60px;
	color: #ffffff !important;
	background: #987f1a;
	font-weight: bold;
	text-align: center;
	font-size: 18px !important;
	margin: 15px 0 0 0 !important;
}
.meruBtn:hover{
	color: #ffffff !important;
	background: #0C0C2A !important;
}
/*メルマガCTAここまで*/



@media all and (max-width: 600px) {
  .cat02webpage {
    position: relative;
    margin: auto;
    display: block;
    margin-top: 10px;
    width: 300px;
    height: 200px;
    z-index: 1;
  }

  .white-brand-box {
    border: solid 3px #ffffff;
  }

  .presents-text {
    font-size: 8px;
  }

  .cta02title {
    font-size: 20px;
  }

  .cta02cta-button {
    font-size: 6px;
  }

  .branding-logo {
    border: solid 3px #ffffff;
  }
}
/* CTA_01ここまで */

/*タイトル装飾追加*/
.custom_ttl_001{
	font-size: 32px !important;
	font-weight: bold !important;
	padding: 0 0 10px 0 !important;
}
.custom_ttl_002{
	font-size: 24px !important;
	font-weight: bold !important;
	border-left: 4px solid #E3E143;
	padding: 0 0 0 20px !important;
}
#oyakudachi img{
	display: block;
	width: 35% !important;
	height: auto;
	margin: 0 auto;
}
#oyakudachi a{
	width: 50%;
	display: block;
	color: #ffffff;
	background: #000000;
	padding: 16px 60px !important;
	font-size: 17px !important;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	cursor: pointer;
}
#oyakudachi a:hover{
	color: #000000;
	background: #E3E143;
}
/*-----------
cta_shiryo
------------*/
.cta_shiryo001{
	width: 731px;
	height: 371px;
	background: url(https://co-tam.co.jp/wp-content/uploads/2021/12/bg_cta001.png) no-repeat left center;
	position: relative;
	border: 6px solid #37748a;
	box-sizing: border-box;
}
.cta001_btn a{
	display: block;
	width: 420px;
	font-size: 24px;
	font-weight: bold;
	color: #ffffff !important;
	text-align: center;
	padding: 12px 0 !important;
	background: #ff558e;
	border-radius: 24px;
	cursor: pointer;
	position: absolute;
	bottom: 20px;
	left: 155px;
}
/*------------
work改変
---------------*/
.workContentWrap #blog_archive{
	width: 1100px !important;
	padding: 0 0 150px !important;
}
.workContentWrap .blog_list .item{
	background: none !important;
}
.workContentWrap .blog_list .item:nth-child(2n+1) {
    margin-top: 120px !important;
}
.workContentWrap .blog_list .image_wrap{
	width: 240px !important;
}
.workContentWrap .blog_list .title_area {
    position: absolute;
    right: 0px !important;
    top: 0px !important;
    padding: 0 28px !important;
    background:none !important;
    z-index: 2;
    width: 280px;
    height: 200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.workContentWrap .blog_list .title{
	font-weight: 600;
    font-size: 18px;
    line-height: 1.8;
    max-height: 5.4em;
    overflow: hidden;
    visibility: visible;
    position: relative;
    top: 0% !important;
    -ms-transform: translateY(0%) !important;
    -webkit-transform: translateY(0%) !important;
    transform: translateY(0%) !important;
}

.page-content-width {
    position: relative;
	width: 1100px;
    margin: 100px auto 0;
}
.tm3_pt6 .copy {

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1.1;
    margin-bottom: 120px;

}
.tm3_pt6 .copy-main {
    margin: 0 24px 0 0;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 0.04em;
}
.tm3_pt6 .copy-sub {
    font-size: 12px;
    letter-spacing: 0.04em;
    font-weight: 300;
}
.tm3_pt6 .copy-en {
    width: 100%;
    font-size: 98px;
    font-family: urw-din-condensed, sans-serif !important;
    font-weight: 600;
    text-transform: uppercase;
}
.tm3_pt6 .copy-en span {
	font-weight: 100 !important;
}
.cliant-text{
	font-size: 12px;
	color: #666 !important;
	font-style: italic;
	letter-spacing: 0.04em;
	margin: 40px 0 0 0 !important;
}
.wordNo{
	line-height: 1;
margin: 0 0 30px;
font-size: 12px;
font-family: urw-din-condensed, sans-serif;
font-weight: 300;
}
span.wordNo2{
	    display: inline-block;
    vertical-align: text-bottom;
    margin: 0 0 0 .2em;
    font-size: 22px;
    font-weight: 600;
    font-style: normal;
}

.workContentWrap .blog_list .image:before {
    content: none !important;
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
}

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

#works_header_inner {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  z-index: 3;
  position: relative;
}
#works_single #bread_crumb{
	width: 100%;
    margin: 0 auto;
}

#works_single #article {
	width: 100%;
    margin: 0 auto;
    padding: 35px 0 60px;
}
#other_works{
	width: 100%;
	margin: 0 auto;
}
#works_single #bread_crumb{
	width: 100%;
    margin: 0 auto;
}
	#works_single .post_content img{
		width: 100% !important;
		height: auto;
		margin: 0 auto;
	}

/*お役立ち資料*/
#documents_header_inner {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  z-index: 3;
  position: relative;
}
#documents_single #bread_crumb{
	width: 100%;
    margin: 0 auto;
}

#documents_single #article {
	width: 100%;
    margin: 0 auto;
    padding: 35px 0 60px;
}
#other_documents{
	width: 100%;
	margin: 0 auto;
}
#documents_single #bread_crumb{
	width: 100%;
    margin: 0 auto;
}
	#documents_single .post_content img{
		width: 100% !important;
		height: auto;
		margin: 0 auto;
	}	
/*ブログ*/	
#blog_header {
    width: 100%;
    height: 580px !important;
    position: relative;
}
#blog_header_inner {
  width: 730px;
  height: 100%;
  margin: 0 auto;
  z-index: 3;
  position: relative;
}
#blog_header .bg_image{
	width: 100% !important;
	height: 100% !important ;
	top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: auto;
}

	
#blog_single #article {
    margin: 0 20px;
    padding: 0 0 60px;
}
#blog_single #article h1 {
    font-size: 1.5em;
    padding: 30px 0;
}
/*blogヘッダーImgカスタマイズ*/
#blog_header {
    width: 100% !important;;
    height: auto!important;
    position: relative!important;;
    background-color: #f0f4f7 !important;
}
#blog_header_inner {
    width: 100% !important;;
    height: 100% !important;;
    margin: 0 auto !important;;
    z-index: 3;
    position: relative!important;;
}
.custom_head_img img{
	width: 96% !important;
	height: auto !important;
	position: static;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 2% 2% 10%!important;
}
/*worksヘッダーImgカスタマイズ*/
#works_header {
    width: 100% !important;;
    height: auto!important;
    position: relative!important;;
    background-color: #f0f4f7 !important;
}
#works_header_inner {
    width: 100% !important;;
    height: 100% !important;;
    margin: 0 auto !important;;
    z-index: 3;
    position: relative!important;;
}
.custom_head_img_works img{
	width: 96% !important;
	height: auto !important;
	position: static;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 2% 2% 10%!important;
}
#works_header .meta li {
    height: 35px;
    line-height: 35px;
    font-size: 12px;
}
#works_header .meta li.date {
    width: 120px;
}
#works_header .meta li.category a {
    display: none;
    height: 35px;
    min-width: 120px;
}
#works_single #article {
    width: auto!important;
    margin: 0 20px;
    padding: 35px 0 60px;
}
#works_single #article img{
	width: 90%;
	height: auto;
	margin: 0 auto;
	float: none;
}
.boxImag_middle li {
    float: left;
    width: 46%;
    margin: 0 2%;
    list-style: none;
}
.works_box_iphone{
	display: none;
}
#works_single #article h1 {
    font-size: 1.5em;
}

/*documentsヘッダーImgカスタマイズ*/
#documents_header {
    width: 100% !important;;
    height: auto!important;
    position: relative!important;;
    background-color: #f0f4f7 !important;
}
#documents_header_inner {
    width: 100% !important;;
    height: 100% !important;;
    margin: 0 auto !important;;
    z-index: 3;
    position: relative!important;;
}
.custom_head_img_documents img{
	width: 96% !important;
	height: auto !important;
	position: static;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 2% 2% 10%!important;
}
#documents_header .meta li {
    height: 35px;
    line-height: 35px;
    font-size: 12px;
}
#documents_header .meta li.date {
    width: 120px;
}
#documents_header .meta li.category a {
    display: none;
    height: 35px;
    min-width: 120px;
}
#documents_single #article {
    width: auto!important;
    margin: 0 20px;
    padding: 35px 0 60px;
}
#documents_single #article img{
	width: 90%;
	height: auto;
	margin: 0 auto;
	float: none;
}
.documents_box_iphone{
	display: none;
}
#documents_single #article h1 {
    font-size: 1.5em;
}

	
/*カテゴリーカード*/
.category_card_wrap{
	width: 100%;
	background: #222222;
}
.category_card_inner{
	width: 96%;
	margin: 2% auto;
	padding: 50px 0;
}
.category_card_ttl{
	font-size: 2.8em !important;
	color: #FFFFFF !important;
	font-weight: bold;
}
.category_card{
	float: left;
	width: 48%;
	margin: 22px 1% 0;
}
.category_card img{
	width: 100%;
	max-width: 100%;
	height: auto;
}
.category-name p{
	color: #ffffff !important;
	font-weight: bold;
	font-size: 1.1em !important;
}

/*ランキング*/
.post_ranking_wrap{
	width: 100%;
	background: #ffffff;
}
.post_ranking_inner{
	width: 100%;
	margin: 0 auto;
	padding: 50px 0;
}
.post_ranking_ttl{
	font-size: 2.8em !important;
	color: #222222 !important;
	font-weight: bold;
}
.ranking-box-right h5{
	line-height: 1.4em !important;
	margin: 5px 0 0 0 !important;
}

.post_ranking_inner ul{
	display: flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
  	-ms-flex-wrap    : wrap;          /* IE10        */
  	flex-wrap        : wrap;
}
.post_ranking_inner ul li{
	float: left;
	width: 46%;
	margin: 2% 2%;
}
	.ranking-box-left img{
		width: 100% !important;
		height: auto;
	}

	
/*関連記事エリアカスタマイズ*/
#related_post{
	background: #222222;
}
#related_post h3{
	width: 100% !important;
	margin: 0 auto 60px !important;
	font-size: 2.4em !important;
	color: #ffffff !important;
	font-weight: bold;
	text-align: left !important;
}
#related_post .title_area h4 span{
	color: #ffffff !important;
}
/*目次レスポンシブ*/
#toc_container{
	width: 96% !important;
	background: #f9f9f9;
    border: 1px solid #e8e8e8;
	padding: 10px 10px 30px 10px !important;
	margin: 0 0 60px 0 !important;
}
	
}
/*
/////media 1100px終了
*/











/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Elementor修正
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.post_content {
	color: #222222 !important;
}
.elementor-text-editor *{
	color: #222222 !important;
	/*font-family: 'Noto Sans JP', Roboto, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Arial, nc3Jp, sans-serif !important;*/
}

.elementor-text-editor h3{
	font-size: 2.4em !important;
}
.elementor-text-editor p{
	line-height: 1.8em !important;
}

h6.elementor-heading-title{
	font-size: 1.4em !important;
}
h4.service_ttl_icn{
	font-size: 2.0em !important;
}
.mission_messe h4{
	font-size: 1.2em !important;
}


/*==============================
カスタムCSS移し
===============================*/


/* Contact Form7 */
.contact7 {
	max-width: 80%;
	margin:0 auto;
	box-sizing: border-box;
}
.contact7 dd {
	margin: 0 0 30px 0;
}
.contact7 dt {
	font-weight: normal;
}

/* 必須マーク */
.contact7 .must {
	background: #222222;
}

/* 任意マーク */
.contact7 .optional {
	background: #999;
}

.contact7 .must,
.contact7 .optional {
	color: #FFF;
	border-radius: 3px;
	font-size: 10px;
	margin-left: 10px;
	padding: 5px 10px;
	letter-spacing: 2px;
}
.btn_contact7 {
	text-align: center;
}
.btn_contact7 input {
	width: 70%;
	background-color: #005513;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #005513;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #005513; 
}






@media screen and (min-width: 768px) {
.contact7 dt {
	float: left;
	clear: left;
	width: 35%;
	padding: 5px 10px 5px 0;
	}
.contact7 dd {
	margin-left: 35%;
	}

.btn_contact7 input {
	width: 70%;
	background-color: #222222;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #222222;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #005513; 
}
	
}




.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
 
.clearfix:before {
	content: "";
	display: block;
	clear: both;
}
 
.clearfix {
	display: block;
}

p,li,dl,dt,dd,a{
font-family: 'Noto Sans JP', Roboto, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Arial, nc3Jp, sans-serif !important;
}

h1,h2,h3,h4,h5,h6{
/*font-family:  Roboto,'Noto Sans JP', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Arial, nc3Jp, sans-serif !important;
font-weight:bold !important;*/
}

/** {
	font-family: YakuHanJPs, Roboto, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Arial, nc3Jp, sans-serif !important;
}*/

p,h1,h2,h3,h4,h5,h6,li,dl,dt,dd{
	/*color:#000000;*/
}

.navbar-nav li a{
	color:#000000 !important;
}
.simple-dropdown .dropdown-menu li a {
    color: #9d9d9d !important;
}
.simple-dropdown .dropdown-menu li a:hover{
    color: #ffffff !important;
}
#MVtext h6{
	font-size:70px;
	line-height:70px;
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
	color:#000000;
	margin:28px 0 0 0;
}
.MVsubTxt h6{
	font-weight:500 !important;
	line-height:24px !important;
	font-size:18px;
}

.ReedTxt{
	line-height:2.8;
}
.apTxt{
	margin:40px;
	font-size:24px;
	font-weight:700;
	line-height:40px;
}
body{
	position:absolute;
}
#svgBg {
  clip-path: url("");
	position:absolute !important;
	z-index:-9999 !important;
}

#red {
  fill: none;
  opacity: 0.15;
  stroke: #677986;
  stroke-width: 12;
  stroke-miterlimit:10;
  animation: show 4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out; 
}

#blue {
  fill: none;
  opacity: 0.15;
  stroke: #bfc2c4;
  stroke-width: 12;
  stroke-miterlimit:10;
  animation: show 4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

#light-blue {
  fill: none;
  opacity: 0.15;
  stroke: #bfc2c4;
  stroke-width: 6;
  stroke-miterlimit:10;
  stroke-dasharray: 200;
  stroke-dashoffset: 800;
  animation: draw 4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;    
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
 }
    }

@keyframes show {
  0% {
    opacity: 0.15;
 }
  50% {
    opacity: 0.2;
 }
  100% {
    opacity: 0.15;
 }
    }

#home {
/*position:relative !important;
background:#eee;*/
}

.tsz16{
	font-size:16px !important;
}
.tsz16{
	font-size:16px !important;
}.tsz17{
	font-size:17px !important;
}.tsz18{
	font-size:18px !important;
}.tsz19{
	font-size:19px !important;
}.tsz20{
	font-size:20px !important;
}.tsz21{
	font-size:21px !important;
}.tsz22{
	font-size:22px !important;
}.tsz23{
	font-size:23px !important;
}.tsz24{
	font-size:24px !important;
}.tsz25{
	font-size:25px !important;
}.tsz26{
	font-size:26px !important;
}.tsz27{
	font-size:27px !important;
}.tsz28{
	font-size:28px !important;
}.tsz29{
	font-size:29px !important;
}.tsz30{
	font-size:30px !important;
}

.center{
	text-align:center;
}
.bold{
	font-weight:bold;
}

.service_card_wrap h6{
  font-size:16px;
}

.down-section-link i{
	animation: fluffy1 3s ease infinite;
}

@keyframes fluffy1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-15px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-15px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}

.ovTitle{
	font-weight:bold;
	font-size:16px;
}


.service_link_Box{
	position:relative;
}
.service_link_Box a{
	display:block;
	color:#000000;
	padding:40px 30px;
	background:#ffffff;
}
.service_link_Box a:hover{
	background:#222222;
}
.service_link_Box a:hover h2,
.service_link_Box a:hover p,
.service_link_Box a:hover span{
	color:#ffffff;
}

.service_link_Box h2{
	font-size:1.8em;
}
.service_link_Box span{
	position:absolute;
	top:20px;
	right:10px;
	font-weight:bold;
}
/*フッター追記*/
	.footer_action_wrap{
		width: 100%;
		padding: 80px 80px;
		background: url(http://ae107w8dfb.smartrelease.jp/wp-content/uploads/2021/02/bg_footer_action-1.jpg) no-repeat center center;
	}
	.footer_action_wrap ul{
		width: 100%;
		margin:  0 auto;
		padding-inline-start:0 !important;
	}
	.footer_action_wrap ul li{
		width: 44%;
		float: left;
		margin: 0 3%;
		list-style:none;
	}
	.footer_action_wrap ul li a{
		display: block;
		background: #ffffff;
		cursor: pointer;
		padding: 36px;
	}
	.footer_action_wrap ul li a:hover{
		background: #222222;
	}
	.footer_action_wrap ul li a:hover h6,
	.footer_action_wrap ul li a:hover p,
	.footer_action_wrap ul li a:hover span{
		color: #ffffff;
	}
	.footer_action_wrap h6{
		font-size: 1.2em;
		margin: 0 0 0 0;
	}
	.footer_action_wrap span{
		font-weight: bold;
		display: inline-block;
		margin: 24px 0;
		font-size: 22px;
		color: #000000;
	}

/*セミナー非表示*/
#index_seminar_block{
	display:none !important;
}
.comeing_soon{
	display:none !important;
}



/*更新日時表示*/
.fa {
    margin-right: 5px;
}
.fa-clock-o:before {
    content: "\f017";
}
.fa-refresh:before {
    content: "\f021";
}