@charset "UTF-8";
/*
Theme Name: monopoly_child
Template: monopoly
*/
/* レスポンシブ ブレークポイント
   テーマによって変更があるので各自確認して下さい*/
/*
@media only screen and (max-width: 1024px){

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

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

}
*/
/* フォントの設定 ---------------------------------------------------------
  各自で好きなフォントに変更して下さい。*/
body, h1, h2, .widget h2, .widget h3, h3, h4, h5{
  font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO" !important;
}

/* 全体共通の設定 -------------------------------------------------------------*/
body {
    counter-reset: titleNum;　/* titleNum カウンターを 0 にセット */
}

.content
{
  padding: 10px 0px;
  width: 100%;
}
  span.anchorlink {
       position: relative;
       top: -170px;
       display: block;
    }
.home .container-inner
{
  max-width: 1450px;
}
@media only screen and (max-width: 738px){
.content .pad
{
  padding: 5px;
}
}
.col-2cl .content
{
  padding: 10px 20px;
}
.single #breadcrumb
{
  margin-top: 150px;
}
@media only screen and (max-width: 738px){
  .single .content
  {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 738px){
.content .pad
{
  padding: 10px 0px !important;
}
}

/* headerの設定 -------------------------------------------------------------*/
.style1 #logo-small img
{
  max-height: 70px !important;
}
@media only screen and (max-width: 738px){
  .style1 #logo-small img
  {
    max-height: 40px !important;
    text-align: center;
  }
}
@media only screen and (max-width: 567px){
.style1 #logo-small
{
  display: table;
  width: 100%;
}
}

@media only screen and (min-width: 739px){
  .nav li a
{
  font-size: 15px;
}
}
#breadcrumb
{
  margin-bottom: 0px;
}
#header-top
{
  background-color: #fff;
  padding: 3px;
}
#header-inner
{
  margin: 30px auto 0 auto;
  max-width: 1200px;
  padding-bottom: 8px;
}
.fa-search
{
  color: #EF7A00;
}
.toggle-search i:before
{
  font-size: 16px;
}
.toggle-search
{
  font-size: 14px;
  color: #EF7A00;
  font-weight: bold;
}
@media only screen and (max-width: 567px){
  .fa-search
  {
    color: #EF7A00;
    display: none;
  }
  .toggle-search i:before
  {
    font-size: 16px;
    display: none;
  }
  .toggle-search
  {
    font-size: 14px;
    color: #EF7A00;
    font-weight: bold;
    display: none;
  }
}
@media only screen and (min-width: 1025px){
.hamburger
{
  visibility: hidden;
}
#header-top
{
  background-color: #EF7A00;
  padding: 3px;
}
.fa-search
{
  color: #fff;
}
.toggle-search i:before
{
  font-size: 16px;
}
.toggle-search
{
  font-size: 14px;
  color: #fff;
  font-weight: bold;
}
}

.hamburger-box
{
  height: 18px !important;
  left: 2px;
}



/* スライダーの設定 -------------------------------------------------------------*/

.slider-pc
{
  display: block;
  margin-top: 120px;
}
.slider-sp
{
  display: none;
}
@media only screen and (max-width: 738px){
  .slider-pc
  {
    display: none;
    margin-top: 120px;
  }
  .slider-sp
  {
    display: block;
    margin-top: 80px;
  }
}
#head_space
{
  display: none;
}
.flex-direction-nav .flex-next:before, .flex-direction-nav .flex-prev:before
{
  display: none;
}

/* トップページ見出しの設定 -------------------------------------------------------------*/
.widget_freeareaitem .widget-meta
{
  display: none;
}
.top-h2
{
  margin: 30px 0px;
  max-width: 100%;
  font-size: 26px;
  text-align: center;
}

/* flexboxの設定 -------------------------------------------------------------*/
.flexbox
{
  max-width: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.flexbox-ko
{
  -webkit-flex-basis: 32%;
  flex-basis: 32%;
  text-align: center;
  margin-bottom: 10px;
}
/* TOPページ 共通設定  */
/*.home .container-inner
{
  max-width: 1450px;
}
.home .content
{
  padding: 10px 0px;
}*/

/* TOPページ投稿セクションの設定 -------------------------------------------------------------*/
#toppage
{
  background-image: url(https://animo-group.co.jp/wp-content/uploads/2017/09/blog-bg3.png);
  background-position: center !important;
  background-repeat: no-repeat !important;
  padding-bottom: 30px !important;
}
.home .post-list-3c
{
  width: 80%;
  margin: 0 auto;
}
.top-post
{
  max-width: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.top-post-ko
{
  -webkit-flex-basis: 48%;
  flex-basis: 48%;
  text-align: center;
  margin-bottom: 10px;
  border: solid 1px #c9caca;
  padding: 15px;
}
.post-list-3c .post-inner
{
  padding: 17px;
  margin-right: 0px;
}
.post-list-3c .post
{
  width: 25% !important;
}
.post-inner .post-thumbnail
{
    overflow: hidden !important;
    width: 100% !important;
    border: 1px dotted #aaa !important;
    padding: 8px !important;
    background: #fff !important;
}
.post_description .post-meta
{
    padding: 0 !important;
}

.entry.excerpt p, h2.post-title
{
    margin-bottom: 0 !important;
    margin-top: 5px !important;
}

h2.post-title a
{
    color: #555 !important;
}
.content .post-byline
{
    color: darkorange !important;
}
.excerpt
{
    font-size: 12px !important;
    line-height: 1.4em !important;
    border-top: 4px dotted #fff !important;
    padding-top: 5px !important;
    margin-top: -5px !important;
}

@media only screen and (max-width: 739px){
.post-list-3c .post
{
  width: 100% !important;
}
}
#paginate
{
  width: 30%;
  margin: 0 auto;
}
#paginate .button {
  display: inline-block;
  width: 100%;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  background-color: #fff;
  border: 2px dotted #aaa;
  color: #888 !important;
  line-height: 50px;
  font-weight: bold;
  letter-spacing: 1px;
}
#paginate .button::before,
#paginate .button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
#paginate .button,
#paginate .button::before,
#paginate .button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
#paginate .button:hover {
  background-color: #aaa;
  border-color: 1px dotted #aaa;
  color: #fff !important;
}
@media only screen and (max-width: 739px){
  #paginate
  {
    width: 90%;
    margin: 0 auto;
  }
  #paginate .button
  {
    margin-top: 15px;
  }
}
/* 投稿一覧ページの設定 -------------------------------------------------------------*/
.su-posts-default-loop .su-post
{
  border: double 4px #dbd8ce;
  padding: 20px;
  margin-bottom: 1.5em !important;
}
.su-posts-default-loop h2.su-post-title
{
  position: static !important;
  width: 80%;
  float: left;
  color: #333 !important;/*文字色*/
  border-bottom: dotted 5px gold;
  margin: 0 0 10px 0 !important;
  padding: 0.5em 0 10px 0em;
  font-size: 19px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.su-posts-default-loop h2.su-post-title::before
{
  top: 0;
  border-top: none !important;
  border-bottom: none !important;
}
.su-posts-default-loop h2.su-post-title::after
{
  border-top: none !important;
  border-bottom: none !important;
}
.su-posts-default-loop .su-post-thumbnail
{
  height: auto !important;
  width: 12%;
}
.su-posts-default-loop .su-post-meta
{
  width: 60%;
  float: left;
  position: relative !important;
  font-size: 15px !important;
  color: #333 !important;
  opacity: 1 !important;
  padding-left: 1.2em;
}
.su-posts-default-loop .su-post-meta:before
{
  font-family: FontAwesome;
  content: "\f017";
  font-size: 1em;
  position: absolute !important;
  left: 0em;
  top: 0em;
  color: orange;
}
.su-posts-default-loop .su-post-category
{
  width: 100%;
  float: left;
}
.post-categories
{
  margin: -0.1em 0 0.8em 0 !important;
  list-style: none !important;
}
.post-categories li
{
  list-style: none !important;
}
.post-categories li a
{
  padding: 5px 22px 5px 20px;
  max-width: 100px;
  border-radius: 5px;
  color: #fff;
  background-color: orange;
}
.post-categories li a:before
{
  font-family: FontAwesome;
  content: "\f07c";
  font-size: 1em;
  left: 5em;
  top: 0.4em;
  color: #fff;
}
.post-categories li a:hover
{
  color: black !important;
}
.su-posts-default-loop .su-post-excerpt
{
  width: 100%;
  float: left;
  margin-top: 8px;
}
.su-post-comments-link
{
  display: none;
}
@media only screen and (max-width: 739px){
  .su-posts-default-loop h2.su-post-title
  {
    width: 100%;
    padding: 0.5em 0 10px 0em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .su-posts-default-loop .su-post-thumbnail
  {
    height: auto !important;
    width: 100%;
  }
  .su-posts-default-loop .su-post-meta
  {
    width: 100%;
  }
}
/* TOPページ ムービーの設定 -------------------------------------------------------------*/
#top-movie .flexbox
{
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
#top-movie .flexbox-ko
{
  -webkit-flex-basis: 32%;
  flex-basis: 32%;
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px){
  #top-movie .flexbox-ko
  {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    text-align: center;
    margin-bottom: 15px;
  }
  #top-movie .flexbox-ko:nth-child(6)
  {
    display: none;
  }
}
.movie-text-common
{
  text-align: center;
  margin: 8px 0;
  font-weight: bold;
}
.movie-text1
{
  color: #ff7fbf;
}
.movie-text2
{
  color: #f39800;
}
.movie-text3
{
  color: #00a960;
}
/* TOPページ セクション１の設定 -------------------------------------------------------------*/

#top01
{
  background-image: url(https://animo-group.co.jp/wp-content/uploads/2017/09/surprise07-1.png);
}
#top01 .flexbox
{
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
#top01 .flexbox-ko
{
  -webkit-flex-basis: 32%;
  flex-basis: 32%;
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 567px){
  #top01 .flexbox-ko
  {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
  #top01 .flexbox-ko:nth-child(6)
  {
    display: none;
  }
}

 #top01 .flexbox-ko img:hover
  {
	opacity: 0.5;
  }
 #top01 .flexbox-ko img#no_opacity:hover
  {
	opacity: 1;
  }

/* TOPページ セクション２の設定 -------------------------------------------------------------*/
#top02
{
  text-align: center;
  background-image: url(https://animo-group.co.jp/wp-content/uploads/2017/09/2be80a194dd936de4d82f3032dc08926_m.jpg);
  background-position: center center;
}
#top02 .top02_h3
{
  color:  #ef7a00;
  font-size: 200%;
  margin-bottom: 20px;
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif !important;
}
#top02 .top02_p
{
  margin:  5px auto;
}
#top02 .top02_h4
{
  margin-top: 45px;
  font-size: 160%;
  color:  #000000;
}

 #top02 .top-h2 #top_philosophy:hover
{
  opacity: 0.7 !important;
}

@media only screen and (max-width: 567px){
  #top02 .top02_h3
  {
    color:  #ef7a00;
    font-size: 150%;
    margin-bottom: 20px;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif !important;
    line-height: 140%;
  }
  #top02 .top02_p
  {
    margin:  5px auto;
  }
  #top02 .top02_h4
  {
    margin-top: 45px;
    font-size: 120%;
    color:  #000000;
    line-height: 140%;
  }
}

/* TOPページ セクション３の設定 -------------------------------------------------------------*/
#top-03
{

}
#top-003 .flexbox
{
  max-width: 100%;
  margin: 20px auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
#top-003 .flexbox-ko
{
  -webkit-flex-basis: 46%;
  flex-basis: 46%;
  text-align: center;
  margin-bottom: 10px;
}
@media only screen and (max-width: 567px){
  #top-003 .flexbox-ko
  {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  #top-003 .flexbox-ko iframe
  {
    max-width: 95%;
  }
}

/* Newpost catchセクションの設定 -----------------------------------------------*/

#npcatch li
{
  width: 32%;
  float: left;
  padding: 5px;
  list-style: none;
}
#npcatch .title
{
  display: inline-block;
}
#npcatch .date
{
  display: inline-block;
}


/* ------------------------------------------------------------------
------------------ここから固定ページの設定 ------------------------------
--------------------------------------------------------------------*/
/* 固定ページ共通の設定 -----------------------------------------------*/
.entry h2 {
  position: relative;
  padding: 1em 0 1em 1em;
  margin-top: 60px !important;
}
.entry h2::before,
.entry h2::after {
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 10px;
  box-sizing: border-box;
}
.entry h2::before {
  top: 0;
  border-top: 3px solid #ffd8b2;
  border-bottom: 2px solid #fff5bd;
}
.entry h2::after {
  bottom: 0;
  border-top: 2px solid #fff5bd;
  border-bottom: 3px solid #ffd8b2;
}

.entry h3 {
    color: #EF7A00;
    font-size: 27px;
    padding-left: 25px;
    border-left: double 10px #ffe9b2;
    margin: 50px 0 25px 0;
}


.entry h4 {
	font-size: 20px;
	position: relative;
	color: #6C6C6C;
	text-shadow: 0 0 2px #fff;
	margin-bottom: 30px;
}
.entry h4:before {
	content: "";
	position: absolute;
	background: #fff5bd;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	top: 50%;
/* border: dashed 1px #fff; */
	left: -15px;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
}

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

  .entry h2 {
    position: relative;
    padding: 1em 0 1em 0.5em;
  }
  .entry h2::before,
  .entry h2::after {
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 10px;
    box-sizing: border-box;
  }
  .entry h2::before {
    top: 0;
    border-top: 3px solid #ffd8b2;
    border-bottom: 2px solid #fff5bd;
  }
  .entry h2::after {
    bottom: 0;
    border-top: 2px solid #fff5bd;
    border-bottom: 3px solid #ffd8b2;
  }

  .entry h3 {
      color: #EF7A00;
      font-size: 27px;
      padding-left: 25px;
      border-left: double 10px #ffe9b2;
      margin-bottom: 25px;
  }


  .entry h4 {
  	font-size: 20px;
  	position: relative;
  	color: #6C6C6C;
  	text-shadow: 0 0 2px #fff;
  	margin-bottom: 30px;
  }
  .entry h4:before {
  	content: "";
  	position: absolute;
  	background: #fff5bd;
  	width: 70px;
  	height: 70px;
  	border-radius: 50%;
  	top: 50%;
  /* border: dashed 1px #fff; */
  	left: -15px;
  	-moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
  	z-index: -1;
  }

.entry p
{
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 150%;
}
}
.entry p
{
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 150%;
}
.entry ul li
{
  font-size: 15px;
}
.su-accordion .su-spoiler
{
  background-color: #fff !important;
  padding-right: 20px !important;
}
@media only screen and (max-width: 567px){
  .su-accordion .su-spoiler
  {
    background-color: #fff !important;
    padding-right: 0px !important;
  }
}
.su-spoiler-title
{
  padding: 13px 7px 13px 38px !important;
  font-size: 16px !important;
  background-color: #e9dacb !important;
}
.su-accordion .su-spoiler br
{
  display: none;
}
.su-accordion .su-spoiler .table-no4 br
{
  display: block;
}
@media only screen and (max-width: 567px){
.su-accordion .su-spoiler br
{
  display: block;
}
}
.su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon
{
  left: 10px !important;
  top: 14px !important;
}
.su-spoiler-content
{
  background-color: #fff !important;
  border: solid 1px #e9dacb;
}
.su-spoiler-style-default > .su-spoiler-content
{
  padding: 1em 20px 1em 27px !important;
}
@media only screen and (max-width: 567px){
  .su-spoiler-style-default > .su-spoiler-content
  {
    padding: 1em 5px 1em 7px !important;
  }
}
.su-spoiler.su-spoiler-closed > .su-spoiler-content
{
  padding: 0em 0 0em 27px !important;
}
.su-accordion .su-spoiler p
{
  margin-bottom: 3px;
}

/*-------見出し画像--------------------*/
.kotei-header-oya-pc
{
  width: 100%;
  overflow: hidden;
  min-height: 200px;
  display: block;
  position: relative;
  margin-top: 65px;
}
.kotei-header-oya-sp
{
  display: none;
}

.header-title
{
  position: absolute;
  width: 100%;
  text-align: center;
  padding: 30px;
  top:63px;
  background-color: rgba(0,0,0,0.4);
  color:#fff;
  font-size: 28px !important;
  letter-spacing: 6px;
}

@media only screen and (min-width: 801px) and (max-width: 1024px){
  .header-title
  {
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 30px;
    top:40px !important;
    background-color: rgba(0,0,0,0.4);
    color:#fff;
    font-size: 28px !important;
    letter-spacing: 6px;
  }
}
@media only screen and (min-width: 701px) and (max-width: 800px){
  .header-title
  {
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 30px;
    top:17px !important;
    background-color: rgba(0,0,0,0.4);
    color:#fff;
    font-size: 26px !important;
    letter-spacing: 6px;
  }
}
@media only screen and (min-width: 568px) and (max-width: 700px){
  .header-title
  {
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 30px;
    top:15px !important;
    background-color: rgba(0,0,0,0.4);
    color:#fff;
    font-size: 24px !important;
    letter-spacing: 6px;
  }
}

@media only screen and (max-width: 567px){
  .kotei-header-oya-pc
  {
    width: 100%;
    overflow: hidden;
    min-height: 250px;
    display: none;
    position: relative;
  }
  .kotei-header-oya-sp
  {
    width: 100%;
    overflow: hidden;
    min-height: auto;
    display: block;
    position: relative;
    margin-top: 60px;
  }
  .header-title
  {
    font-size: 22px !important;
  }
}

/*-------ページ下部ボタン--------------------*/
.under-button
{
  width: 90%;
  margin: 20px auto;
  transition: all 1s linear !important;
}

.under-button-ko {
  display: inline-block;
  width: 100%;
  height: 64px;
  text-align: center;
  text-decoration: none;
  outline: none;
  background: -moz-linear-gradient(to right, rgb(255, 124, 111), #ffc994);
  background: -webkit-linear-gradient(to right, rgb(255, 124, 111), #ffc994);
  background: linear-gradient(to right, rgb(255, 124, 111), #ffc994);
  border: 0px solid #333;
  color: #fff;
  line-height: 60px;
  font-size: 18px;
  font-weight: bold;
  box-shadow: 1px 2px 1px #afafb0;
  border-radius: 5px;
  transition: 5s;
}
.under-button-ko:hover {
  background: -moz-linear-gradient(to left, rgb(255, 124, 111), #ffc994);
  background: -webkit-linear-gradient(to left, rgb(255, 124, 111), #ffc994);
  background: linear-gradient(to left, rgb(255, 124, 111), #ffc994);
  color: #fff;
}



/*-------サイドバー--------------------*/
.sidebar .widget>h3
{
  font-size: 19px;
  border-bottom: #EF7A00 1px solid;
}
.alx-tabs-nav li.active a
{
  background-color: #EF7A00;
}



/*-------テーブル--------------------*/
.entry table td
{
  padding-left: 15px;
}
@media only screen and (max-width: 739px){
.entry table td
{
  padding-left: 5px;
}
}
.table-no1 th
{
  vertical-align: middle;
  background-color: #FBE4D6;
  color: #333;
  font-weight: 400 !important;
  border-bottom: solid 1px #fff;
  text-align: right !important;
  width: 30%;
  padding-right: 20px !important;
}
@media only screen and (max-width: 739px){
  .table-no1 th
  {
    vertical-align: middle;
    background-color: #FBE4D6;
    color: #333;
    font-weight: 400 !important;
    border-bottom: solid 1px #fff;
    text-align: right !important;
    width: 30%;
    padding-right: 5px !important;
  }
}
.table-no1 td
{
  vertical-align: middle;
  background-color: #fff;
  text-align: left !important;
  width: 70%;
}
.table-no3 th
{
  vertical-align: middle;
  background-color: #FBE4D6;
  color: #333;
  font-weight: 400 !important;
  border-bottom: solid 1px #fff;
  text-align: right !important;
  width: 20%;
  padding-right: 20px !important;
}
@media only screen and (max-width: 739px){
  .table-no3 th
  {
    vertical-align: middle;
    background-color: #FBE4D6;
    color: #333;
    font-weight: 400 !important;
    border-bottom: solid 1px #fff;
    text-align: right !important;
    width: 30%;
    padding-right: 5px !important;
  }
}
.table-no3 td
{
  vertical-align: middle;
  background-color: #fff;
  text-align: left !important;
  width: 80%;
}
.table-no3 .title
{
  background-color: #EF7A00;
  border: solid 1px #EF7A00;
  text-align: center !important;
  color: #fff !important;
  font-weight: bold !important;
}
.table-no4
{
  width: 90%;
}
.table-no4-oya
{
  width: 100%;
  overflow: hidden;
}
.table-no4 th
{
  vertical-align: middle;
  background-color: #FBE4D6;
  color: #333;
  font-weight: 400 !important;
  border-bottom: solid 1px #fff;
  text-align: right !important;
  width: 20%;
  padding-right: 20px !important;
}

.table-no4 td
{
  vertical-align: middle;
  background-color: #fff;
  text-align: left !important;
  width: 80%;
}
@media only screen and (max-width: 739px){
  .table-no4
  {
    width: 100%;
  }
  .table-no4 th
  {
    vertical-align: middle;
    background-color: #FBE4D6;
    color: #333;
    font-weight: 400 !important;
    border-bottom: solid 1px #fff;
    text-align: center !important;
    width: 30% !important;
    padding-right: 5px !important;
  }
  .table-no4 td
  {
    vertical-align: middle;
    background-color: #fff;
    text-align: left !important;
    width: 70% !important;
  }
}
.table-no4 .title
{
  background-color: #EF7A00;
  border: solid 1px #EF7A00;
  text-align: center !important;
  color: #fff !important;
  font-weight: bold !important;
}
.table-no4 a
{
  text-decoration: underline;
  color: #0075c2;
}
.table-no4 a:hover
{
  opacity: 0.8;
}

/* 事業内容一覧の設定 -----------------------------------------------*/
#business-list .flexbox
{
  max-width: 100%;
  margin: 15px auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
#business-list .flexbox-ko
{
  -webkit-flex-basis: 32%;
  flex-basis: 32%;
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 567px){
  #business-list .flexbox-ko
  {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
  #business-list .flexbox-ko:nth-child(6)
  {
    display: none;
  }
}

 #business-list .flexbox-ko img:hover
  {
	opacity: 0.5;
  }

/* 会社概要の設定 -----------------------------------------------*/
#about .flexbox, #about .flexbox2
{
  max-width: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
#about .flexbox .flexbox-ko, #about .flexbox2 .flexbox-ko
{
  -webkit-flex-basis: 32%;
  flex-basis: 32%;
  text-align: center;
  margin-bottom: 10px;
  padding: 10px;
}
#about .flexbox .flexbox-ko:nth-child(1)
{
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-order: 1;
  order: 1;
}
#about .flexbox .flexbox-ko:nth-child(2)
{
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-order: 2;
  order: 2;
}
#about .flexbox2 .flexbox-ko:nth-child(1)
{
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-order: 2;
  order: 2;
}
#about .flexbox2 .flexbox-ko:nth-child(2)
{
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-order: 1;
  order: 1;
}
#about .table-no1 th
{
  vertical-align: middle;
  background-color: #FBE4D6;
  color: #333;
  font-weight: 400;
  border-bottom: solid 1px #fff;
  text-align: right;
  padding-right: 20px;
}
#about .table-no1 td
{
  vertical-align: middle;
  background-color: #fff;
  text-align: left;
}
@media only screen and (max-width: 739px){
  #about .table-no1 th
  {
    vertical-align: middle;
    background-color: #FBE4D6;
    color: #333;
    font-weight: 400;
    border-bottom: solid 1px #fff;
    text-align: right;
    padding-right: 5px;
  }
  #about .table-no1 td
  {
    vertical-align: middle;
    background-color: #fff;
    text-align: left;
  }
}
#about .table-no2 th
{
  text-align: right;
  vertical-align: middle;
}
#about .table-no2 td
{
  text-align: left;
}
@media only screen and (max-width: 739px){
  #about .table-no2 th
  {
    text-align: right;
    vertical-align: middle;
    width: 35%;
  }
  #about .table-no2 td
  {
    text-align: left;
    width: 65%;
  }
}
#about .rinen
{
  position: relative;
  margin: 0.5em 0 0 0.3em;
  padding-left: 1.7em;
  line-height: 1.4;
  font-size: 19px !important;
}
#about .rinen:after
{
  font-family: FontAwesome;/*忘れずに*/
  content: "\f004";/*アイコンのユニコード*/
  position: absolute;/*絶対位置*/
  font-size: 0.7em;/*サイズ*/
  left: 0.3em;/*アイコンの位置*/
  top: 0.4em;/*アイコンの位置*/
  color: #fcccbf; /*アイコン色*/
}

#about .flexbox-message
{
  max-width: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
#about .flexbox-message .flexbox-message-ko
{
  -webkit-flex-basis: 32%;
  flex-basis: 32%;
  margin-bottom: 4px;
  padding: 15px;
}
#about .flexbox-message .flexbox-message-ko:nth-child(2)
{
  flex-grow: 1;
  -webkit-flex-grow:1;
}
#about .companyname
{
padding: 0.7em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}

@media only screen and (max-width: 739px){
  #about .flexbox-message .flexbox-message-ko
  {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    margin-bottom: 10px;
    padding: 0px;
  }
  #about .flexbox-message .flexbox-message-ko:nth-child(2)
  {
    flex-grow: 0;
    -webkit-flex-grow:0;
  }
}

#about .flexbox-message .flexbox-message-ko .title
{
  padding: 0.3em 0.5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fff;/*背景色*/
border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
font-size: 18px !important;
}
#about .flexbox-message .flexbox-message-ko p, #about .flexbox-message2 .flexbox-message-ko2 p
{
  font-size: 16px;
  line-height: 150%;
}
#about .about-strong
{
  font-size: 23px !important;
  padding-left: 20px;
  color: #ffa29b;
}

#about .media-div-oya
{
  max-width: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
#about .media-div-oya .media-div-ko
{
  -webkit-flex-basis: 48%;
  flex-basis: 48%;
  text-align: left;
  margin-bottom: 10px;
  padding: 10px;
}
#about .media-div-oya .media-div-ko img
{
  text-align: center;
}
@media only screen and (max-width: 739px){
  #about .media-div-oya .media-div-ko
  {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    text-align: left;
    margin-bottom: 10px;
    padding: 10px;
  }
}

/* メッセージ---------------------------------------*/
.align-center
{
  text-align: center;
}
.message-margin
{
  margin: 1rem 0;
}
.midashi-message-box
{
  padding: 0 0.3rem;
}
.midashi-message
{
  background: #fff5bd;
  box-shadow: 0px 0px 0px 5px #fff5bd;
  border: dashed 2px white;
  padding: 0.4em 1em;
  font-size: 20px !important;
  font-weight: bold;
}

/* 追加の修正 (2018.04.10)---------------------------------------*/
#about .w-award-oya
{
  width: 100%;
  overflow: hidden;
}
#about .w-award-ko
{
  width: 32%;
  float: left;
  padding: 10px;
}
@media only screen and (max-width: 739px){
  #about .w-award-ko
  {
    width: 100%;
    float: none;
    padding: 10px;
  }
}

/* コンタクトの設定 -----------------------------------------------*/
#contact-page
{}
/* 企業研修の設定 -----------------------------------------------*/
#company-training-page
{}

#company-training-page .flexbox
    {
      max-width: 100%;
      margin: 0 auto;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-around;
      justify-content: space-around;
    }
#company-training-page .flexbox .flexbox-ko
    {
      -webkit-flex-basis: 32%;
      flex-basis: 32%;
      text-align: center;
      margin-bottom: 10px;
      padding: 10px;
    }
  @media only screen and (max-width: 739px){
#company-training-page .flexbox .flexbox-ko
    {
      -webkit-flex-basis: 100%;
      flex-basis: 100%;
      text-align: center;
      margin-bottom: 10px;
      padding: 10px;
    }
  }
#company-training-page .button {
      display: inline-block;
      width: 100%;
      height: 70px;
      text-align: center;
      text-decoration: none;
      line-height: 70px;
      outline: none;
      background-color: #7b5544;
      border: 2px solid #7b5544;
      color: #fff;
      font-weight: bold;
      font-size: 16px;
    }
#company-training-page .button::before,
#company-training-page .button::after {
      position: absolute;
      z-index: -1;
      display: block;
      content: '';
    }
#company-training-page .button,
#company-training-page .button::before,
#company-training-page .button::after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: all .3s;
      transition: all .3s;
    }

#company-training-page .button:hover {
      background-color: #fff;
      border-color: #7b5544;
      color: #7b5544;
    }

#company-training-page .flexbox2
    {
      max-width: 100%;
      margin: 0 auto;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-around;
      justify-content: space-around;
    }
#company-training-page .flexbox2 .flexbox-ko2
    {
      -webkit-flex-basis: 48%;
      flex-basis: 48%;
      text-align: left;
      margin-bottom: 10px;
      padding: 10px;
      border: solid 1px #c9caca;
      border-radius: 5px;
    }
#company-training-page .flexbox-ko2-2
    {
      width: 100%;
      text-align: left;
      margin-bottom: 10px;
      padding: 10px;
      border: solid 1px #c9caca;
      border-radius: 5px;
    }
@media only screen and (max-width: 739px){
#company-training-page .flexbox2 .flexbox-ko2
    {
      -webkit-flex-basis: 100%;
      flex-basis: 100%;
      text-align: left;
      margin-bottom: 10px;
      padding: 10px;
      }
    }
#company-training-page .flexbox2 .flexbox-ko2 .title
{
  width: 90%;
  padding: 8px;
  background-color: #946c45;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 15px auto;
}
#company-training-page .flexbox2 .flexbox-ko2-2 .title
{
  width: 70%;
  padding: 8px;
  background-color: #946c45;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 15px auto;
}
.flexbox-ko2-2 p
{
  font-size: 15px;
  margin-bottom: 5px;
}
#company-training-page .flexbox-voice
    {
      max-width: 100%;
      margin: 0 auto;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-around;
      justify-content: space-around;
    }
#company-training-page .flexbox-voice .flexbox-voice-ko
    {
      margin-bottom: 10px;
      padding: 10px;
    }
#company-training-page .flexbox-voice .flexbox-voice-ko:nth-child(1)
    {
      -webkit-flex-basis: 23%;
      flex-basis: 23%;
    }
#company-training-page .flexbox-voice .flexbox-voice-ko:nth-child(2)
    {
      -webkit-flex-basis: 76%;
      flex-basis: 76%;
    }
#company-training-page .flexbox-voice .flexbox-voice-ko .title
    {
      font-size: 22px !important;
      font-weight: bold;
      margin-bottom: 10px;
      border-bottom: solid 2px #c9caca;
      padding-bottom: 10px;
      padding-top: 5px;
    }
#company-training-page .flexbox-voice .flexbox-voice-ko p
    {
      font-size: 16px !important;
      letter-spacing: 1px;
      line-height: 130%;
    }

@media only screen and (max-width: 739px){
  #company-training-page .flexbox-voice .flexbox-voice-ko
      {
        margin-bottom: 0px;
        padding: 10px;
      }
  #company-training-page .flexbox-voice .flexbox-voice-ko:nth-child(1)
      {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        text-align: center;
      }
  #company-training-page .flexbox-voice .flexbox-voice-ko:nth-child(2)
      {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
      }
  }
.fa-commenting-o, .fa-user
{
  color: #FF7000 !important;
}


#company-training-page .flexbox-teacher
    {
      max-width: 100%;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-around;
      justify-content: space-around;
      margin: 20px 0;

    }
#company-training-page .flexbox-teacher .flexbox-teacher-ko
    {
      margin-bottom: 0px;
    }
#company-training-page .flexbox-teacher .flexbox-teacher-ko:nth-child(1)
    {
      -webkit-flex-basis: 35%;
      flex-basis: 35%;
      padding: 10px;
    }
#company-training-page .flexbox-teacher .flexbox-teacher-ko:nth-child(2)
    {
      -webkit-flex-basis: 63%;
      flex-basis: 63%;
      background-repeat: repeat;
      padding: 18px 0px 18px 18px;
    }

#company-training-page .flexbox-teacher .flexbox-teacher-ko .title
{
color: #505050;/*文字色*/
padding: 0.8em 0.5em;/*文字周りの余白*/
display: inline-block;/*おまじない*/
line-height: 1.3;/*行高*/
background: #FFD7AD;/*背景色*/
vertical-align: middle;/*上下中央*/
border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
width: 100%;
font-size: 20px !important;
font-weight: bold;
}
#company-training-page .flexbox-teacher .flexbox-teacher-ko .title:before
{
content: '●';
color: #fff;
margin-right: 8px;
}


#company-training-page .flexbox-teacher .flexbox-teacher-ko p
    {
      font-size: 16px !important;
      letter-spacing: 1px;
      line-height: 160%;
    }
@media only screen and (max-width: 739px){
  #company-training-page .flexbox-teacher .flexbox-teacher-ko:nth-child(1)
      {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
      }
  #company-training-page .flexbox-teacher .flexbox-teacher-ko:nth-child(2)
      {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
      }
  #company-training-page .flexbox-teacher .flexbox-teacher-ko p
      {
        font-size: 15px !important;
        letter-spacing: 1px;
        line-height: 160%;
        padding-right: 10px;
      }
}

#company-training-page .flexbox-merit
    {
      max-width: 100%;
      margin: 0 auto;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-around;
      justify-content: space-around;
    }
#company-training-page .flexbox-merit .flexbox-merit-ko
    {
      -webkit-flex-basis: 47%;
      flex-basis: 47%;
      margin-bottom: 10px;
      padding: 10px;
      border: solid 1px #eee;
    }
    @media only screen and (max-width: 739px){
      #company-training-page .flexbox-merit .flexbox-merit-ko
          {
            -webkit-flex-basis: 100%;
            flex-basis: 100%;
            margin-bottom: 10px;
            padding: 10px;
            border: solid 1px #eee;
          }
    }
#company-training-page .merit-title
{
  font-size: 20px;
  font-weight: bold;
  width: 95%;
  margin: 5px auto 15px auto;
  background-color: #ea5550;
  padding: 8px;
  text-align: center;
  color: #fff;
}
#company-training-page .demerit-title
{
  font-size: 20px;
  font-weight: bold;
  width: 95%;
  margin: 5px auto 15px auto;
  background-color: #a2c2e6;
  padding: 8px;
  text-align: center;
  color: #fff;
}
#company-training-page .level-h4
{

}
#company-training-page .level-h5 {
position: relative;
background: #f6f3f0;
padding: 0.75em 0.5em;
border-left: solid 2em #ED6E04;
font-size: 20px;
color: #333;
}

#company-training-page .level-h5:before {
font-family: FontAwesome;
content: "\f103";
position: absolute;
padding: 0em;
color: #fff;
font-weight: normal;
left: -1.25em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#company-training-page .level-h5 br
{
  display: none;
}
@media only screen and (max-width: 739px){
#company-training-page .level-h5 br
{
  display: block;
}
}

#company-training-page .level-pc
{
  width: 26%;
  text-align: center;
  padding: 6px;
  border:solid 1px #FCE79B;
  border-radius: 5px;
  background-color: #FCE79B;
  color: #333;
  font-weight:bold;
  margin-bottom: 8px;
  display: inline-block;
  font-size: 12px !important;
}
#company-training-page .level-sp
{
  width: 35%;
  text-align: center;
  padding: 6px;
  border:solid 1px #FCE79B;
  background-color: #FCE79B;
  color: #333;
  font-weight:400;
  margin-bottom: 8px;
  display: none;
}
@media only screen and (max-width: 739px){
  #company-training-page .level-pc
  {
    width: 35%;
    text-align: center;
    padding: 6px;
    border:solid 1px #FCE79B;
    background-color: #FCE79B;
    color: #333;
    font-weight:400;
    margin-bottom: 8px;
    display: none;
  }
  #company-training-page .level-sp
  {
    width: 80%;
    text-align: center;
    padding: 6px;
    border:solid 1px #FCE79B;
    background-color: #FCE79B;
    color: #333;
    font-weight:400;
    margin-bottom: 8px;
    display: block;
  }
}


/* 人材派遣の設定 -----------------------------------------------*/
#temporary-staffing-page
{}
#temporary-staffing-page .button-box
{
  width: 85%;
  margin: 0 auto;
}
#temporary-staffing-page .button {
    display: inline-block;
    width: 100%;
    height: 54px;
    text-align: center;
    text-decoration: none;
    line-height: 54px;
    outline: none;
    background-color: #89c997;
  border: 2px solid #89c997;
  color: #fff;
  line-height: 50px;
  font-weight: bold;
  font-size: 17px;
  }
  #temporary-staffing-page .button::before,
  #temporary-staffing-page .button::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  #temporary-staffing-page .button,
  #temporary-staffing-page .button::before,
  #temporary-staffing-page .button::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
  }

  #temporary-staffing-page .button:hover {
  background-color: #fff;
  border-color: #89c997;
  color: #89c997;
}

#temporary-staffing-page .numbering {
  counter-increment: titleNum;
  margin-top: 20px !important;
}

#temporary-staffing-page .numbering p.melit_title {
  position: relative;
  background: #f4f4f4;
  padding: 12px 8px 12px 50px;
  font-size: 22px;
  color: #474747;
  border-radius: 0 10px 10px 0;
  margin-left: 10px !important;
}
#temporary-staffing-page .numbering p.melit_title::before {
  content: counter(titleNum);　/* titleNum カウンターを表示 */
  display: inline-block;
  position: absolute;
  font-size: 24px;
  font-weight: bold;
  padding: 0em;
  color: #fff;
  background: #ff8c8c;
  font-weight: normal;
  width: 60px;
  text-align: center;
  height: 60px;
  line-height: 60px;
  left: -1.35em;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
  margin-left: 10px !important;
}
@media only screen and (max-width: 567px){
  #temporary-staffing-page .numbering p.melit_title {
    position: relative;
    background: #f4f4f4;
    padding: 12px 8px 12px 50px;
    font-size: 20px;
    color: #474747;
    border-radius: 0 10px 10px 0;
    margin-left: 10px !important;
  }
}

#temporary-staffing-page .numbering p.melit_text {
  margin: 20px 5px !important;
}

.haken-jirei-pc
{
  display: block;
}
.haken-jirei-sp
{
  display: none;
}
@media only screen and (max-width: 567px){
.haken-jirei-pc
{
  display: none;
}
.haken-jirei-sp
{
  display: block;
}
}


/* 保育運営の設定 -----------------------------------------------*/
#nursery-school-page
{}

#nursery-school-page .own-system-text1
{
  padding: 15px;
  text-align: center;
  background-color: #EE8FCF;
  font-size: 21px !important;
  color:#fff;
  font-weight: bold;
}
#nursery-school-page .float-2-oya
{
  width: 100%;
  overflow: hidden;
}
#nursery-school-page .float-2-ko
{
  width: 50%;
  float: left;
  padding: 10px;
}
#nursery-school-page .float-2-ko img
{
  vertical-align: baseline;
}
@media only screen and (max-width: 739px){
  #nursery-school-page .float-2-ko
  {
    width: 100%;
    float: none;
    padding: 10px;
  }
}
#nursery-school-page .title-01
{
  width: 20%;
  padding: 10px;
  text-align: center;
  background-color: #fff352;
  color: #fff;
  text-shadow: 1px 1px 1px #777;
  margin-bottom: 0px !important;
  font-size: 18px;
  font-weight: bold;
}
#nursery-school-page .title-02
{
  width: 20%;
  padding: 10px;
  text-align: center;
  background-color: #EE8FCF;
  color: #fff;
  text-shadow: 1px 1px 1px #777;
  margin-bottom: 0px !important;
  font-size: 18px;
  font-weight: bold;
}
#nursery-school-page .title-03
{
  width: 20%;
  padding: 10px;
  text-align: center;
  background-color: #92D050;
  color: #fff;
  text-shadow: 1px 1px 1px #777;
  margin-bottom: 0px !important;
  font-size: 18px;
  font-weight: bold;
}
#nursery-school-page .title-04
{
  width: 20%;
  padding: 10px;
  text-align: center;
  background-color: #BED7EE;
  color: #fff;
  text-shadow: 1px 1px 1px #777;
  margin-bottom: 0px !important;
  font-size: 18px;
  font-weight: bold;
}
#nursery-school-page .text-1
{
  margin: 10px 0;
  padding: 2px;
  text-align: left;
}

#nursery-school-page .text-merit1 {
  position: relative;
  border-top: solid 2px #80c8d1;
  border-bottom: solid 2px #80c8d1;
  background: #f4f4f4;
  line-height: 1.4;
  padding: 0.7em 0.5em;
  margin: 2em 0 0.5em;
  font-size: 19px;
}
#nursery-school-page .text-merit1:after {/*タブ*/
  position: absolute;
  font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
  content: '\f0a7\ その1';
  background: #80c8d1;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 8px 12px 6px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em;
  font-size: 14px;
  font-weight: bold;
  }
  #nursery-school-page .text-merit2 {
  position: relative;
  border-top: solid 2px #80c8d1;
  border-bottom: solid 2px #80c8d1;
  background: #f4f4f4;
  line-height: 1.4;
  padding: 0.7em 0.5em;
  margin: 2em 0 0.5em;
  font-size: 19px;
  }

  #nursery-school-page .text-merit2:after {/*タブ*/
  position: absolute;
  font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
  content: '\f0a7\ その2';
  background: #80c8d1;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 8px 12px 6px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em;
  font-size: 14px;
  font-weight: bold;
    }

    #nursery-school-page .text-merit3 {
    position: relative;
    border-top: solid 2px #80c8d1;
    border-bottom: solid 2px #80c8d1;
    background: #f4f4f4;
    line-height: 1.4;
    padding: 0.7em 0.5em;
    margin: 2em 0 0.5em;
    font-size: 19px;
    }

    #nursery-school-page .text-merit3:after {/*タブ*/
    position: absolute;
    font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
    content: '\f0a7\ その3';
    background: #80c8d1;
    color: #fff;
    left: 0px;
    bottom: 100%;
    border-radius: 5px 5px 0 0;
    padding: 8px 12px 6px;
    font-size: 0.7em;
    line-height: 1;
    letter-spacing: 0.05em;
    font-size: 14px;
    font-weight: bold;
      }

      #nursery-school-page .text-merit4 {
      position: relative;
      border-top: solid 2px #80c8d1;
      border-bottom: solid 2px #80c8d1;
      background: #f4f4f4;
      line-height: 1.4;
      padding: 0.7em 0.5em;
      margin: 2em 0 0.5em;
      font-size: 19px;
      }

      #nursery-school-page .text-merit4:after {/*タブ*/
      position: absolute;
      font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
      content: '\f0a7\ その4';
      background: #80c8d1;
      color: #fff;
      left: 0px;
      bottom: 100%;
      border-radius: 5px 5px 0 0;
      padding: 8px 12px 6px;
      font-size: 0.7em;
      line-height: 1;
      letter-spacing: 0.05em;
      font-size: 14px;
      font-weight: bold;
        }

        #nursery-school-page .text-merit5 {
        position: relative;
        border-top: solid 2px #80c8d1;
        border-bottom: solid 2px #80c8d1;
        background: #f4f4f4;
        line-height: 1.4;
        padding: 0.7em 0.5em;
        margin: 2em 0 0.5em;
        font-size: 19px;
        }

        #nursery-school-page .text-merit5:after {/*タブ*/
        position: absolute;
        font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
        content: '\f0a7\ その5';
        background: #80c8d1;
        color: #fff;
        left: 0px;
        bottom: 100%;
        border-radius: 5px 5px 0 0;
        padding: 8px 12px 6px;
        font-size: 0.7em;
        line-height: 1;
        letter-spacing: 0.05em;
        font-size: 14px;
        font-weight: bold;
          }


#nursery-school-page .flexbox-cando
    {
      max-width: 100%;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-around;
      justify-content: space-around;
      border: dashed 2px #fac559;
      margin: 20px 0;
      padding: 10px 20px;
      background-image: url(https://animo-group.co.jp/wp-content/uploads/2017/09/surprise07-1.png);
    }
#nursery-school-page .flexbox-cando .flexbox-cando-ko
    {
      margin-bottom: 0px;
      padding: 10px;
    }
#nursery-school-page .flexbox-cando .flexbox-cando-ko:nth-child(1)
    {
      -webkit-flex-basis: 35%;
      flex-basis: 35%;
    }
#nursery-school-page .flexbox-cando .flexbox-cando-ko:nth-child(2)
    {
      -webkit-flex-basis: 63%;
      flex-basis: 63%;
    }
#nursery-school-page .flexbox-cando-title
{
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin: 0px 0 7px 0;
  position: relative;
background: #f9dcea;
box-shadow: 0px 0px 0px 5px #f9dcea;
border: dashed 2px #fff;
padding: 0.2em 0.5em;
color: #666;
}
#nursery-school-page .flexbox-cando-title:after
{
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #FFB4D9;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
#nursery-school-page .flexbox-cando-description
{
  text-align: left;
  font-size: 14px;
  margin-top: 15px;
}
@media only screen and (max-width: 739px){
  #nursery-school-page .flexbox-cando
      {
        max-width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        border: dashed 2px #fac559;
        margin: 20px 0;
        padding: 10px;
        background-image: url(https://animo-group.co.jp/wp-content/uploads/2017/09/surprise07-1.png);
      }
  #nursery-school-page .flexbox-cando .flexbox-cando-ko
      {
        margin-bottom: 0px;
        padding: 3px;
      }
  #nursery-school-page .flexbox-cando .flexbox-cando-ko:nth-child(1)
      {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
      }
  #nursery-school-page .flexbox-cando .flexbox-cando-ko:nth-child(2)
      {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
      }
      #nursery-school-page .flexbox-cando-title
      {
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        margin: 8px 0 7px 0;
        position: relative;
      background: #f9dcea;
      box-shadow: 0px 0px 0px 5px #f9dcea;
      border: dashed 2px #fff;
      padding: 0.4em 0.3em;
      color: #666;
      }
      #nursery-school-page .flexbox-cando-title:after {
        position: absolute;
        content: '';
        left: -7px;
        top: -7px;
        border-width: 0 0 15px 15px;
        border-style: solid;
        border-color: #fff #fff #FFB4D9;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
      }
  #nursery-school-page .flexbox-cando-description
  {
    text-align: left;
    font-size: 14px;
  }
}
.job-content-pc
{
  display: block;
}
.job-content-sp
{
  display: none;
}
@media only screen and (max-width: 739px){
  .job-content-pc
  {
    display: none;
  }
  .job-content-sp
  {
    display: block;
  }
}
.job-content-pc p, .job-content-sp p
{
  font-size: 14px;
  margin-bottom: 8px;
}
.job-content-pc .title, .job-content-sp .title
{
  font-size: 15px;
  margin-bottom: 4px;
  font-weight: bold;
  text-decoration: underline;
  background-color: #fff;
  text-align: left !important;
  color: #868686 !important;
  border: none;
}
.level-title
{
  position: relative;
  background: #ffd98a;
  padding: 5px 5px 5px 35px;
  font-size: 20px;
  color: #474747;
  border-radius: 0 10px 10px 0;
  font-size: 19px !important;
  margin-bottom: 8px !important;
}
.level-title:before
{
  font-family: FontAwesome;
  content: "\f135";
  display: inline-block;
  line-height: 40px;
  position: absolute;
  padding: 0em;
  color: #fff;
  background: #ffa337;
  font-weight: normal;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  left: -1.35em;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: solid 3px #fff;
  border-radius: 50%;
}
.level-text
{
  font-size: 16px !important;
}
.level-ul
{
  padding-top: 10px;
}

.level-title2
{
  position: relative;
  padding-left: 40px;
  font-size: 21px !important;
  margin-bottom: 8px !important;
  color: #FF7000 !important;
}
.level-title2:before
{
  position: absolute;
  font-family: FontAwesome;
  content: "\f0eb";
  background: #ffca2c;
  color: #fff;
  font-weight: normal;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.level-title2:after {/*吹き出しのちょこんと出た部分*/
content: '';
display: block;
position: absolute;
left: 20px;
height: 0;
width: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 12px solid #ffca2c;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.level-text2
{
  font-size: 16px !important;
}


/*====自社キャリアアップ============================================*/
/*----社内キャリアアップ制度導入の背景--------*/
.career-float2
{
  width: 100%;
  overflow: hidden;
}
.career-floatko
{
  width: 20%;
  float: left;
}
.career-floatko2
{
  width: 80%;
  float: left;
}
@media only screen and (max-width: 739px){
  .career-floatko
  {
    width: 30%;
    float: left;
  }
  .career-floatko2
  {
    width: 70%;
    float: left;
  }
}
.career-floatko-text
{
  position: relative;
  padding: 0.6em;
  background: #e0edff;
  margin-top: 15px;
  border-radius: 5px;
}

.career-floatko-text:after
{
position: absolute;
content: '';
top: 20%;
left: -30px;
border: 15px solid transparent;
border-right: 15px solid #e0edff;
width: 0;
height: 0;
}
@media only screen and (max-width: 739px){
  .career-floatko-text {
    position: relative;
    padding: 0.6em;
    background: #e0edff;
    margin-top: 0px;
    border-radius: 5px;
  }
  .career-floatko-text:after {
  position: absolute;
  content: '';
  top: 30%;
  left: -30px;
  border: 15px solid transparent;
  border-right: 15px solid #e0edff;
  width: 0;
  height: 0;
  }
}
.font-red
{
  color: #ea5550;
}
.career-ul01 li
{
  font-size: 19px !important;
  line-height: 150%;
}
.career-strong
{
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 21px !important;
  border: 2px solid #fff;
  box-shadow: 0 0 0 2px #e29399;
  color: #fff;
  margin: 7px 0;
  padding: 15px 0px;
  background-color: #e29399;
}
@media only screen and (max-width: 739px){
.career-strong br
{
  display: none;
}
.career-strong
{
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 19px !important;
  border: 2px solid #fff;
  box-shadow: 0 0 0 2px #e29399;
  color: #fff;
  margin: 7px 0;
  padding: 15px 0px;
  background-color: #e29399;
}
}

.career-table-pc
{
  display: block;
}
.career-table-sp
{
  display: none;
}
@media only screen and (max-width: 739px){
  .career-table-pc
  {
    display: none;
  }
  .career-table-sp
  {
    display: block;
  }
}
.career-table-01 th
{
  width: 20% !important;
}
.career-table-01 td
{
  width: 23% !important;
}
.career-table-02 th
{
  width: 13% !important;
  vertical-align: middle;
  background-color: #f9fbfb;
}
.career-table-02 td
{
  width: 53% !important;
  vertical-align: middle;
}
.entry table tr.alt
{
  background-color: #fff;
}
.career-table-02 .midashi
{
  border-top: none;
  font-size: 16px;
  font-weight: bold;
  color: #7d7d7d;
  background-color: #eee7e0;
}
.career-table-02 .td-midashi
{
  padding-top: 8px;
  text-decoration: underline;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 17px;
}
.career-table-02 p
{
  font-size: 14px;
}

.career-step-oya
{
  width: 100%;
  overflow: hidden;
}
.career-step-ko1
{
  width: 35%;
  float: left;
}
.career-step-ko2
{
  width: 65%;
  float: left;
}
@media only screen and (max-width: 739px){
  .career-step-ko1
  {
    width: 100%;
    float: none;
  }
  .career-step-ko2
  {
    width: 100%;
    float: none;
  }
}

.career-step
{
  padding: 10px;
  text-align: center;
  border-radius: 10px;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 17px;
  width: 100%;
  background: #006888;
  color: #fff;
}
.career-step-text
{
  padding-left: 20px;
  padding-top: 8px;
  font-weight: bold;
  color: #333;
}
@media only screen and (max-width: 739px){
  .career-step-text
  {
    padding-left: 20px;
    text-align: center;
    padding-top: 3px;
    font-weight: bold;
    color: #333;
  }
}
.cheer-div
{
  width: 100%;
  overflow: hidden;
  padding: 50px 8px;
  background-image: url(https://animo-group.co.jp/wp-content/uploads/2017/09/woman-bg.png);
  background-repeat: no-repeat;
  background-position: center;
}
.cheer-strong
{
  padding: 10px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 25px !important;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  color: #622d18;
}
.cheer-strong2
{
  padding: 10px;
  text-align: right;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 25px !important;
  width: 70%;
  margin-left: auto;
  background-color: rgba(255, 255, 255, 0.9);
  color: #622d18;
}
@media only screen and (max-width: 739px){
  .cheer-strong
  {
    padding: 5px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 17px !important;
    width: 100% !important;
    background-color: rgba(255, 255, 255, 0.9);
    color: #622d18;
  }
  .cheer-strong2
  {
    padding: 5px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 17px !important;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    color: #622d18;
  }
}
.cheer-strong3
{
  padding: 15px;
  text-align: left;
  font-weight: bold;
  margin-bottom: 5px;
  border-radius: 8px;
  font-size: 20px !important;
  width: 100%;
  border: solid 4px #a7d28d;
  color: #65ab31;
}
.cheer-strong4
{
  padding: 15px;
  text-align: left;
  font-weight: bold;
  margin-bottom: 5px;
  border-radius: 8px;
  font-size: 21px !important;
  width: 100%;
  color: #504946;
  line-height: 140%;
}
.career-woman
{
  width: 100%;
  overflow: hidden;
}
.career-woman-ko1
{
  width: 60%;
  float: left;
}
.career-woman-ko2
{
  width: 40%;
  float: left;
}

@media only screen and (max-width: 739px){
.career-woman-ko2 img
{
  margin: 0px none !important;
}
}
@media only screen and (max-width: 739px){
  .career-woman-ko1
  {
    width: 100%;
    float: none;
  }
  .career-woman-ko2
  {
    width: 100%;
    float: none;
  }
}

/* 保育運営 追加ページの設定 -----------------------------------------------*/
/*---共通設定----------*/
.toc-oya
{
  max-width: 90%;
  overflow: hidden;
  padding: 10px 10px 3px 10px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.5)!important;
  border: 4px dotted #ffd8b2;
  margin-bottom: 25px;
}
.toc-ko
{
  padding: 10px 10px 0px 10px;
}
.toc-title
{
  text-align: center;
  font-size: 20px !important;
  letter-spacing: 13px !important;
}
.toc-title i
{
  color: #f4d473;
  margin-right: 8px !important;
}
.toc-number
{
  color: darkorange;
  font-size: 18px;
  margin-right: 5px;
}
.toc-ko ul li
{
  padding: .5em 0;
  border-top: 1px dotted #ddd;
  list-style: none;
}
.toc-ko ul li a:hover
{
  color: #ED6E00;
}

/*---Animoで預ける-----*/
.numbering
{
  counter-increment: titleNum;
  margin-top: 20px !important;
}
.numbering p.melit_title {
  position: relative;
  background: #f4f4f4;
  padding: 12px 8px 12px 50px;
  font-size: 22px;
  color: #474747;
  border-radius: 0 10px 10px 0;
  margin-left: 10px !important;
}
.numbering p.melit_title::before
{
  content: counter(titleNum);　/* titleNum カウンターを表示 */
  display: inline-block;
  position: absolute;
  font-size: 24px;
  font-weight: bold;
  padding: 0em;
  color: #fff;
  background: #ff8c8c;
  font-weight: normal;
  width: 60px;
  text-align: center;
  height: 60px;
  line-height: 60px;
  left: -1.35em;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
  margin-left: 10px !important;
}
.numbering p.melit_text
{
  margin: 20px 5px !important;
}
.byoji-des
{
  width: 100%;
  padding: 20px;
  border: dotted 4px #a6dbfc;
}
.byoji-des ul
{
  margin: 0 0 0px 30px;
}
.fx-byoji-text
{
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.byoji-flow
{
	font-size: 18px !important;
	position: relative !important;
	color: #6C6C6C;
	text-shadow: 0 0 2px #fff;
	margin: 0 15px 0 30px;
}
.byoji-flow:before
{
	content: "";
	position: absolute;
	background: #d7f7ed;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	top: 2em;
	left: -5px;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
}
.byoji-flow_text
{
    font-size: 13px !important;
    color: #aaa;
    line-height: 0.3em;
    vertical-align: bottom;
}
.byoji-img
{
  display: block;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 8px;
  margin: 15px 0;
  box-shadow: 3px 7px 17px rgba(0,0,0,0.10);
}
.flexbox-byoji
{
  max-width: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.flexbox-byoji .flexbox-byoji-ko
{
  -webkit-flex-basis: 40%;
  flex-basis: 40%;
  margin-bottom: 4px;
  padding: 5px;
}
.flexbox-byoji .flexbox-byoji-ko:nth-child(1)
{
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-order:1;
  order:1;
}
.flexbox-byoji .flexbox-byoji-ko:nth-child(2)
{
  -webkit-order:2;
  order:2;
}
.flexbox-byoji-ko:nth-child(3)
{
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-order:4;
  order:4;
}
.flexbox-byoji-ko:nth-child(4)
{
  -webkit-order:3;
  order:3;
}
.flexbox-byoji-ko:nth-child(5)
{
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-order:5;
  order:5;
}
.flexbox-byoji-ko:nth-child(6)
{
  -webkit-order:6;
  order:6;
}
.flexbox-byoji-ko:nth-child(7)
{
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-order:8;
  order:8;
}
.flexbox-byoji-ko:nth-child(8)
{
  -webkit-order:7;
  order:7;
}


@media only screen and (max-width: 739px){
  .flexbox-byoji .flexbox-byoji-ko
  {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    padding: 5px;
  }
  .flexbox-byoji .flexbox-byoji-ko:nth-child(2)
  {
    flex-grow: 0;
    -webkit-flex-grow:0;
  }
  .flexbox-byoji-ko:nth-child(3){
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-order:3;
    order:3;
  }
  .flexbox-byoji-ko:nth-child(4){
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-order:4;
    order:4;
  }
  .flexbox-byoji-ko:nth-child(5){
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-order:5;
    order:5;
  }
  .flexbox-byoji-ko:nth-child(6){
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-order:6;
    order:6;
  }
  .flexbox-byoji-ko:nth-child(7){
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-order:7;
    order:7;
  }
  .flexbox-byoji-ko:nth-child(8){
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-order:8;
    order:8;
  }
  .fx-byoji-text {
    background: #d7f7ed;
    padding: 1em 1em 0 0 !important;
    border-radius: 7px;
    margin: 0 !important;
  }
  .byoji-flow:before {
	display: none !important;
  }

}

/*---Animoで作る------*/

/*---Animoで働く------*/


/* セントラルキッチンの設定 -----------------------------------------------*/
#central-kitchen-page
{}
#central-kitchen-page .flexbox
  {
    max-width: 100%;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
#central-kitchen-page .flexbox .flexbox-ko
  {
    -webkit-flex-basis: 47%;
    flex-basis: 47%;
    text-align: center;
    margin-bottom: 10px;
    padding: 10px;
  }
  @media only screen and (max-width: 739px){
#central-kitchen-page .flexbox .flexbox-ko
  {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    text-align: center;
    margin-bottom: 10px;
    padding: 10px;
  }
}
#central-kitchen-page .button
{
    display: inline-block;
    width: 100%;
    height: 70px;
    text-align: center;
    text-decoration: none;
    line-height: 70px;
    outline: none;
    background-color: #7b5544;
    border: 2px solid #7b5544;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
  }
#central-kitchen-page .button::before,
#central-kitchen-page .button::after
{
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
#central-kitchen-page .button,
#central-kitchen-page .button::before,
#central-kitchen-page .button::after
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
#central-kitchen-page .button:hover
{
    background-color: #fff;
    border-color: #7b5544;
    color: #7b5544;
  }

/* 保育事業一覧ページの設定 -----------------------------------------------*/
#hoiku-list .hoiku-menu
{
  max-width: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
#hoiku-list .hoiku-menu-ko
{
  -webkit-flex-basis: 49%;
  flex-basis: 49%;
  padding: 5px;
  margin-bottom: 8px;
}
#hoiku-list .hoiku-menu-mago
{
  border: solid 1px #e4e4e4;
  box-shadow: 1px 1px 1px #e0e0e0;
}
#hoiku-list .hoiku-menu-mago:hover
{
  opacity: 0.7;
}
#hoiku-list .hoiku-menu-ko .hoiku-menu-mago .title
{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 10px 0;
}
@media only screen and (max-width: 739px){
  #hoiku-list .hoiku-menu-ko .hoiku-menu-mago .title
  {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0;
  }
}

/* プライバシーポリシー設定 --------------------------------------------*/
#policy-section h2
{
  border-bottom: solid 2px #EF7A00;
  color: #EF7A00;
  padding: 10px 5px;
  font-size: 24px;
  margin-bottom: 2rem;
}
.entry #policy-section h2::before, .entry #policy-section h2::after
{
  border-bottom: 0px solid #ffd8b2;
  border-top: 0px solid #ffd8b2;
}
#policy-section h3
{
  font-size: 20px;
  margin: 30px 0 10px;
  border-left: solid 0px #EF7A00;
  padding: 5px;
  padding-left: 0px;
  font-weight: bold;
  color: #946c45;
  line-height: 1.3em;
  letter-spacing: 0.5px;
}
#policy-section h4
{
  font-size: 18px;
  background: #e0e0e0;
  padding: 5px 1rem;
  font-weight: 400;
  color: #333;
  display: inline-block;
  margin: 5px 0px;
}
.entry #policy-section h4:before
{
  display: none;
}
#policy-section h5
{
  font-size: 16px;
  padding: 5px 0rem;
  font-weight: 400;
  color: #333;
  display: block;
  margin: 10px 0px 5px;
  text-decoration: underline;
}
#policy-section h6
{
  font-size: 16px;
  font-weight: 400;
  color: #333;
  display: block;
  margin: 5px 0px 10px;
}
#policy-section p
{
  font-size: 16px;
  letter-spacing: 0.5px;
}
#policy-section .table-policy1 th
{
  width: 20%;
  text-align: left;
  background-color: #fafafa;
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
  padding: 15px 10px;
}
#policy-section .table-policy1 td
{
  width: 80%;
  text-align: left;
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
  padding: 15px 10px;
}
#policy-section .table-policy2 th
{
  width: 30%;
  text-align: left;
  background-color: #fafafa;
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
  padding: 15px 10px;
}
#policy-section .table-policy2 td
{
  width: 70%;
  text-align: left;
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
  padding: 15px 10px;
}
@media only screen and (max-width: 739px){
  .page-id-1499 .header-title
    {
      position: absolute;
      width: 100%;
      text-align: center;
      padding: 30px;
      top:63px;
      background-color: rgba(0,0,0,0.4);
      color:#fff;
      font-size: 22px !important;
      letter-spacing: 6px;
    }
  #policy-section .table-policy1 th
  {
    width: 100%;
    text-align: left;
    background-color: #fafafa;
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    padding: 15px 10px;
    display: block;
  }
  #policy-section .table-policy1 td
  {
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    padding: 15px 10px;
    display: block;
  }
  #policy-section .table-policy2 th
  {
    width: 100%;
    text-align: left;
    background-color: #fafafa;
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    padding: 15px 10px;
    display: block;
  }
  #policy-section .table-policy2 td
  {
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    padding: 15px 10px;
    display: block;
  }
}
/* コンタクトフォームの設定 -------------------------------------------------------------*/
.wpcf7 label
{
  margin: 9px 0 0 0px;
  width: 100%;
  font-size: 15px;
}
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 textarea, .wpcf7 input[type=tel]
{
  margin-top: 0px !important;
}
.clear
{
  clear: both;
}
.wpcf7 div.wpcf7-response-output
{
  margin: 15px;
}
.wpcf7 input[type=submit]
{
  width: 40%;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  background-color: #FF7000;
}
.wpcf7-radio
{
  color: #333  !important;
}
@media only screen and (max-width: 567px){

}
@media only screen and (max-width: 739px){
  .wpcf7 input[type=submit]
  {
    width: 100%;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    background-color: #FF7000;
  }
}
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 textarea, .wpcf7 input[type=tel]
{
  margin-top: 8px;
}
.addtoany_share_save_container
{
  margin: 60px 0px 0px 0px !important;
}
.wpcf7 span.wpcf7-not-valid-tip
{
  width: 100%;
  display: inline-block;
  position: static;
}

/* footerの設定 -------------------------------------------------------------*/
/*共通*/
#footer
{
  background-color: #ffa13e !important;
}
#footer-widgets
{
  padding: 40px;
}

#footer h3
{
  font-weight: bold;
  border-bottom: solid 1px #fff;
}
/*Infomationエリア*/
.footer-infomation-logo img
{
  width: 150px;
}
.footer-infomation-logo,
.footer-infomation-sns,
.footer-infomation-award
{
  text-align: center;
}
.footer-infomation-logo p
{
  font-size: 17px;
  font-weight: bold;
}
.footer-infomation-sns-inner
{
  display: inline-block;
  width: 8%;
}
.footer-infomation-sns-inner .fab
{
  font-size: 23px;
}
.footer-infomation-award-inner
{
  display: inline-block;
}
.footer-infomation-award-inner img
{
  max-width: 120px;
}
/*Menuエリア*/
#footer .widget_nav_menu ul li a
{
  border-bottom: none;
  color: #fff;
}
.widget>div>ul li a:before
{
  color: #fff;
}
/*What's newエリア*/
.widget_recent_entries .post-date,
.widget>ul li a:before
{
  color: #fff;
}
/*コピーライトエリア*/
#footer-bottom
{
  border-top: none;
  background-color: #fff;
}
#footer-bottom #footer-logo
{
  width: 150px;
  max-height: 100%;
}
#footer-bottom #copyright
{
  color: #ef7a00;
}
@media only screen and (max-width: 738px){
  #footer-bottom .pad
  {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
/* Google Mapのレスポンシブ設定 --------------------------------------------
   必要なければ消して下さい。
   https://embedresponsively.com */
.embed-container{
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* youtubeのレスポンシブ設定 --------------------------------------------*/

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* コロナウイルスの案内文 --------------------------------------------*/
#top-emergency
{
  padding: 50px 0;
  background-color: #fefefe;
}

#top-emergency h2
{
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  margin: 1.5em 0;
  line-height: 1.4;
}
#top-emergency h3
{
  margin: 1em 0;
  border-bottom: 1px #e0e0e0 solid;
  padding-bottom: 8px;
  font-weight: bold;
  font-size: 18px;
}
.emergency-table
{
  width: 100%;
  margin-bottom: 1rem;
}
#top-emergency p
{
  margin-bottom: 1rem;
}
.emergency-table th,
.emergency-table td
{
  padding: 8px;
  vertical-align: middle;
  border: solid 1px #fff;
  border-collapse: collapse;
}
.emergency-table th
{
  width: 30%;
  background-color: #FBE4D6;
}
.emergency-table td
{
  width: 70%;
}
.emergency-br
{
  display: none;
}
@media only screen and (max-width: 991px){
  #top-emergency h2
  {
    text-align: center;
    font-weight: bold;
    font-size: 21px;
    margin: 1.5em 0;
    line-height: 1.4;
  }
  .emergency-br
  {
    display: block;
  }

  .emergency-table th,
  .emergency-table td
  {
    display: block;
  }
  .emergency-table th
  {
    width: 100%;
    text-align: left;
  }
  .emergency-table td
  {
    width: 100%;
  }
}

/* トップページ社長メッセージムービー --------------------------------------------*/
#top-ceo-movie
{
  padding: 50px 0;
  background-color: #fff;
}
.ceo-movie-box
{
  width: 80%;
  margin: 0 auto;
}
.ceo-movie-box h2 {
  position: relative;
  display: inline-block;
  margin-bottom: 2em;
  font-size: 32px !important;
  color: #ef7a00;
}
.ceo-movie-box h2:before {
  content: '';
  position: absolute;
  bottom: -30px;
  display: inline-block;
  width: 60px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ef7a00;
  border-radius: 2px;
}
@media only screen and (max-width: 991px){
  .ceo-movie-box
  {
    width: 90%;
    margin: 0 auto;
  }
}
/*****************************************************************************
ページリニューアル (2020.06.07) 共通
カラーコード
メイン：#1560bd rgb(21,96,189)

******************************************************************************/
.page-id-200 .entry h2,
.page-id-2287 .entry h2,
.page-id-2285 .entry h2,
.page-id-2289 .entry h2,
.page-id-2291 .entry h2,
.page-id-2293 .entry h2
{
  font-size: 24px;
  font-family: 'Sawarabi Mincho', sans-serif !important;
  margin-bottom: 32px;
  margin-top: 32px !important;
  padding: 1em 0.5em;
  color: #0f4588;
  letter-spacing: 1.5px;
}
.page-id-200 .entry h2::before,
.page-id-2287 .entry h2::before,
.page-id-2285 .entry h2::before,
.page-id-2289 .entry h2::before,
.page-id-2291 .entry h2::before,
.page-id-2293 .entry h2::before
{
  border-top: 3px solid #1560bd;
  border-bottom: 2px solid #b3d1f7;
}
.page-id-200 .entry h2::after,
.page-id-2287 .entry h2::after,
.page-id-2285 .entry h2::after,
.page-id-2289 .entry h2::after,
.page-id-2291 .entry h2::after,
.page-id-2293 .entry h2::after
{
  border-top: 2px solid #b3d1f7;
  border-bottom: 3px solid #1560bd;
}
.page-id-200 .entry h3,
.page-id-2287 .entry h3,
.page-id-2285 .entry h3,
.page-id-2289 .entry h3,
.page-id-2291 .entry h3,
.page-id-2293 .entry h3
{
  font-size: 22px !important;
  font-family: 'Sawarabi Mincho', sans-serif !important;
    font-size: 27px;
    padding-left: 15px;
    border-left: double 10px #1560bd;
    margin: 50px 0 25px 0;
    color: #1560bd !important;
    font-weight: bold;
}
.page-id-200 .entry h3:after {

}
.page-id-200 .entry h3:after {

}
.page-id-200 .entry h4,
.page-id-2287 .entry h4,
.page-id-2285 .entry h4,
.page-id-2289 .entry h4,
.page-id-2291 .entry h4,
.page-id-2293 .entry h4
{
  font-size: 20px;
  font-family: 'Sawarabi Mincho', sans-serif !important;
  color: #333;
  position: relative;
  padding-left: 35px;
  font-weight: bold;
}
.page-id-200 .entry h4:before,
.page-id-2287 .entry h4:before,
.page-id-2285 .entry h4:before,
.page-id-2289 .entry h4:before,
.page-id-2291 .entry h4:before,
.page-id-2293 .entry h4:before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: "\f0eb";
  background: #ffca2c;
  color: white;
  font-weight: bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.page-id-200 .entry h4:after,
.page-id-2287 .entry h4:after,
.page-id-2285 .entry h4:after,
.page-id-2289 .entry h4:after,
.page-id-2291 .entry h4:after,
.page-id-2293 .entry h4:after {
  /*吹き出しのちょこんと出た部分*/
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  height: 0;
  width: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #ffca2c;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.page-id-200 .entry h4:before,
.page-id-2287 .entry h4:before
{
}
.page-id-200 .entry p,
.page-id-2287 .entry p,
.page-id-2285 .entry p,
.page-id-2289 .entry p,
.page-id-2291 .entry p,
.page-id-2293 .entry p
{
  font-size: 17px;
  font-family: 'Sawarabi Mincho', sans-serif !important;
  line-height: 1.6em;
  color: #333;
}
@media only screen and (max-width: 991px){
  .page-id-200 .entry h2,
  .page-id-2287 .entry h2,
  .page-id-2285 .entry h2,
  .page-id-2289 .entry h2,
  .page-id-2291 .entry h2,
  .page-id-2293 .entry h2
  {
    font-size: 22px;
  }
  .page-id-200 .entry h3,
  .page-id-2287 .entry h3,
  .page-id-2285 .entry h3,
  .page-id-2289 .entry h3,
  .page-id-2291 .entry h3,
  .page-id-2293 .entry h3
  {
    font-size: 20px;
  }
  .page-id-200 .entry h4,
  .page-id-2287 .entry h4,
  .page-id-2285 .entry h4,
  .page-id-2289 .entry h4,
  .page-id-2291 .entry h4,
  .page-id-2293 .entry h4
  {
    font-size: 18px;
  }
  .page-id-200 .entry p,
  .page-id-2287 .entry p,
  .page-id-2285 .entry p,
  .page-id-2289 .entry p,
  .page-id-2291 .entry p,
  .page-id-2293 .entry p
  {
    font-size: 16px;
  }
}
.page-id-200 hr,
.page-id-2287 hr,
.page-id-2285 hr,
.page-id-2289 hr,
.page-id-2291 hr,
.page-id-2293 hr
{
  background: none;
  border-bottom: none;
}
.marker {
  background: linear-gradient(transparent 70%, #a7d6ff 70%);
}
.bg-gray
{
  background-color: #f9f9f9;
}
.display-pc
{
  display: block;
}
.display-sp
{
  display: none;
}
@media screen and (max-width: 768px){
  .display-pc
  {
    display: none;
  }
  .display-sp
  {
    display: block;
  }
}
/**ボタン**/
.section-common .under-button-ko
{
  background: linear-gradient(to right, rgb(0, 117, 194), #a2c2e6);
}
@media screen and (max-width: 480px){
  .section-common .under-button-ko
  {
    font-size: 15px;
  }
}
@media screen and (max-width: 400px){
  .section-common .under-button-ko
  {
    font-size: 14px;
  }
}
@media screen and (max-width: 375px){
/*iphone6・7・8 X*/
}
@media screen and (max-width: 360px){
/*iphone5*/
.section-common .under-button-ko
{
  font-size: 11px;
}
}
@media screen and (max-width: 320px){
/*iphoneSE*/
}
/************************************************************
ページリニューアル flexboxの設定
*************************************************************/
.flex-box
{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.flex-box-inner{
  margin: 0 1% 1rem;
  background: transparent;
}
.flex-box-column2 .flex-box-inner{
  -webkit-flex-basis: 48%;
  flex-basis: 48%;
}
.flex-box-column3 .flex-box-inner{
  -webkit-flex-basis: 31.333%;
  flex-basis: 31.333%;
}
.flex-box-column4 .flex-box-inner{
  -webkit-flex-basis: 23%;
  flex-basis: 23%;
}
.flex-box-column5 .flex-box-inner{
  -webkit-flex-basis: 18%;
  flex-basis: 18%;
}
.flex-center .flex-box-inner
{
  -webkit-align-self: center;
  align-self: center;
}
@media screen and (max-width: 768px){
  .flex-box-column2 .flex-box-inner,
  .flex-box-column3 .flex-box-inner{
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    margin: 0 0 1rem;
  }
  .flex-box-column4 .flex-box-inner,
  .flex-box-column5 .flex-box-inner{
    -webkit-flex-basis: 48%;
    flex-basis: 48%;
  }
}


/*****************************************************************************
企業研修ページリニューアル
******************************************************************************/
/* ヘッダータイトル */
.page-id-200,.page-id-200 .header-title,
.page-id-2287,.page-id-2287 .header-title,
.page-id-2285,.page-id-2285 .header-title,
.page-id-2289,.page-id-2289 .header-title,
.page-id-2291,.page-id-2291 .header-title,
.page-id-2293,.page-id-2293 .header-title
{
  font-family: 'Sawarabi Mincho', sans-serif !important;
  line-height: 1.6;
}
/* 目次 */
.page-id-200 .toc-oya
{
  max-width: 100%;
  overflow: hidden;
  padding: 16px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.5)!important;
  border: 1px solid #333;
  margin-bottom: 25px;
}
.page-id-200 .toc-title
{
  text-align: center;
  font-size: 20px !important;
  letter-spacing: 0px !important;
  font-family: 'Sawarabi Mincho', sans-serif !important;
  color: #333;
}
.page-id-200 .toc-title i
{
  color: #333;
  margin-right: 4px !important;
}
.page-id-200 .toc-number
{
  color: #333;
  font-size: 18px;
  margin-right: 5px;
}
.page-id-200 .toc-ko ul
{
  margin: 0 0 0 10px;
}
.page-id-200 .toc-ko ul li
{
  padding: .5em 0;
  border-top: 1px solid #ddd;
  list-style: none;
}
.page-id-200 .toc-ko ul li a:hover
{
  color: #ED6E00;
}
/* ページコンテンツ */
/* メッセージセクション */
.section-message
{
  margin: 50px 0;
  background-image: url(https://animo-group.co.jp/wp-content/uploads/2017/09/section-message-bg.jpg);
  background-repeat: no-repeat;
}
.section-message-inner
{
  padding: 80px 15px;
}
.page-id-200 .entry .section-message h2
{
  border-bottom: 0;
  border-top: 0;
  border-left: none;
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 8px !important;
  padding: 0.1em 0;
  color: #333 !important;
}
.page-id-200 .entry .section-message h2::before
{
  border-top: none;
  border-bottom: none;
}
.page-id-200 .entry .section-message h2::after
{
  border-top: none;
  border-bottom: none;
}
.page-id-200 .entry .section-message h3
{
  margin: 8px 0;
  border-left: none;
  padding-left: 0px;
  color: #333 !important;
}
.page-id-200 .entry .section-message h4
{
  padding-left: 0px;
  line-height: 1.6;
  font-weight: 400 !important;
  font-size: 17px !important;
}
.page-id-200 .entry .section-message h4::after
{
  background: none;
  border-left: none;
}
.page-id-200 .entry .section-message h4::before
{
  background: none;
}
.page-id-200 .entry .section-message p
{
  font-weight: 400 !important;
}
.section-message-text2
{
  width: 100%;
  margin: 0 auto;
}
.page-id-200 .display480
{
  display: none;
}
@media screen and (max-width: 640px){
  .section-message
  {
    margin: 50px 0;
    background-image: url(https://animo-group.co.jp/wp-content/uploads/2017/09/section-message-bg-sp.jpg);
    background-repeat: no-repeat;
  }
  .page-id-200 .entry .section-message h2
  {
    text-align: center;
    line-height: 1.5;
  }
  .page-id-200 .entry .section-message h3
  {
    font-size: 18px !important;
    text-align: center;
    line-height: 1.6;
    padding: 13px 0;
    border-top: solid 1px #606060;
    border-bottom: solid 1px #606060;
  }
  .page-id-200 .entry .section-message h4
  {
    font-size: 16px !important;
    color: #000;
  }
  .page-id-200 .entry .section-message p
  {
    color: #000;
  }
}
@media screen and (max-width: 480px){
  .page-id-200 .display480
  {
    display: block;
  }
  .page-id-200 .display480-off
  {
    display: none;
  }
}
/*480px以下はブレイクポイントのカスタマイズはコンテンツの内容によってはあり*/

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

}
@media screen and (max-width: 375px){
/*iphone6・7・8 X*/
}
@media screen and (max-width: 360px){
/*iphone5*/
}
@media screen and (max-width: 320px){
/*iphoneSE*/
}
/* Animoだからできること～皆さまへ3つのお約束～*/
.promise-box
{
  padding: 24px 16px 16px;
  text-align: center;
  background-image: url(https://animo-group.co.jp/wp-content/uploads/2017/09/so-white.png);
  background-repeat: repeat;
}
.promise-box .flex-box-inner
{
  background-repeat: no-repeat;
  margin: 8px 1%;
  border: solid 1px #333;
  padding: 32px 16px;
}
.promise-box .promise-bg01
{
  background-color: rgba(99, 152, 239, 0.2);
}
.promise-box .promise-bg02
{
  background-color: rgba(116, 99, 239, 0.1);
}
.promise-box .promise-bg03
{
  background-color: rgba(99, 222, 239, 0.1);
}
.promise-box p
{
  margin-bottom: 0px;
}
.circle
{
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #a0a0a0;
  text-align:center;
  line-height: 50px !important;
  color: #fff !important;
  font-weight: bold;
  font-size: 18px !important;
}
.promise-box .flex-box-inner .promise-title
{
  padding: 8px 0px;
  margin: 16px 0px;
  font-weight: bold;
  color: #1560bd;
  font-size: 18px;
}
.promise-box .flex-box-inner .promise-text
{
  font-size: 15px;
}
/* 選べる研修スタイル～*/
.style-box
{
}
.style-box .flex-box-inner
{
  border: solid 1px #4e4e4e;
  background-color: #fefefe;
}
.style-title
{
  background-color: #4e4e4e;
  color: #fff !important;
  padding: 16px;
  font-weight: bold;
  font-size: 18px !important;
}
.style-text
{
  padding: 0 16px;
  font-size: 16px !important;
}
/* 研修一覧 */
.kensyu-list-title {
  display: inline-block;
  width: 100%;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  background-color: #919191;
  border: 2px solid #919191;
  color: #fff;
  font-weight: bold;
}
.kensyu-list-title::before,
.kensyu-list-title::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.kensyu-list-title,
.kensyu-list-title::before,
.kensyu-list-title::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.kensyu-list-title:hover {
  background-color: #fff;
  border-color: #919191;
  color: #919191;
}
/* 研修おすすめカテゴリ */
.section-kensyu-category
{
  margin-top: 20px;
}
.kensyu-categoryt-box
{
  text-align: center;
}
.kensyu-categoryt-box .flex-box
{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.kensyu-categoryt-box .flex-box-inner
{
}
.kensyu-category-circle
{
  border: solid 1px #dcdcdc;
  background-color: #f9f9f9;
  padding: 8px 0;
}
.kensyu-category-icon img
{
  width: 30px;
  padding: 4px 0;
}

.kensyu-category-text p
{
  margin-bottom: 0px;
  color: #333 !important;
  font-size: 12px !important;
  padding: 4px 0;
  font-weight: bold;
}
/* 研修内容 */
.tab-common
{
  margin: 2rem 0;
}
.taisyo-category
{
  display: block;
  overflow: hidden;
}
.taisyo-category-title
{
  float: left;
  width: 15%;
  height: 40px;
  background-color: #a2c7f5;
}
.taisyo-category-title p
{
  margin-bottom: 0;
  line-height: 3 !important;
  color: #fff !important;
  text-align: center;
  font-size: 13px !important;
  font-weight: bold;
}
.taisyo-category-icon
{
  float: left;
  width: 85%;
  padding-left: 8px;
  height: 40px;
}
.taisyo-category-icon img
{
  width: 30px;
  margin-right: 5px;
}
.taisyo-category-inner
{
  margin: 4px;
  display: block;
  float: left;
}
@media screen and (max-width: 768px){
  .taisyo-category-title
  {
    width: 35%;
  }
  .taisyo-category-icon
  {
    width: 65%;
  }
}
.accbox {
    margin: 1em 0 2em;
    padding: 0;
    max-width: 100%;/*最大幅*/
}
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #333;
    font-weight: bold;
    background: #f5f5f5;
    border: solid 1px #d2d2d2;
    cursor :pointer;
    transition: all 0.5s;
    font-size: 15px !important;
}
.accbox label:before {
    content: '\f0d7';
    font-family: 'FontAwesome';
    padding-right: 8px;
}
.accbox label:hover {
    background: #fff;
}
.accbox input {
    display: none;
}
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 16px;
    background: #fbfbfb;
    opacity: 1;
}
@media screen and (max-width: 640px){
  .cssacc:checked + label + .accshow {
      padding: 16px 0px;
  }
}
.accbox .accshow p {
    margin: 15px 10px;
    font-size: 15px !important;
  }

.cssacc:checked + label:before {
    content: '\f0da';
}
.section-kensyu-content table
{
  border: solid 1px #a0a0a0;
}
.entry .section-kensyu-content table th,
.entry .section-kensyu-content table td
{
  border: solid 1px #a0a0a0;
  border-collapse: collapse;
  text-align: left;
  background-color: #fff;
  padding: 16px;
  vertical-align: middle;
}
.entry .section-kensyu-content table .first
{
  background-color: #1560bd;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.entry .section-kensyu-content ul
{
  margin: 0 0 0px 30px;
}
@media screen and (max-width: 768px){
  .entry .section-kensyu-content table .first
  {
    display: none;
  }
  .section-kensyu-content table
  {
    border: solid 1px #fbfbfb;
  }
  .entry .section-kensyu-content table th,
  .entry .section-kensyu-content table td
  {
    display: block;
    width: 100%;
    border: solid 1px #fbfbfb;
  }
  .entry .section-kensyu-content table th
  {
    background-color: #1560bd;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
}
/* 導入実績 */
.section-kensyu-jirei
{
  margin: 32px 0;
}
.section-kensyu-jirei h5
{
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 17px;
  font-family: 'Sawarabi Mincho', sans-serif !important;
  display: inline-block;
  background-color: #165FBD;
  color: #fff;
  padding: 8px 24px;
  font-weight: bold;
}
.kensyu-jirei-box .flex-box
{
  padding: 40px 0 24px;
  border-bottom: solid 1px #cfcfcf;
}
.kensyu-jirei-box .flex-box:last-child
{
  border-bottom: none;
}
.kensyu-jirei-box .flex-box:nth-child(1)
{
  padding: 0px 0 24px;
}
.kensyu-jirei-box .flex-box-column2 .flex-box-inner
{
  -webkit-flex-basis: 35%;
    flex-basis: 35%;
}
.kensyu-jirei-box .flex-box-column2 .flex-box-inner:nth-child(1)
{
  text-align: center;
}
.kensyu-jirei-box .flex-box-column2 .flex-box-inner:nth-child(2)
{
  -webkit-flex-grow: 1;
    flex-grow: 1;
}
.kensyu-jirei-box .flex-box-column2 .flex-box-inner img
{
  width: 70px;
}
.kensyu-jirei-box .flex-box-column2 .jirei-common
{
  padding: 16px 0;
}
.kensyu-jirei-box .flex-box-column2 .jirei-company
{
  border: solid 2px #165FBD;
}
.kensyu-jirei-box .flex-box-column2 .jirei-company-title
{
  background-color: #165FBD;
  color: #fff;
  padding: 8px 0;
  font-weight: bold;
}
.kensyu-jirei-box .flex-box-column2 .jirei-animo
{
  border: solid 2px #ef7a00;
}
.kensyu-jirei-box .flex-box-column2 .jirei-animo-title
{
  background-color: #ef7a00;
  color: #fff;
  padding: 8px 0;
  font-weight: bold;
}
.kensyu-jirei-box .flex-box-column2 .jirei-seika
{
  border: solid 2px #FFC000;
}
.kensyu-jirei-box .flex-box-column2 .jirei-seika-title
{
  background-color: #FFC000;
  color: #fff;
  padding: 8px 0;
  font-weight: bold;
}
.kensyu-jirei-box .flex-box-column2 .jirei-tantou
{
  border: solid 2px #4EAD83;
}
.kensyu-jirei-box .flex-box-column2 .jirei-tantou-title
{
  background-color: #4EAD83;
  color: #fff;
  padding: 8px 0;
  font-weight: bold;
}
.kensyu-jirei-box .flex-box-column2 .jirei-student
{
  border: solid 2px #99D38F;
}
.kensyu-jirei-box .flex-box-column2 .jirei-student-title
{
  background-color: #99D38F;
  color: #fff;
  padding: 8px 0;
  font-weight: bold;
}
.student-name
{
  font-weight: bold;
  text-decoration: underline;
}
@media screen and (max-width: 768px){
  .kensyu-jirei-box .flex-box-column2 .flex-box-inner
  {
    -webkit-flex-basis: 100%;
      flex-basis: 100%;
  }
}

/* 研修までの流れ */

/* 研修料金 */
.entry .section-kensyu-price table th
{
  border: solid 1px #fff;
  background-color: #5B9BD5;
  color: #fff;
  width: 30%;
}
.entry .section-kensyu-price table td
{
  border: solid 1px #fff;
  background-color: #f8f8f8;
  color: #333;
  width: 70%;
  text-align: left;
}
.price-info-text
{
  margin-top: 2.5rem;
  text-align: center;
}
/* More Contents～*/
.section-morecontents
{
  padding-top: 40px;
  border-top: solid 1px #dbdbdb;
}
.morecontents-box .flex-box-inner
{
  border: solid 1px #1560bd;
  background-color: #fefefe;
}
.morecontents-box-title
{
  background-color: #1560bd;
  color: #fff !important;
  padding: 16px;
  font-weight: bold;
  font-size: 18px !important;
}
.morecontents-box-text
{
  padding: 0 16px;
  font-size: 16px !important;
}
/**ボタン**/
.section-morecontents .under-button-ko
{
  background: linear-gradient(to right, rgb(255, 202, 45, 0.8), #ffc414);
  height: 54px;
  line-height: 50px;
  font-size: 16px;
}

/* オンライン研修 */
.online-flow-common
{
  margin: 16px 0;
}
.online-flow-common .text
{
  padding: 16px;
}
.online-01
{
  border: solid 2px #5B9BD5;
}
.online-01 .title
{
  background-color: #5B9BD5;
  color: #fff !important;
  padding: 16px;
  font-weight: bold;
}
.online-02
{
  border: solid 2px #4EAD83;
}
.online-02 .title
{
  background-color: #4EAD83;
  color: #fff !important;
  padding: 16px;
  font-weight: bold;
}
.online-03
{
  border: solid 2px #FFC000;
}
.online-03 .title
{
  background-color: #FFC000;
  color: #fff !important;
  padding: 16px;
  font-weight: bold;
}

/* 研修実績 */
.section-kensyu-jisseki p,
.section-kensyu-jisseki li
{
  color: #333;
}
.section-kensyu-jisseki .flexbox2 {
    max-width: 100%;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.section-kensyu-jisseki .flexbox2 .flexbox-ko2 {
    -webkit-flex-basis: 48%;
    flex-basis: 48%;
    text-align: left;
    margin-bottom: 10px;
    padding: 10px;
    border: solid 1px #c9caca;
    border-radius: 5px;
}
.section-kensyu-jisseki .flexbox-ko2-2 {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    padding: 10px;
    border: solid 1px #c9caca;
    border-radius: 5px;
}
.section-kensyu-jisseki .flexbox2 .flexbox-ko2-2 .title {
    width: 70%;
    padding: 8px;
    background-color: #1560bd;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 15px auto;
}
.section-kensyu-jisseki .flexbox2 .flexbox-ko2 .title {
    width: 90%;
    padding: 8px;
    background-color: #1560bd;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 15px auto;
}
.section-kensyu-jisseki .flexbox2 p
{
  font-size: 15px;
  color: #333;
  margin-bottom: 5px;
}
@media screen and (max-width: 991px){
  .section-kensyu-jisseki .flexbox2 .flexbox-ko2 {
      -webkit-flex-basis: 100%;
      flex-basis: 100%;
  }
}
/* 講師紹介 */
.section-kensyu-koushi .flexbox-teacher {
    max-width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    margin: 20px 0;
}
.section-kensyu-koushi .flexbox-teacher .flexbox-teacher-ko:nth-child(1)
    {
      -webkit-flex-basis: 35%;
      flex-basis: 35%;
      padding: 10px;
    }
.section-kensyu-koushi .flexbox-teacher .flexbox-teacher-ko:nth-child(2)
    {
      -webkit-flex-basis: 63%;
      flex-basis: 63%;
      background-repeat: repeat;
      padding: 18px 0px 18px 18px;
    }

.section-kensyu-koushi .flexbox-teacher .flexbox-teacher-ko .title
{
color: #fff;/*文字色*/
padding: 0.8em 0.5em;/*文字周りの余白*/
display: inline-block;/*おまじない*/
line-height: 1.3;/*行高*/
background: #1560bd;/*背景色*/
vertical-align: middle;/*上下中央*/
border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
width: 100%;
font-size: 20px !important;
font-weight: bold;
}
.section-kensyu-koushi .flexbox-teacher .flexbox-teacher-ko .title:before
{
content: '●';
color: #fff;
margin-right: 8px;
}
.section-kensyu-koushi .flexbox-teacher .flexbox-teacher-ko p
    {
      font-size: 15px !important;
      letter-spacing: 1px;
      line-height: 160%;
      color: #777;
    }
@media screen and (max-width: 991px){
  .section-kensyu-koushi .flexbox-teacher .flexbox-teacher-ko:nth-child(1)
      {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        padding: 10px;
      }
  .section-kensyu-koushi .flexbox-teacher .flexbox-teacher-ko:nth-child(2)
      {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        background-repeat: repeat;
        padding: 18px 0px 18px 18px;
      }
    }
/* 講演会 */
.kouenkai-box
{
  margin: 48px 0;
  text-align: center;
}
.maru
{
  height: 60px;
  width: 60px;
  border-radius: 50%;
  line-height: 60px;
  text-align: center;
  background-color: #1560bd;
  margin: 0 auto;
}
.maru span
{
  color: #fff;
  font-weight: bold;
  font-size: 17px;
  font-family: 'Sawarabi Mincho', sans-serif !important;
}
.kouenkai-box .title
{
  margin: 16px 0;
  font-size: 17px !important;
  color: #1560bd !important;
  font-weight: 700;
}
@media screen and (max-width: 640px){
  .kouenkai-box .title
  {
    font-weight: 900;
  }
}
.kouenkai-box .text
{
  margin: 16px 0;
  font-size: 15px !important;
  text-align: left;
}
.kouenkai-rei .flex-box-inner
{
  border: solid 1px #333;
}
.kouenkai-rei .title
{
  background-color: #1560bd !important;
  color: #fff !important;
  font-weight: bold;
  padding: 16px 8px;
  margin-bottom: 0;
}
.kouenkai-rei .text
{
  height: 189px;
}
.kouenkai-rei-inner
{
  padding: 16px;
}
.kouenkai-rei-inner img
{
  max-width: 100px;
  margin: 16px auto;
}
.kouenkai-rei-keyword
{
  margin: 8px 0;
  overflow: hidden;
}
.kouenkai-rei-inner ul
{
  text-align: center;
  margin: 0;
}
.kouenkai-rei-inner ul li
{
  list-style: none;
  width: 48%;
  float: left;
  background-color: #d7e7fb;
  color: #333;
  border: solid 1px #fff;
  padding: 5px;
  font-weight: bold;
}
@media screen and (max-width: 640px){
  .kouenkai-rei-inner ul li
  {
    list-style: none;
    width: 48%;
    float: left;
    background-color: #d7e7fb;
    color: #333;
    border: solid 1px #fff;
    padding: 5px;
    font-weight: bold;
    font-size: 12px;
  }
}
@media screen and (max-width: 340px){
  .kouenkai-rei-inner ul li
  {
    list-style: none;
    width: 48%;
    float: left;
    background-color: #d7e7fb;
    color: #333;
    border: solid 1px #fff;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
  }
}
@media screen and (max-width: 991px){
  .kouenkai-rei .text
  {
    height: auto;
  }
}


/*****************************************************************************
マナースクールページリニューアル
******************************************************************************/
@media screen and (max-width: 1024px){

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

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

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

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

}
/*480px以下はブレイクポイントのカスタマイズはコンテンツの内容によってはあり*/

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

}
@media screen and (max-width: 375px){
/*iphone6・7・8 X*/
}
@media screen and (max-width: 360px){
/*iphone5*/
}
@media screen and (max-width: 320px){
/*iphoneSE*/
}
/*****************************************************************************
【共通項目】マナースクールページリニューアル
#03c03c / #96e9af
******************************************************************************/
.manner-school-page hr
{
  background: #fff;
  border-bottom: 2px solid #fff;
}
.page-id-2352 .entry h2,
.page-id-2354 .entry h2,
.page-id-2356 .entry h2,
.page-id-2358 .entry h2,
.page-id-2362 .entry h2
{
  font-size: 24px;
  font-family: 'Sawarabi Mincho', sans-serif !important;
  margin-bottom: 32px;
  margin-top: 32px !important;
  padding: 1em 0.5em;
  color: #03c03c;
  letter-spacing: 1.5px;
}
.page-id-2352 .entry h2::before,
.page-id-2354 .entry h2::before,
.page-id-2356 .entry h2::before,
.page-id-2358 .entry h2::before,
.page-id-2362 .entry h2::before
{
  border-top: 3px solid #03c03c;
  border-bottom: 2px solid #96e9af;
}
.page-id-2352 .entry h2::after,
.page-id-2354 .entry h2::after,
.page-id-2356 .entry h2::after,
.page-id-2358 .entry h2::after,
.page-id-2362 .entry h2::after
{
  border-top: 2px solid #96e9af;
  border-bottom: 3px solid #03c03c;
}
.page-id-2352 .entry h3,
.page-id-2354 .entry h3,
.page-id-2356 .entry h3,
.page-id-2358 .entry h3,
.page-id-2362 .entry h3
{
  font-size: 22px !important;
  font-family: 'Sawarabi Mincho', sans-serif !important;
    font-size: 27px;
    padding-left: 15px;
    border-left: double 10px #03c03c;
    margin: 50px 0 25px 0;
    color: #03c03c !important;
    font-weight: bold;
}
.page-id-2352 .entry h4,
.page-id-2354 .entry h4,
.page-id-2356 .entry h4,
.page-id-2358 .entry h4,
.page-id-2362 .entry h4
{
  font-size: 20px;
  font-family: 'Sawarabi Mincho', sans-serif !important;
  color: #333;
  position: relative;
  padding-left: 35px;
  font-weight: bold;
}
.page-id-2352 .entry h4:before,
.page-id-2354 .entry h4:before,
.page-id-2356 .entry h4:before,
.page-id-2358 .entry h4:before,
.page-id-2362 .entry h4:before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: "\f0eb";
  background: #ffca2c;
  color: white;
  font-weight: bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.page-id-2352 .entry h4:after,
.page-id-2354 .entry h4:after,
.page-id-2356 .entry h4:after,
.page-id-2358 .entry h4:after,
.page-id-2362 .entry h4:after {
  /*吹き出しのちょこんと出た部分*/
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  height: 0;
  width: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #ffca2c;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.page-id-2352 .entry p,
.page-id-2354 .entry p,
.page-id-2356 .entry p,
.page-id-2358 .entry p,
.page-id-2362 .entry p
{
  font-size: 17px;
  font-family: 'Sawarabi Mincho', sans-serif !important;
  line-height: 1.6em;
  color: #333;
}

/* ボタン */
.manner-school-page .button-box
{
  text-align: right;
}
.manner-school-page .button {
  display: inline-block;
  width: 200px;
  height: 40px;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  outline: none;
  background-color: #03c03c;
  color: #fff;
  font-weight: bold;
}
.manner-school-page .button::before,
.manner-school-page .button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.manner-school-page .button,
.manner-school-page .button::before,
.manner-school-page .button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.manner-school-page .button:hover {
  background-color: rgba(3,192,60,0.6);
}
/* ヘッダータイトル */
.page-id-2352,.page-id-2352 .header-title,
.page-id-2354,.page-id-2354 .header-title,
.page-id-2356,.page-id-2356 .header-title,
.page-id-2358,.page-id-2358 .header-title,
.page-id-2362,.page-id-2362 .header-title
{
  font-family: 'Sawarabi Mincho', sans-serif !important;
  line-height: 1.6;
}
/*****************************************************************************
【トップページ】マナースクールページリニューアル
******************************************************************************/
/* 冒頭メッセージ */
.manner-school-page-message
{
  margin-top: 30px;
}
.manner-school-page-message .flex-box-column2 .flex-box-inner
{
  -webkit-flex-basis: 35%;
  flex-basis: 35%;
}
.manner-school-page-message .flex-box-column2 .inner-1,
.manner-school-page-message .flex-box-column2 .inner-4
{
  -webkit-flex-grow: 1;
  flex-grow: 1;
  background-image: url(https://animo-group.co.jp/wp-content/uploads/2020/10/bg-manner.png);
}
.page-id-2352 .entry .manner-school-page-message h2
{
  font-size: 22px;
  font-family: 'Sawarabi Mincho', sans-serif !important;
  margin: 20px 0 !important;
  padding: 1em 0;
  color: #333 !important;
  letter-spacing: 1.5px;
}
.page-id-2352 .entry .manner-school-page-message h2::before
{
  border-top: none;
  border-bottom: none;
}
.page-id-2352 .entry .manner-school-page-message h2::after
{
  border-top: none;
  border-bottom: none;
  background: #a0a0a0;
  height: 1px;
  width: 120px;
}
.small-text
{
  text-align: left;
  font-size: 14px !important;
  margin-top: 10px;
}
/* レッスン一覧 */
.manner-school-page-lesson-list .flex-box-column2 .flex-box-inner
{
  -webkit-flex-basis: 30%;
  flex-basis: 30%;
}
.manner-school-page-lesson-list .flex-box-column2 .flex-box-inner:nth-child(2)
{
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.manner-school-page-lesson-list .flex-box
{
  margin-bottom: 2rem;
}
.page-id-2352 .entry .manner-school-page-lesson-list h3
{
  margin: 5px 0;
  color: #333 !important;
  font-size: 20px !important;
  padding: 8px 0;
  border-left: none;
  border-bottom: solid 1px #333;
}
.page-id-2352 .entry .manner-school-page-lesson-list p
{
  font-size: 15px !important;
}


/* 講師紹介(トップ) */
.manner-school-page-koushi-top .flex-box-column2 .flex-box-inner
{
  -webkit-flex-basis: 30%;
  flex-basis: 30%;
}
.manner-school-page-koushi-top .flex-box-column2 .flex-box-inner:nth-child(2)
{
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.page-id-2352 .entry .manner-school-page-koushi-top h3
{
  margin: 5px 0;
  color: #333 !important;
  font-size: 20px !important;
  padding: 16px 0;
  border-left: none;
  border-bottom: solid 1px #333;
  margin-bottom: 16px;
}
.page-id-2352 .entry .manner-school-page-koushi-top p
{
  font-size: 15px !important;
}
/* イベントセミナー */
.manner-school-page-event-seminar .flex-box-column2 .flex-box-inner
{
  -webkit-flex-basis: 30%;
  flex-basis: 30%;
}
.manner-school-page-event-seminar .flex-box-column2 .flex-box-inner:nth-child(2)
{
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.page-id-2352 .entry .manner-school-page-event-seminar h3
{
  margin: 20px 0;
  font-size: 15px !important;
  color: #fff !important;
  padding: 8px;
  background-color: #333;
  border-left: none;
  width: 150px;
  text-align: center;
}
.manner-school-page-event-seminar table th,
.manner-school-page-event-seminar table td
{
  vertical-align: middle;
  color: #333;
  font-weight: 400;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
.manner-school-page-event-seminar table th
{
  width: 20%;
  background-color: #fafafa;
}
.manner-school-page-event-seminar table td
{
  width: 80%;
}
.kidsroom-box
{
  border: double 2px #03c03c;
  background-color: #fcfcfc;
  padding: 16px;
  margin: 20px 0;
}
.page-id-2352 .entry .manner-school-page-event-seminar .kidsroom-box .flex-box-inner
{
  margin: 5px;
}
.page-id-2352 .entry .manner-school-page-event-seminar .kidsroom-box h3
{
  margin: 10px 0;
  font-size: 20px !important;
  color: #03c03c !important;
  padding: 0;
  background-color: transparent;
  border-left: none;
  width: 100%;
  text-align: left;
  letter-spacing: 1px;
}
.page-id-2352 .entry .manner-school-page-event-seminar .kidsroom-box p
{
  margin-bottom: 0;
  font-size: 15px !important;
}
/* お問い合わせ */
.entry .manner-school-page-contact h3
{
  margin: 20px 0;
  font-size: 17px !important;
  color: #fff !important;
  padding: 16px;
  background-color: #333;
  border-left: none;
  width: 250px;
  text-align: center;
}
.entry .manner-school-page-contact a
{
  font-size: 20px !important;
  color: #03c03c !important;
  font-weight: bold;
}
.entry .manner-school-page-contact a:hover
{
  text-decoration: underline;
}
.entry .manner-school-page-contact span
{
  color: #333 !important;
}
.manner-school-page-contact .tel-box
{
  padding-left: 1rem;
  margin: 30px 0 60px;
}
/*****************************************************************************
【固定ページ】マナースクールページリニューアル
******************************************************************************/
/* スタンダードレッスン */
/* レッスン料金 */
.manner-school-page-lesson-price .flex-box-column2 .flex-box-inner
{
  border: solid 1px #333;
  padding: 24px;
  text-align: center;
}
.page-id-2354 .entry .manner-school-page-lesson-price h3 {
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
  border-left: none;
  color: #333 !important;
  margin: 30px 0;
}
.page-id-2354 .entry .manner-school-page-lesson-price h3:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: black;
}
.page-id-2354 .entry .manner-school-page-lesson-price ul
{
  margin: 10px 0 20px;
}
.page-id-2354 .entry .manner-school-page-lesson-price li
{
  list-style: none;
  color: #333 !important;
}
.manner-school-page-lesson-aount
{
  background-color: #333;
  text-align: center;
  padding: 16px 0;
}
.manner-school-page-lesson-aount p
{
  color: #fff !important;
  font-weight: bold;
  font-size: 22px !important;
  margin-bottom: 0;
}
.manner-school-page-lesson-aount span
{
  font-size: 16px !important;
}
/* オーダーメイドレッスン */

/* 研修インストラクター養成講座 */
.entry .instructor-class-taisyo ol {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0.3em 0.8em;
  margin: 16px;
}
.entry .instructor-class-taisyo ol li {
  border-bottom: dashed 1px #b0b0b0;
  position: relative;
  padding: 16px 16px 16px 35px;
  line-height: 1.5em;
  list-style: none;
  font-weight: bold;
  font-size: 16px;
  font-family: 'Sawarabi Mincho', sans-serif !important;
  color: #333;
}
.entry .instructor-class-taisyo ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #03c03c;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.entry .instructor-class-taisyo ol li:last-of-type {
  border-bottom: none; /*最後のliの線だけ消す*/
}
.entry .instructor-class-gaiyo th,
.entry .instructor-class-gaiyo td
{
  border: solid 1px #acacac;
  border-collapse: collapse;
  color: #333;
  padding: 16px 8px;
}
.instructor-class-gaiyo th
{
  width: 40%;
  background-color: #f2f2f2;
}
.instructor-class-gaiyo td
{
  width: 60%;
}
.entry .instructor-class-curriculum th,
.entry .instructor-class-curriculum td
{
  border: solid 1px #fff;
  border-collapse: collapse;
  color: #333;
  padding: 16px 8px;
  vertical-align: middle;
  text-align: left;
}
.instructor-class-curriculum th
{
  width: 40%;
  background-color: #f2f2f2;
}
.instructor-class-curriculum td
{
  width: 60%;
  background-color: #fff;
}
.entry .instructor-class-curriculum .instructor-class-curriculum-title
{
  background-color: #03c03c;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
.instructor-class-curriculum .cssacc:checked + label + .accshow
{
  background-color: #fff;
}
/* 講師紹介 */
.page-id-2362 .section-kensyu-koushi .flexbox-teacher .flexbox-teacher-ko .title
{
  background: #03c03c;
}

/*****************************************************************************
【全体改修】サイト修正
******************************************************************************/
/*トップページの編集*/
.toppage-common{
  padding: 24px 0;
}
.width1190,
.width980
{
  margin: 0 auto;
  padding: 0 25px;
}
.width1190
{
  max-width: 1190px;
}
.width980
{
  max-width: 980px;
}
.section-top02
{
  padding: 120px 0;
}
.section-news{

}
.news-box
{
  max-width: 640px;
  margin: 10px auto;
}
.section-news .flex-box-column2 .flex-box-inner a,
.section-news .flex-box-column2 .flex-box-inner span
{
  font-size: 15px;
}
.section-news .flex-box-column2 .flex-box-inner a
{
  color: #ef7a00;
}
.section-news .flex-box-column2 .flex-box-inner a:hover
{
  color: #333;
}
.section-news .flex-box-column2 .flex-box-inner {
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
}
.section-news .flex-box-column2 .flex-box-inner:nth-child(2){
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
@media screen and (max-width: 768px){
  .toppage-common{
    padding: 24px 10px;
  }
}
@media screen and (max-width: 640px){
  .section-news .flex-box-column2 .flex-box-inner {
      -webkit-flex-basis: 100%;
      flex-basis: 100%;
      margin: 0;
  }
  .section-news .flex-box-column2 .flex-box-inner:nth-child(2){
    -webkit-flex-grow: 0;
    flex-grow: 0;
    margin-bottom: 1rem;
  }
}

/*ニュース一覧ページの編集*/
.su-tabs
{
  border-radius: 0 !important;
}
body .su-tabs-pane
{
  padding: 30px 15px;
}
body .su-tabs-nav span
{
  margin-right: 0 !important;
  margin: 0;
  width: 50%;
  border-radius: 0 !important;
  padding: 20px 15px;
  font-size: 16px;
  text-align: center;
}
@media screen and (max-width: 768px){
body .su-tabs-nav span {
    display: inline-block;
    font-size: 14px;
}
}
.news-list .flex-box-column2 .flex-box-inner {
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
}
.news-list .flex-box-column2 .flex-box-inner:nth-child(2){
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.news-list .flex-box-inner-date
{
  text-align: center;
}
.news-list .flex-newslist
{
  border-bottom: solid 1px #eee;
  margin-bottom: 1rem;
}
.news-list .flex-box-column2 .flex-box-inner a
{
  color: #ef7a00;
}
.news-list .flex-box-column2 .flex-box-inner a:hover
{
  color: #333;
}
@media screen and (max-width: 768px){
  .news-list .flex-box-column2 .flex-box-inner {
      -webkit-flex-basis: 100%;
      flex-basis: 100%;
  }
  .news-list .flex-box-column2 .flex-box-inner:nth-child(2){
    -webkit-flex-grow: 0;
    flex-grow: 0;
  }
  .news-list .flex-box-inner-date
  {
    text-align: left;
  }
  .category-button
  {
    width: 100% !important;
  }
}
/* カテゴリーページの編集 */
.category-news-release .post-list-3c .post,
.category-notice .post-list-3c .post
{
  width: 100% !important;
  float: none;
}
.category-news-release .post-thumbnail,
.category-news-release .excerpt,
.category-notice .post-thumbnail,
.category-notice .excerpt
{
  display: none;
}
.category-news-release .post-list-3c .post-inner,
.category-notice .post-list-3c .post-inner
{
  padding: 16px 0;
  margin-bottom: 8px;
  border-bottom: solid 1px #eee;
}
.category-news-release .content .post-byline,
.category-notice .content .post-byline
{
  line-height: none;
  margin: 0;
}
.category-news-release .post-list-3c .post-row,
.category-notice .post-list-3c .post-row
{
  margin-bottom: 0;
}
.category-news-release .page-title,
.category-notice .page-title
{
  display: none;
}
.more-botton
{
  text-align: right;
  margin-top: 40px;
  margin-bottom: 40px;
}
.category-button {
  display: inline-block;
  width: 300px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  background-color: #fff;
  border: 1px solid #ffa13e;
  color: #ffa13e;
}
.category-button::before,
.category-button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.category-button,
.category-button::before,
.category-button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.category-button:hover {
  background-color: #ffa13e;
  border-color: #ffa13e;
  color: #fff;
}