@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: udジャパン
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/
/************************************
** 子テーマ用のスタイル
************************************/
/* A Modern CSS Reset */
*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role="list"],ol[role="list"]{list-style:none}html{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}

/************************************
基本表示
************************************/
body {
  max-width:1360px;
  background-color:#eee;
  font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  margin:0 auto;
}

/*デフォルトリンク*/
a {
  color: #0066B1;
}
a:hover {
  text-decoration: underline;
}
em {
	font-style:normal;
	font-weight:bold;
	color:#990000;
}
ol, ul, dl {
  margin: 1em 0;
  padding-left: 40px;
}
dd + dt {
	margin-top:1em;
}
/* インナーを囲む */
.wrap {
  max-width: 990px;
}

/************************************
** 本文部分
************************************/
.container{
  background: #fff;/*linear-gradient(#C5E9F0, #F4FBFC, #C5E9F0);
	background: linear-gradient(#B6E3EC, #F4FBFC, #B6E3EC);*/
}
.main {
  padding: 0px;
  border: none;
  border-radius: 0;
  position: relative;
  background-color: transparent;
}
.content {
  margin-top: 0;
}
.content-box {
  margin-top: 80px;
}

/************************************
** ヘッダー
************************************/
.header-container {
  background-color: transparent;
  background-color: #F1F1F1;
	padding-bottom:15px;
}
.header .header-in {
  min-height: 75px;
  margin: 0 auto;
  position: relative;
}
.header-in {
	  display: flex;
	  flex-direction: row;
	  justify-content: flex-start;
}
#logo {
	padding-top: 5px;
	flex-basis: 365px;
	position: relative;
}
/*---ロゴ subtitle------------*/
.mini-title{
	font-size: 12px;
	position: absolute;
	top: 50px;
	left: 85px;
	font-weight: normal;
}
/*---キャッチコピー------------*/
.tagline {
	text-align: right;
	font-size: .75em;
	margin:0;
	flex-basis: 100%;
	position: absolute;
	top: 12px;
	right: 0;
}
/*---検索窓------------*/
.add-header-contents {
    display: block;
    width: 14em;
    margin: 37px 0 0 auto;
}
.search-box{
  border-radius: 6px;
  border: solid 1px #0366b1;
  width: 14em;
  margin: 0;
  text-align: right;
  position: relative;
  display: flex;
}
.search-box .search-edit, input[type="text"]{
  padding: 4px 10px;
}
.search-submit{
  background-color: #0067B2;
  color: white;
  width: 1.5em;
  line-height: 1.5em;
  top: 0;
  right: 0;
  border-radius: 2px;
}
.footer-bottom-content .search-box, main .search-box, .navi-in > ul .search-box{
	display:none;
}

/************************************
** センターロゴ（トップメニュー）
************************************/
.cl-slim .navi-in > ul li {
  height: 15px;
  line-height: 15px;
}

/************************************
** グローバルメニュー
************************************/
.navi {
  background-color: #F1F1F1;
}
.navi-in > ul {
  justify-content: space-between;
	padding: 0;
	margin-top: 10px;

}
#navi .navi-in > ul > li > a {
  padding: 0 2em;
  font-size: 15px;
}
.navi-in > ul li {
  position:relative;
}

.navi-in > ul li::before{
	left:0;
	top:0;
	display:inline-block;
	content:"";
	position:absolute;
	background-color:#333;
	width:1px;
	height:20px;
}
.navi-in > ul li:last-child::before, .navi-in > ul li:first-child::before{
	display:none;
}
#navi .navi-in a:hover {
  background-color: transparent;
  color: #0067B2;
  text-decoration: none;
}
.current-menu-item a{
	color:#0067B2 !important;
}
.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
  padding: 6px 10px;
  font-size: 13px;
}
.entry-title, .author-info, .date-tags , li .serch-menu-button .menu-button{
  color: red;
}

/************************************
** モバイルメニュー
************************************/
ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button{
  background-color: #F1F1F1;/*#C9EAF1;#B8E4EC;*/
}

/************************************
** フッターメニュー
************************************/
.navi-footer-in > .menu-footer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
  justify-content: flex-start;
	  text-align: left;
	max-width: 990px;
	margin: 0 auto;
}
.navi-footer-in > .menu-footer li {
  border-left: none;	
}
.navi-footer-in > .menu-footer li:last-child {
  border-right: none;
}
.navi-footer-in a {
  font-size: 1em;
  margin-right: 2em;
  margin-bottom: .5em;
  font-weight:bold;
		margin-top:2em;
}
.navi-footer-in a:hover {
  background-color: transparent;
  transition: unset;
  color: #0066B1;
  text-decoration: none;
}
.sub-menu{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.8;

}
.sub-menu a{
	border-bottom: none;
	margin-bottom: 0;
	font-weight:normal;
			margin-top:0;
}
.sub-menu a:hover{
  color: #0066B1;
}

/************************************
** パンくずリスト
************************************/
.breadcrumb{
  margin: 2em 1em 0;
}

/************************************
** 投稿・固定ページで使うHTML要素
************************************/
.article h2{
  background-color: transparent;
  color: #0067B2;
/*margin: 1.5em 0 0;
  padding: 0 0 0.4em 0;*/
  font-size: 1.75em;/*28px;*/
}
.article h2 span{
	letter-spacing:-5px;
}
.article h3{
  font-size: 1.375em;
  line-height: 1.375em;
  border: none;
  /*padding: 9px 12px;*/
  color: white;
  background-color: #0067B2;
}
.article h4{
  border: none;
  font-size: 1.25em;
  margin: 2em 0 1em;
  padding: 9px 30px;
}
.article h4::before{
  position: absolute;
  left: .5em;
  content: '';
  width: 7px;
  height: 1.25em;
  background-color: #0366b1;
  margin-top: 3px;
}
.article h5{
  font-size: 1em;
  color: #0366b1;
  border: none;
	padding:9px 30px;
}
.article h6{
  font-size: 1em;
	padding:9px 30px;
}
.article p{
  margin: 0 0 2em 0;
	padding:0 30px;
	font-size:1em;
}
.article dl {
  margin: 0 0 2em 0;
	padding:0 30px;
}
.article dt {
	padding-left:30px;
	font-weight:bold;
}
p.name-title {
    font-weight: bold;
}
p.right {
    text-align: right;
}
p.center {
	 text-align: center;
}
/*---外部リンク------------*/
p a[target="_blank"]::after, 
dt a[target="_blank"]::after, 
dd a[target="_blank"]::after,
td a[target="_blank"]::after {
  margin-right: 3px;
  content: "\f08e";
  font-family: FontAwesome;
  display: inline-block;
  vertical-align: -1px;
}
/*---テーブル------------*/
table tr td {
  background-color: white;
  padding: 17px;
}
/*---リスト------------*/
.article ul.usual li {
  list-style: none;
  position: relative;
  padding: 0em 0.3em 0.3em 0;
  text-indent:-1.8em;
  padding-left:1.8em;
}
.article ul.usual li::before {
  content: '■';
  height: 1em;
  width: 1em;
  color: #0366b1;
  padding-right: .8em;
}
.article ol.usual {
  counter-reset: number;
}
.article ol.usual li {
  list-style: none;
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}
.article ol.usual li::before {
  position: absolute;
  counter-increment: number;
  content: counter(number);
  display: inline-block;
  background: #0366b1;
  color: white;
  font-family: 'Avenir', 'Arial Black', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 15px;
  border-radius: 50%;
  left: -10px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/************************************
** フッター
************************************/
footer .wrap{
	max-width:100%;
	width:100%;
}

.footer {
  margin-top: 0px;
  padding-top: 0px;
}

.copyright {
  font-size: 12px;
  /*border-top: solid 1px #707070;*/
  padding: 15px 0;
	text-align:center;
	width:100%;
	margin:0 auto;
}
/************************************
** フッターボトム
************************************/
.footer-bottom {
    margin-top: 0;
    padding: 0;
	width: 100%;
	background-color: #E4E4E3;
}

.footer-bottom-content{
	margin:0 auto;
	width:990px;
}
.navi-footer {
	max-width:100%;
	width:100%;
	margin:0 auto;
	padding:40px 0;
}

.footer-info{
	max-width:100%;
	width:100%;
	margin:0 auto;
	padding:0.5em 1em ;
}
.footer-logo-img {
	padding:2rem 0 0 1rem;
}
.footer-logo-img img{
	width:33%;
	height:auto;
}

.footer-info {
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
}
.company-info {
    text-align: left;
    font-size: 14px;
}
p.contact-button {
    background-color: #0E693F;
    border-radius: 3px;
	height: 40px;
}
p.contact-button a{
	padding:0.3em 1.5em;
    text-decoration: none;
    display: block;
	color:white !important;
	font-size: 14px;
}
p.contact-button a::before{
	font-family: FontAwesome;
	content: "\f003";
	padding-right:0.5em;
	font-size:17px;
}
.privasy img{
	width:85px;
}
/************************************
トップページ
************************************/
/*---スライダー------------*/
.slider{
	margin-top: 0px;
	margin-bottom: 20px;
}
.slider .slick-prev,.slider .slick-next{
	z-index: 99;
	top: 45%;
}
.slider .slick-prev{
	left: 20px;
}
.slider .slick-next{
	right: 20px;
}
.slider .slick-prev:before {
	font-family: FontAwesome;
	content: '\f104';
	font-size: 3rem;
	line-height: 1;
}
.slider .slick-next:before {
	font-family: FontAwesome;
	content: '\f105';
	font-size: 3rem;
	line-height: 1;
}
.slider .slick-outer{
	position: relative;
}
.slider .slick-content{
	display: flex;
	flex-direction: column-reverse;
}
.slider .slick-outer img{
  width: 100%;
  min-height: 313px;
  height: 313px;
  object-fit: cover;
  object-position:0 0;
  z-index: -1;
}
.slick-content h2{
  margin: 0;
  padding: 0;
  font-size: 2em;
  color: #fff;
  position: absolute;
  top: 50%;left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: 150;
  color: #fff;
	 width: 80%;
	 text-align: center;
}
.slick-content p{
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 1.6em;
  position: absolute;
  top: 5%;left: 5%;
  -ms-transform: translate(-5%,-5%);
  -webkit-transform: translate(-5%,-5%);
  transform: translate(-5%,-5%);
  z-index: 150;
  color: #fff;
}
/*---３本柱------------*/
.pillars {
  margin-top: 20px;
  position: relative;
  height: 327px;
}
.pillars-img:hover {
  top: 20px;
}
.pillars-img {
  font-size:0;
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  z-index: 1;
  transition: all 0.6s ease 0s;
}
.pillars h2{
  margin: 0;
  font-size: 2.5rem;
	  padding: 0 0 0.4em 0;
}
.pillars .pillars-title {
  font-size: 3.4375rem;
  position: absolute;
  bottom: 0;
  color: white;
  text-shadow: 3px 2px 4px #3a3a3a;
  margin: 0 33px;
}
.pillars-textbox {
  box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.16);
  width: 70%;
  padding: 3%;
  padding-left: 24%;
  background-color: white;
  position: absolute;
  right: 0;
  top: 30px;
  height: 88%;
}
p.pillars-text {
  width: auto;
	padding:0 ;
	margin:0 0 26px 0;
}
.pillars2-img:hover {
  top: 20px;
}
.pillars2-img {
	font-size:0;
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  z-index: 1;
  transition: all 0.6s ease 0s;
}
.pillars2-textbox {
  box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.16);
  width: 70%;
  padding: 3%;
  padding-left: 6%;
  background-color: white;
  position: absolute;
  left: 0;
  top: 30px;
  height: 88%;
}
p.pillars2-text {
  width: 60%;
	padding:0 ;
	margin:0 0 26px 0;
}
.button a {
  text-decoration: none;
  border: solid 1px #0066B1;
  color: #0066B1;
  display: inline-block;
  padding: 8px 50px;
  border-radius: 3px;
  transition: 0.5s;
}
.button a:hover {
  background-color: #0066B1;
  color: white;
}
/*---お知らせ------------*/
.news {
  border: solid 4px #008146;
  width: 100%;
  padding: 20px 40px 0;
  background-color: white;
}
.news h2 {
  margin-top: 0.2em;
  text-align: center;
  color: #008146;
  font-size: 2rem;
  font-weight: 700;
}
.news h2::after {
  content: "";
  margin-left: 14px;
  background-image: url(https://da.nkudj.com/images/right.png);
  background-size: contain;
  display: inline-block;
  width: 50px;
  height: 23px;
  vertical-align: middle;
}
.news h2::before {
  content: "";
  margin-right: 14px;
  background-image: url(https://da.nkudj.com/images/left.png);
  background-size: contain;
  display: inline-block;
  width: 50px;
  height: 23px;
  vertical-align: middle;
}
.news a {
  color: #008146;
  text-decoration: none;
  font-weight: bold;
}
.news a:hover {
  opacity: 0.5;
}
.button2 {
  text-align: right;
}
.news-card {
  display: flex;
	flex-direction:row;
  -webkit-align-items: center;
  align-items: center;
}
.news-card {
  padding: 10px 20px 0 20px;
}
.news-card {
  font-size: 16px;
  margin: 0;
}
.news-date {
	padding-right: 2em;
    color: #0067B2;
    font-size: 15px;
}
.news-title {
	font-weight:600;
	font-size:18px;
}
.excerpt-card {
	display: flex;
	flex-direction:row;
	height:6em;
}
.news-excerpt{
	padding-left:1.5em;
}
.news-thumbnail{
	width:200px;
	height:200px;
	padding-left:1em;
}
.news-thumbnail img{
	object-fit:cover;
	margin-top:-20px;
}
.news-content{
	margin:1em 0;
	padding:0 20px 1px 20px;
	background:#F7F7F7;
	border-radius:10px;
}
.news-content .button2{
	margin-top:-2em;
		font-size:85%;
}
/*---最近の活動------------*/
.recent-activity h2 {
  text-align: center;
}
.recent-activity h2{
	font-size: 2.5em;
}
.recent-activity-content {
	height: 25em;
	overflow-y: scroll;
  padding: 20px;
	background-color:white;
}
.recent-activity-card {
  display: flex;
	flex-direction:row;
  -webkit-align-items: center;
  align-items: center;
}
.recent-activity-card {
  border-top: dotted 1px #707070;
  padding: 10px 20px;
  line-height: 30px;
}
.recent-activity-card {
  font-size: 16px;
  margin: 0;
}
.recent-activity-cat{
	font-size:80%;
	flex-basis: 15%;
	margin-right:1em;
	text-align:center;
	color:#fff;
}
.recent-activity-cat .training{
	background-color:#00A24F;
	padding:2px .5em;
}
.recent-activity-cat .assessment{
	background-color:#0367b2;
	padding:2px 1.5em;
}
.recent-activity-cat .publication{
	background-color:#f08300;
	padding:2px .5em;
}
.recent-activity-cat .other{
	background-color:#434343;
	padding:2px 3.5em;
}
.recent-activity-date {
	padding-right: 1em;
	flex-basis: 10%;
}
.recent-activity-date {
  color: #0067B2;
  font-size: 15px;
}
.recent-activity-title{
	flex-basis: 75%;
}

.recent-activity-content a[target="_blank"]::after{
  margin-right: 3px;
  content: "\f08e";
  font-family: FontAwesome;
  display: inline-block;
  vertical-align: -1px;
}
/*---田島さんのコラム------------*/
.tajima_column a:hover img {
	opacity:.7;
}
/*---障害のある方へサポートのお願い------------*/
.support-please h3 {
  text-align: center;
  color: #0066B1;
  font-size: 1.6875em;
  border: solid 4px #0066B1;
  background-color: white;
}
.support-please a {
  display: block;
  padding: 12px 20px;
  text-decoration: none;
  transition: 0.5s
}
.support-please h3 a::after {
  content: "";
  background-image: url(https://ud-japan.com/images/right2.png);
  margin-left: 14px;
  vertical-align: middle;
  display: inline-block;
  width: 71px;
  height: 25px;
  background-size: contain;
}
.support-please h3 a::before {
  content: "";
  background-image: url(https://ud-japan.com/images/left2.png);
  margin-right: 14px;
  vertical-align: middle;
  display: inline-block;
  width: 71px;
  height: 25px;
  background-size: contain;
}
.support-please a:hover {
	color: #0066B1;
	opacity: 0.5;
}
/*---バナー------------*/
.bunner {
  display: flex;
}
.bunner img {
	width:100%;
	padding: 5px;
	transition: 0.5s
}
.bunner img:hover {
	opacity: 0.5;
}

/************************************
検索結果ページ
************************************/
.search-results .entry-card-content .entry-category,
.search-results .entry-card-content .post-date,
.search-results .entry-card-content .admin-pv {
	display:none;
}

/************************************
2階層以下
************************************/
.entry-content > h2, .entry-content > h3 {
	margin-top: 30px;
}

/*----子ページインデクスページ-----------*/
.assessment-list {
	display: flex;
	justify-content: space-around;
	margin-top: 3em;
}
.assessment-list .item {
	position: relative;
	width: 32%;
	margin-bottom:20px;
}
.assessment-list img {
	display:block;
	margin:0 auto;
}
.assessment-txt{
	background-color:rgb(0 0 0/45%);
	border:solid 1px white;
	width:80%;
	height:auto;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	text-align: center;
	color: white;
}
.assessment-list .item h4 {
  font-size: middle;
  font-weight: 400;
  margin: 1em 0;
}
.assessment-list .item h4::before {
  width: 0;
}
.assessment-list .item a {
  background-color: white;
}
.assessment-list .item p {
  font-size: 13px;
	padding:0 1em;
	margin-bottom:2em;
}
.assessment-list .item p.button a:hover {
  background-color: #0066B1;
  color: white;
}
/*----吹き出しの後の文章-----------*/
.speech-wrap {
  color: #0067B2;
  font-weight:bold;
}
.speech-wrap + p {
	position:relative;
	top:-2em;
	margin:0;
	padding-left:6.6em;
}
/*----流れの図----------*/
.article ol.flowchart{
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
	counter-reset: item;
	list-style-type: none;
	padding-left:20px;
}
.article .flowchart li:before {
	counter-increment: item;
	content: counter(item)'';
	/* 以下は自由に装飾... */
	display: inline-block;
	font-weight: bold;
	color: #ffffff;
	width: 40px;
	height: 44px;
	line-height: 40px;
	margin-bottom: 10px;
	text-align: center;
	background-color: #005B77;
	text-orientation: upright;
	font-size:120%;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"
}		
.article .flowchart li {
	padding: 0;
	margin: 0;
	margin-right: 20px;
	position: relative;
	border: 3px solid #005B77;
	width: 44px;
	height: 320px;
	background: #fff;
	font-weight: bold;
	border: 3px solid #005B77;
	color: #424242;
	align-items: center;
	font-size:105%;
}
.article ol.flowchart li:after {
	content: "▶";
	color: #424242;
	position: absolute;
	top: 50%;
	left:40px;
	font-size:80%;
}
.article ol.flowchart li:last-child:after{
	content : none ;
}
/*----出版事業・通信講座-----------*/
.book-list,
.tusin-list{
	display: flex;
	margin-top: 0;
	padding-left:30px;
}
.book-list .item {
	text-align:center;
	width:145px;
}
.tusin-list .item {
	text-align:center;
	width:145px;
}
.book-txt{
	width:115px;
	height:auto;
	margin:0 auto;
}
.tusin-txt{
	width:150px;
	height:auto;
	margin:0 auto;
}
.book-list .item h5,
.tusin-list .item h5{
	font-size: small;
	font-weight: 400;
	color:#333;
	margin:0;
	padding:0;
	text-align:left;
}
.book-list .item h5 a,
.tusin-list .item h5 a{
	text-decoration:none;
	color: #0067B2;
}
/*----出版書籍一覧-----------*/
.booklist{
	display:flex;
	flex-wrap: wrap;
}
.bookcontainer{
	display:flex;
	flex-direction: row;
	margin:10px 5px;
	border:1px solid #eee;
	background-color:#fff;
	width:32%;
	margin-bottom:20px;
}
.listbox { 
  order: 2;
  margin:0;
  margin-left: 10px;
  padding:5px;
}
.booklist h5{
  padding: 0;
  margin:0;
  color: #0067B2;
  background-color: transparent;
  font-size:15px;
	margin-bottom: 1em;
}
.booklist h5 .subtitle, .booklist h5 .subtitle2{
  font-size:85%;
  font-weight:normal;
}
.booklist h5 .subtitle::after {
	content: "\A" ;
	white-space: pre ;
}
.booklist h5 .subtitle2::before {
	content: "\A" ;
	white-space: pre ;
}
.listbox h5 a{
  text-decoration:none;
  color: #0067B2;
}
.listbox dl {
  font-size:12px;
  margin:0;
  padding:0;
}
.listbox dt {
	display:block;
	float: left;
	padding:0 5px 0 -30px;
	margin:0 0 0 -30px;
}
.listbox dd {
	display:block;
}
.book-img { 
  order: 1;
  align-self: flex-start;
  padding:0;
  margin:0;
  flex-shrink: 0;
}
.book-img img{ 
  margin:5px;
  padding:0;
}
/*----書籍紹介・通信講座紹介-----------*/
.bookinfo{
	display:flex;
	margin-left:30px;
	margin-top:30px;
}
.bookitem1{
  order: 2;	
}
.bookinfo h2{
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:1px dotted #ccc;
	margin-top:0px;
}
.bookinfo h2 span{
	font-size: 80%;
	letter-spacing:0;
}

.bookinfo table {
	margin-bottom: 20px;
	max-width: 100%;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.bookinfo table th {
	background-color: transparent;
}
.bookinfo table tr:nth-of-type(2n+1) {
	background-color: transparent;
}
.bookinfo table th,
.bookinfo table td {
	border: none;
	padding: 3px 5px;
	background-color: transparent;
}
.bookitem2{
	order: 1;
	padding:0;
	margin-top:30px;
}
.bookitem2 img{
	padding:0 2em;
	width:100%;
}
/*書籍ページのSNSシェアと関連記事を消去*/
.book-template-default .sns-share,
.book-template-default .related-entries{
	display:none;
}

/*----企業情報-----------*/
.com-list {
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
	flex-direction: row;
	flex-wrap: wrap;
  justify-content:space-between;
  align-content: flex-start;
  margin-top: 3em;
}
.com-list .item {
	display: flex;
	flex-direction: column;
	width: 320px;
}
.com-txt{
	text-align: right;
}
.com-list .item a {
  color:#333;
	text-decoration:none;
	font-size:1em;
}
.com-txt a:before{
    content: '\f101';
    font-family: FontAwesome;
}
.com-list .item a:hover {
  color:#0066B1;
	text-decoration: underline;
}
/*---お問い合わせ------------*/
#wpcf7-f68-p10-o1 {
  width: 70%;
  margin: 1.4em auto;
}
.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
  padding: 10px 10px;
}
input[type='submit'] {
  background-color: #0366b1;
  color: white;
  border-radius: 4px;
  transition: 0.3s;
}
input[type='submit']:hover, .wpcf7c-elm-step2:hover {
  background-color: white;
  color: #0366b1;
  border: solid 1px #0366b1;
}
.wpcf7c-elm-step2 {
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 4px;
  margin-right: 10px;
  margin-bottom: 10px;
  transition: 0.3s;
}
.wpcf7-previous{
  padding: 10px 50px;
  border: none;
  border: solid 1px #B3B3B3;
  border-radius: 4px;
  transition: 0.3s;
}
.wpcf7-previous:hover {
  background-color: white;
  color: #0366b1;
  border: solid 1px #0366b1;
}
/*---3層ページ------------*/
.ex-box {
  border: dotted 1px #333;
  padding: 20px 30px;
	background-color:white;
}
.mobile{
	display:none;
}
/*---田島さんのコラム 一覧------------*/
.page-id-1753 #lcp_instance_0 li{
	list-style:none;
	color: #0067B2;
	font-size: 15px;
}
.page-id-1753 #lcp_instance_0 li::after{
    content: "";
    clear: both;
    display: block;
}
.page-id-1753 #lcp_instance_0 li a{
	text-decoration:none;
	color:#333;
	font-size:1.4em;
	font-weight:bold;
	padding-right:1em;
}
.page-id-1753 #lcp_instance_0 li a:hover{
	color: #0067B2;
}
.page-id-1753 #lcp_instance_0 li img{
	float:left;
	padding:0 1em 2em 0;
}
.page-id-1753 #lcp_instance_0 li img:hover{
	opacity:.75;
}
.page-id-1753 .lcp_excerpt{
	color:#333;
}
.related-entry-card-meta .post-date{
	display:block
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/

@media screen and (max-width: 1023px){
	#container{	margin-top:-45px;	}
	ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button{	display:none;}
}

/*834px以下*/
@media screen and (max-width: 834px){
	#container{	margin-top:0; }
/************************************
** モバイルメニュー
************************************/
	.logo-menu-button{
		overflow:inherit;
	}
	.logo-menu-button img{
		position: absolute;
		top: 20px;
		left: 5px;
		width: 332px;
		height: 68px;
	}
	.logo-menu-button .tagline {
    	position: absolute;
		font-size: 12px;
		line-height: 12px;
		margin: 0;
		padding: 0;
		top: 5px;
		left: 5px;
		text-align: left;
		font-weight: normal;
	}
	.logo-menu-button .mini-title{
		position: absolute;
		font-size: 12px;
		line-height: 12px;
		margin: 0;
		padding: 0;
		top: 60px;
		left: 85px;
		text-align: left;
}
	li.navi-menu-button.menu-button .fa-bars{
		margin: 0.6em 0;
		font-size:2em;
	}
	li.navi-menu-button.menu-button {
		width:4em;
    	order: 1;
  }
	ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button{
		display:flex;
		box-shadow:none;
	}
  .add-header-contents .search-box, span.search-menu-caption.menu-caption, span.search-menu-icon.menu-icon , .header-container, .mobile-menu-buttons .menu-caption{
		display: none;
	}
	.logo-menu-button img{
		margin:0;
	}
  .search-box {
    margin: 0;
	}
.navi-footer-in a {
  border-bottom:none;
}

/************************************
** フッターボトム
************************************/
.footer-logo-info {
    display: inherit;
}
	
.footer-info {
	flex-direction: column;
}
p.contact-button {
	margin: 1em auto 1em 0;
	width: 14em;
}

/************************************
トップページ
************************************/
/*---スライダー------------*/
.slider{
	margin-top: 0;
}	
/*---３本柱------------*/	
	.pillars h2 {
    font-size: 28px;
  }
  .pillars-textbox {
    height: 77%;
    width: 60%;
    padding-left: 16%;
  }
  .pillars2-textbox {
    height: 77%;
    width: 60%;
    padding-left: 6%;
  }
  p.pillars-text {
    width: 100%;
	font-size:90%;
  }
  p.pillars2-text {
    width: 83%;
	font-size:90%;
  }
/*---おしらせ------------*/
.news-title {
	padding-left:1em;
}
/*---最近の活動------------*/	
.recent-activity-card {
  display: block;
  align-items: left;
}
.recent-activity-cat{
	text-align:left;
	float:left;
}
.recent-activity-title {
	clear:both;
	padding-left:0;
}
	
/************************************
** フッターメニュー
************************************/
	.sub-menu{
		display: none;	
	}

/************************************
2階層以下
************************************/	
/*----子ページインデクスページ-----------*/
.assessment-list {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
　　align-content: space-between;
}
.assessment-list .item {
    width: 50%;
}
/*----出版書籍一覧-----------*/
.bookcontainer{
	width:48%;
}
/*----企業情報-----------*/
.com-list {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
　　align-content: space-between;
}
.com-list .item {
	width: 50%;
}


	
	


	
	
	
.article h4::before {
    left: 1em;
  }
	
  table th, table td {
    font-size: inherit;
  }


}

/*480px以下*/
@media screen and (max-width: 480px){
body {
  max-width:100%;
}
ol, ul, dl {
  padding-left: 0px;
}
/* インナーを囲む */
.wrap {
  max-width: 100%;
}
/************************************
** WordPress Misc
************************************/
img.alignright, img.alignleft {
	float: none;
	display: block;
	margin: 0 auto 1em auto;
}

/************************************
** モバイルメニュー
************************************/
	.logo-menu-button img{
		width: auto;
		height: auto;
	}
	.logo-menu-button .tagline {
		font-size: 10px;
		line-height: 10px;
	}
	.logo-menu-button .mini-title{
		font-size: 10px;
		line-height: 10px;
		bottom: 2em;
		left: 6em;
		width: 100%;
	}

/************************************
** パンくずリスト
************************************/
.breadcrumb{
  margin: 2em 0 0;
}

/************************************
** 投稿・固定ページで使うHTML要素
************************************/
.article h2{
	padding-left:0;
}
.article h5{
	padding-left:0;
}
.article h6{
	padding-left:0;
}
.article p{
	padding:0;
}
.article dl {
	padding:0;
}
.article dt {
	padding-left:0;
}
.article dd {
	padding-left:0;
	margin-left:0;
}
.article ul {
	padding-left:0;
}
.article ol {
	padding-left:.5em;
}
/************************************
** フッターボトム
************************************/
.footer-logo-info {
    display: inherit;
	text-align: center;
}
p.contact-button {
	margin: 1em auto;
	width: 14em;
}
.footer-logo-info {
    display: flex;
	flex-direction: column;
    justify-content: center;
	align-items: center;
}
.company-info {
    text-align: center;
}
p.contact-button {
	margin: 1em auto;
}

/************************************
トップページ
************************************/
/*---スライダー------------*/
	.slider{
		margin-bottom: 0;
	}
	.slider  .slick-content{
	 	width: 80%;
	}
	.slider .slick-outer img{
		width: auto;
		min-height: 232px;
		height: 232px;
	}
	.slider .slick-content h2{
		font-size: 1.4em;
	}
	.slider .slick-content p{
		font-size: .8em;
	}	
/*---３本柱------------*/
	.pillars {
		margin-top: 20px;
		height: auto;
	}
	.pillars-img, .pillars2-img, .pillars-textbox, .pillars2-textbox {
		width: 100%;
		position: relative;
		margin: 0 auto;
		text-align: center;
		top: 0;
	}	
	.pillars-textbox, .pillars2-textbox {
		padding-left: 3%;
	}
	p.pillars-text, p.pillars2-text {
		width: 80%;
		margin: 1em auto;
	}
	.pillars .pillars-title {
		margin: 33px 13px 0;
	}	
/*---お知らせ------------*/
.news h2::before, .news h2::after{
    width: 35px;
    height: 16px;
}
.news-card {
    display: flex;
    flex-direction: column;
	padding:0;
}
.news-card {
    width: 100%;
}
.news-date {
    width: 100%;
	text-align:center;
}
.news-title {
  width: 100%;
}
.news-excerpt{
	margin-top:1em;
	padding:0;
}
.excerpt-card {
	display:block;
	height:auto;
}
.news-thumbnail{
	padding:1em 0 0 50px;
}
.news-content .button2{
	margin-top:0;
}
/*---最近の活動------------*/	
.recent-activity-content{
	padding: 0;
}
.recent-activity-card {
    display: flex;
    flex-direction: column;
}
.recent-activity-card {
    width: 100%;
}
.recent-activity-date{
	width: 100%;
	text-align:center;
}
/*---障害のある方へサポートのお願い------------*/
	  .support-please h3 {
    font-size: 17px;
    padding: 0;
		  		border: solid 2px #0066B1;
  }	
	  .support-please a {
    padding: 15px 0;
  }
.support-please h3 a::after, .support-please h3 a::before {
    display: none !important;
  }
/*---バナー------------*/
.bunner {
  flex-direction: column;
}

/************************************
2階層以下
************************************/	
/*----子ページインデクスページ-----------*/	
.assessment-list {
　flex-direction: column;
}
.assessment-list .item {
	width: 100%;
}
/*----吹き出しの後の文章-----------*/
.speech-wrap + p {
	top:0em;
	padding:0;
}
/*----流れの図----------*/
.article ol.flowchart{
	-ms-writing-mode: lr-tb;
	writing-mode: lr-tb;
}
.article .flowchart li:before {
	width: 40px;
	height: 34px;
	line-height: 34px;
	margin-right: 10px;
	}		
.article .flowchart li {
		margin-bottom: 20px;
		width: 320px;
		height: 40px;
}
	.article ol.flowchart li:after {
		content: "▼";
		top: 35px;
		left:50%;	
	}
/*----出版事業-----------*/
.book-list {
  flex-wrap: wrap;
  align-content: flex-start;
  padding-left:0;
}
.book-list .item {
  margin-bottom:20px;
}
/*----出版書籍一覧-----------*/
.booklist{
	display:column;
}
.bookcontainer{
	display:column;
	width:100%;
	margin-bottom:2em;
}
.listbox dt {
	margin-left: 0px;
}
/*----書籍紹介-----------*/
.bookinfo{
	display:flex;
	flex-direction: column;
	width:100%;
	padding:0;
	margin:0;
}
.bookinfo h2{
	font-size: 1.2em;
}
.bookitem2 img{
	padding:0;
	width:115px;
	display:block;
	margin:0 auto 1em auto;
}
/*----関連書籍-----------*/
.book-template-default .book-list{
	display:flex;
	flex-direction:column;
}
/*----自費出版-----------*/
.page-id-665 .speech-wrap + p{
	padding:0;
	margin:0px 0 80px 50px;
}
/*----企業情報-----------*/
.com-list {
　flex-direction: column;
}
.com-list .item {
	width: 100%;
}
/*---田島さんのコラム 一覧------------*/
.page-id-1753 #lcp_instance_0 li img{
    float:none;
    display: block;
	margin:0 auto;
	margin-top:1em;
}
}

/*----reCAPTCHAバッジを消す-----------*/
.grecaptcha-badge { visibility: hidden; }


.bookorder{
	display:flex;
	align-items: center;
	line-height:1em;

}

.bookorder input[type="number"] {
	width: 5em;
	height: 2em;
}
.bookorder::after {
	content:" 冊";
	padding-left:.5em;
}
/*480px以下*/
@media screen and (max-width: 480px){
.bookorder{
	display:flex;
	align-items: flex-start;

}
.bookorder .wpcf7-list-item-label{
	display:block;
	text-indent:-1em;
	padding-left:2em;
	margin-top:-1.6em;
	line-height:1.6em;
}
}

/*-------------------------
  右から左に流れるテキスト
-------------------------*/
.flow-info {
	display: flex;
	padding-left:0px;
	margin-bottom:-1.6em;
}
p.item1{
	background:#008146;
	padding:0 1em;
	border-radius:5px;
	color:#fff;
	text-align:center;
	font-size:.8em;
	white-space : nowrap; /* 改行が起こらないように対策 */
}
p.item1 a{
	color:#fff;
	text-decoration:none;
}
.text-flow {
    margin:0 1em 0;
    overflow:hidden;
}
.text-flow p {
    margin:0;
    font-size:1em;         /*文字サイズ*/
	white-space : nowrap; /* 改行が起こらないように対策 */
    animation: flowing 10s linear infinite;    /*アニメーション*/
    transform:translateX(100%);                /*最初の位置*/
}
.text-flow p a{
	text-decoration:none;
}
/*480px以下*/
@media screen and (max-width: 480px){
.flow-info {
	padding-top:1em;
}
}

@keyframes flowing {
  100% {
    transform:translateX(-100%);    /*終了の位置*/
	}}


.box-scroll {
	height: 25em;
	overflow-y: scroll;
  padding: 20px;
	border: solid 1px #ccc; 
}