@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.for-sp{
  display: none;
}
@media screen and (max-width: 480px){
  .for-pc{
    display: none;
  }
  .for-sp{
    display: block;
  }
}
a{
  transition: all 0.3s
}
img{
  vertical-align: bottom;
}
figure img{
  width: 100%;
}
body.column1 .date-tags,
body.column1 .entry-title{
  display: none;
}
.content {
  margin-top: 0;
}
.entry-content>*,
.article p,
.article ul,
.article ol,
.article ul li,
.article ol li{
  margin: 0;
  padding: 0;
}
.video-container,
.body .video-container,
.video-container
.video{
  margin: 0;
}
.site-name-text-link{
  padding-left: 0;
  padding-right: 0;
}
.font-bg-color{
  background:linear-gradient(transparent 70%, #FAFF00 70%);
  font-weight: 600;
}
.header-container{
  box-shadow: 0px 5px 10px -4px rgba(0,0,0,0.2);
}
.breadcrumb {
  margin: 0;
}
.breadcrumb a {
  color: #333;
}
.breadcrumb a:hover {
  color: #E94709;
}
.breadcrumb.pbp-main-before{
  margin-bottom: 15px;
  margin-top: 15px;
  padding: 0;
}
.breadcrumb.pbp-main-before + .content {
  margin-top: 0;
}
.breadcrumb span.fas.fa-home.fa-fw,
.breadcrumb span.far.fa-file.fa-fw {
  display: none;
}
.breadcrumb span.fas.fa-angle-right {
  color: #E94709;
  font-weight: bold;
}
.breadcrumb .sp {
  margin: 5px;
}
.wrap{
  width: auto;
}
main.main{
  border: none;
  border-radius: 0 !important;
  padding: 0;
}
.article{
  margin-bottom: 0;
}
.entry-content {
  margin-top: 0;
  margin-bottom: 0;
}
.entry-title{
  padding: 0;
}
body.column1 .toc{
  display: none;
}
.footer-bottom-logo{
  display: none;
}

/************************************
** 各要素
************************************/

/* ボタン */

a.or-btn{
  border-radius: 5px;
  box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.2);
  box-sizing: border-box;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2em;
  padding: 20px 56px 20px 45px;
  text-decoration: none;
  position: relative;
  text-align: center;
  transition: .3s;
}
a.or-btn:before{
  content: "\f0a9";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-size: 18px;
  transform: translateY(-50%);
  position :absolute;
  right: 10px;
  top: 50%;
}
a.or-btn-size-medium{
  width: 330px;
}
a.or-btn-normal{
  background: #fff;
  border: 1px solid #E94709;
  color: #E94709;
}
a.or-btn-normal:hover{
  background: #E94709;
  border: 1px solid #fff;
  color: #fff;
}
a.or-btn-cta{
  background: #E94709;
  border: 1px solid #E94709;
  color: #fff;
}
a.or-btn-cta:hover{
  background: #fff;
  border: 1px solid #E94709;
  color: #E94709;
}
a.or-link-or{
  color: #E94709;
  display: inline-block;
  position: relative;
}
a.or-link-or.inline{
  display: inline;
}
a.or-link-or:hover{
  text-decoration: none;
}
a.or-link-or.or-link-icon:before,
a.or-link-or.or-link-icon-down:before{
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-size: 18px;
  font-weight: 700;
  transform: translateY(-50%);
  position: absolute;
  right: -25px;
  top: 50%;
}
a.or-link-or.or-link-icon:before{
  content: "\f0a9";
}
a.or-link-or.or-link-icon-down:before{
  content: "\f0ab";
}
a.or-btn.link-site:before{
  content: "\f35d";
}
@media screen and (max-width: 834px){
  a.or-btn-size-medium{
    width: 100%;
  }
  a.or-link-or.or-link-icon:before{
    right: -20px;
  }
}

/* テーブル */

table th, table td {
  background-color: #transparent;
  border: none;
  font-size: 16px;
}
.or-common-table{
  border-collapse: collapse;
  border-top: solid 1px #dcdddd;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.8em;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%;
}
.or-common-table tr{
  border-bottom: solid 1px #dcdddd;
  position: relative;
}
.or-common-table tr:before,
.or-common-table tr:after {
  content: "";
  position: absolute;
  left: 0;
  height: 20px;
  width: 100%;
  background: #fff;
}
.or-common-table tr:before {
  top: 1px;
}
.or-common-table tr:after {
  bottom: 1px;
}
table tr:nth-of-type(2n+1) {
  background-color: transparent;
}
table:not(.has-border-color) :where(th) {
  border-left: none;
}
table:not(.has-border-color) :where(td) {
  border-right: none;
}
.or-common-table th{
  background: #fff;
  border-right: 1px solid #dcdddd;
  margin: 0;
  padding: 22px 0;
  vertical-align: top;
}
.or-common-table td{
  background: #fff;
  margin: 0;
  padding: 22px 0 22px 2em;
}
.or-common-table td span.caution{
  font-size: 14px;
}
.or-common-table td ul{
  margin: 0 0 0 1em;
  padding: 0;
}
.or-common-table td ul li{
  line-height: 1.6em;
  margin-bottom: 5px;
}
.or-common-table td ul li:nth-last-of-type(1){
  margin-bottom: 0;
}

@media screen and (max-width: 834px){
  .or-common-table{
    font-size: 16px;
  }
  .or-common-table td{
    padding-left: 1em;
  }
}
@media screen and (max-width: 480px){
  table th, table td {
    font-size: 15px;
  }
  table:not(.has-border-color) :where(th) ,
  table:not(.has-border-color) :where(td) {
    border: none;
  }
  .or-common-table tr:before,
  .or-common-table tr:after {
    height: 0;
  }
  .or-common-table th{
    border-right: none;
    display: block;
    padding-bottom: .5em;
    width: 100%;
  }
  .or-common-table td{
    display: block;
    padding-left: 0;
    padding-top: 0;
    width: 100%;
  } 
}

/************************************
** ヘッダー
************************************/

.header-container-in.hlt-top-menu.wrap{
  max-width: 100%;
}
.header-in.wrap{
  height: 100px;
  align-items: center;
}
.header-container-in.hlt-top-menu {
  padding: 0 .5%;
}
.header-container-in.hlt-top-menu.wrap{
  width: 100%;
}
@media screen and (min-width: 1190px){
  .header-in {
    flex-direction: row;
  }
  .header-container-in.hlt-top-menu .logo-header {
    max-width: 190px;
  }
  .header-container-in.hlt-top-menu .navi{
    text-align: right;
    width: calc(100% - 190px - 30px);
  }
}
@media screen and (min-width:1024px) and ( max-width:1189px) {
  .header-in {
    flex-direction: row;
  }
  .header-container-in.hlt-top-menu .logo-header {
    max-width: 150px;
  }
  .header-container-in.hlt-top-menu .navi{
    width: calc(100% - 150px - 10px);
  }
}
@media screen and (max-width: 1023px){
  .header-in.wrap{
    height: 60px;
  }
  .header-container-in.hlt-top-menu .logo-header {
    height: 60px;
    margin: 0 auto;
    width: 150px;
  }
  .header-container-in.hlt-top-menu .logo-header img {
    padding-top: 12px;
    width: 100%;
  }
}
@media screen and (min-width: 1024px){
  .fixed-header .header-in.wrap{
    height: 75px;
  }
}

/************************************
** Gナビ_PC
************************************/

.navi-in > ul {
  flex-wrap: nowrap;
  justify-content: flex-end;
}
.navi-in > ul li:nth-last-of-type(1) {
  margin-right: 0;
}
#navi .navi-in>ul>li{
  margin-right: 4px;
}
#navi .navi-in>ul>li.menu-item-has-children{
  margin-right: 10px;
}
#navi .navi-in>ul>li>a{
  padding-left: 0;
  padding-right: 15px;
}
.navi-in > ul .sub-menu li:nth-last-of-type(1) a{
  background-color: var(--cocoon-xxx-thin-color);
  color: var(--cocoon-text-color);
}
.navi-in > ul li a:hover {
  background-color: #fff;
  color: #E94709;
}
.navi-in > ul .sub-menu a:hover {
  background-color: var(--cocoon-xxx-thin-color);
  color: #E94709;
}
.navi-in > ul .sub-menu li:nth-last-of-type(1) a:hover{
  color: #E94709;
}
.navi .item-label{
  display: flex;
  align-items: center;
}
.navi-in > ul li.current-menu-item a,
.navi-in > ul li.current-menu-ancestor a,
.navi-in > ul li.current-page-ancestor.menu-item-has-children a,
.navi-in > ul li.current-menu-ancestor ul li.current-menu-item a{
  color: #E94709;
}
.navi-in > ul li.current-menu-item ul li a,
.navi-in > ul li.current-menu-ancestor ul li a,
.navi-in > ul li.current-page-ancestor.menu-item-has-children ul li a{
  color: #333;
}
@media screen and (min-width: 1190px){
  .navi-in.wrap{
    max-width: 100%;
  }
  .navi-in a{
    box-sizing: border-box;
    font-weight: 500;
  }
  .navi-in > ul li:nth-last-of-type(1) a{
    background: #E94709 url(/wp-content/uploads/2023/07/icon-mail-magazine-wh.png) no-repeat left 20px center / cover;
    background-size: 24px;
    border: 1px solid #E94709;
    box-shadow: 0px 5px 8px -4px rgba(0,0,0,0.5);
    color: #fff;
  }
  #navi .navi-in>ul>li:nth-last-of-type(1)>a{
    border-radius: 5px;
    padding: 0 30px 0 50px;
  }
  .navi-in > ul li:nth-last-of-type(1) a:hover{
    background: #fff url(/wp-content/uploads/2023/07/icon-mail-magazine-or.png) no-repeat left 20px center / cover;
    background-size: 24px;
    color: #E94709;
  }
  .navi-in > ul .sub-menu li:nth-last-of-type(1) a{
    background-image: none;
    border: none;
  }
  .navi-in > ul .sub-menu li:nth-last-of-type(1) a:hover{
    background-color: transparent;
    background-image: none;
  }
}
@media screen and (min-width:1024px) and ( max-width:1189px) {
  .navi-in a{
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 500;
  }
  .navi-in > ul li:nth-last-of-type(1) a{
    background: #E94709 url(/wp-content/uploads/2023/07/icon-mail-magazine-wh.png) no-repeat left 15px center / cover;
    background-size: 18px;
    border: 1px solid #E94709;
    box-shadow: 0px 5px 8px -4px rgba(0,0,0,0.5);
    color: #fff;
  }
  .navi-in > ul li:nth-last-of-type(1) a:hover{
    background: #fff url(/wp-content/uploads/2023/07/icon-mail-magazine-or.png) no-repeat left 15px center / cover;
    background-size: 18px;
  }
  #navi .navi-in>ul>li:nth-last-of-type(1)>a{
    border-radius: 5px;
    padding: 0 20px 0 40px;
  }
  .navi-in > ul .sub-menu li:nth-last-of-type(1) a{
    background-image: none;
    border: none;
  }
  .navi-in > ul .sub-menu li:nth-last-of-type(1) a:hover{
    background-image: none;
  }
}
@media screen and (min-width:1024px) and ( max-width:1189px) {
  #navi .navi-in>ul>li{
    margin-right: 0px;
  }
  #navi .navi-in>ul>li.menu-item-has-children{
    margin-right: 5px;
  }
}

/************************************
** Gナビ_スマホ
************************************/

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

  .menu-drawer li{
    margin-bottom: .5em;
    font-weight: 600;
  }
  .sub-menu{
    margin-top: .5em;
  }
  .menu-drawer li .sub-menu li{
    font-weight: normal;
    margin-bottom: .5em;
  }
  .menu-drawer li:nth-of-type(1) a{
    background: #E94709 url(/wp-content/uploads/2023/07/icon-mail-magazine-wh.png) no-repeat left 2em center / cover;
    background-size: 18px;
    border: 1px solid #E94709;
    border-radius: 5px;
    box-shadow: 0px 5px 8px -4px rgba(0,0,0,0.5);
    box-sizing: border-box;
    color: #fff;
    font-weight: 500;
    margin: 2em 0 1.5em;
    padding: 20px 50px;
    text-align: center;
  }
  .menu-drawer li .sub-menu li:nth-of-type(1) a{
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
    box-sizing: border-box;
    color: #333;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 0;
    padding: 6px;
    text-align: left;
  }
}
@media screen and (max-width: 834px){
  .menu-drawer li{
    font-size: 16px;
  }
  .menu-drawer li .sub-menu li{
    font-size: 14px;
  }
}

/************************************
** パンくず
************************************/

@media screen and (min-width: 1161px){
  .breadcrumb.wrap{
    padding-left: 0;
    padding-right: 0;
    max-width: 1100px;
  }
}
@media screen and (min-width:835px) and ( max-width:1160px) {
  .breadcrumb.wrap{
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 834px){
 .breadcrumb.wrap{
    padding-left: 15px;
    padding-right: 15px;
  }
}

/************************************
** コンテンツ
************************************/

/* 見出し */

.article h2{
  background-color: transparent;
  border-radius: 0;
  padding: 0;
}
.article h3,
.article h4{
  border: none;
  margin-bottom: 0;
  padding: 0;
}
h2.or-h2-common{
  font-size: 46px;
  line-height: 1.4em;
  margin-bottom: 50px;
  padding-top: 50px;
  text-align: center;
  position: relative;
}
h2.or-h2-common:before{
  background: url(/wp-content/uploads/2023/07/icon-h2.png) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  transform: translatex(-50%);
  width: 48px;
  position :absolute;
  left: 50%;
  top: 0;
}
@media screen and (max-width: 834px){
  h2.or-h2-common{
    font-size: 28px;
    margin-bottom: 30px;
    padding-top: 25px;
  }
  h2.or-h2-common:before{
    height: 16px;
    width: 38px;
  }
}

/* MVエリア */

.or-mv-area{
  background: #f7f7f7;
  padding: 40px 0;
}
.or-mv-area.under{
  background: transparent;
  padding-bottom: 0;
  padding-top: 45px;
}
.or-mv-area span.en{
  color: #E94709;
  display: block;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1em;
  margin-bottom: 15px;
}
.or-mv-area h1,
.or-mv-area div.or-title{
  font-size: 46px;
  line-height: 1.2em;
  margin-bottom: 35px;
}
.or-mv-area div.or-title{
  font-weight: bold;
}
.or-mv-area p{
  font-size: 16px;
  line-height: 1.6em;
  margin-bottom: 0;
  text-shadow: 1px 1px 0 #f7f7f7, -1px -1px 0 #f7f7f7,-1px 1px 0 #f7f7f7, 1px -1px 0 #f7f7f7,0px 1px 0 #f7f7f7, 0-1px 0 #f7f7f7,-1px 0 0 #f7f7f7, 1px 0 0 #f7f7f7;
}
.or-mv-area figure{
  width: 260px;
  position: absolute;
  right: 0;
  bottom: -40px;
}
.or-p-normal{
  font-size: 16px;
  line-height: 2em;
}
@media screen and (max-width: 1023px){
  .or-mv-area figure{
    width: 220px;
  }
}
@media screen and (max-width: 834px){
 .or-mv-area{
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .or-mv-area span.en{
    font-size: 13px;
    margin-bottom: 8px;
  }
  .or-mv-area h1,
  .or-mv-area div.or-title{
    font-size: 28px;
    margin-bottom: 25px;
  }
  .or-mv-area p{
    font-size: 14px;
    position: relative;
    z-index: 1;
  }
  .or-mv-area figure{
    width: 160px;
    bottom: -30px;
  }
}

/* メインコンテンツエリア */

.or-normal-wrap{
  margin: 80px 0 100px;
}
.or-layout{
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}
.article p.or-lead{
  font-size: 17px;
  line-height: 2.2em;
  margin-bottom: 80px;
}
.or-block-common{
  margin-bottom: 80px;
}
.or-block-common:nth-last-of-type(1){
  margin-bottom: 0;
}
@media screen and (min-width: 1081px){
  .or-layout{
    padding-left: 0;
    padding-right: 0;
    max-width: 1020px;
  }
}
@media screen and (max-width: 834px){
  .or-layout{
    padding-left: 15px;
    padding-right: 15px;
  }
  .or-normal-wrap{
    margin: 60px 0 80px;
  }
  .article p.or-lead{
    font-size: 16px;
    margin-bottom: 60px;
  }
  .or-block-common{
    margin-bottom: 60px;
  }
}

/* ディレクトリindex */

.or-block-directory-index{
  margin-bottom: 100px;
  display: flex;
  flex-wrap: wrap;
}
.or-block-directory-index a.or-box-index{
  border-radius: 5px;
  border: 1px solid #E94709;
  box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.2);
  box-sizing: border-box;
  color: #333;
  display: block;
  line-height: 1.2em;
  margin: 0 4% 20px 0;
  padding: 40px 2%;
  text-decoration: none;
  position: relative;
  text-align: left;
  transition: .3s;
  width: calc((100% - 8%) / 3);
  display: flex;
  flex-direction: column;
}
.or-block-directory-index a:nth-of-type(3n){
  margin-right: 0;
}
.or-block-directory-index a:nth-last-of-type(1),
.or-block-directory-index a:nth-last-of-type(2),
.or-block-directory-index a:nth-last-of-type(3){
  margin-bottom: 0;
}
.or-block-directory-index a.or-box-index h2{
  color: #E94709;
  font-size: 22px;
  line-height: 1.4em;
  margin-bottom: 20px;
}
.or-block-directory-index a.or-box-index p{
  font-size: 17px;
  line-height: 1.8em;
  margin-bottom: 30px;
}
.or-block-directory-index a.or-box-index span{
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-top: auto;
  padding-right: 25px;
  text-align: right;
  position: relative;
}
.or-block-directory-index a.or-box-index span:before{
  color: #E94709;
  content: "\f0a9";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-size: 18px;
  font-weight: 700;
  transform: translateY(-50%);
  position :absolute;
  right: 0;
  top: 50%;
}
.or-block-directory-index a.or-box-index:hover{
  background: #E94709;
  border: 1px solid #E94709;
  color: #fff;
}
.or-block-directory-index a.or-box-index:hover h2{
  color: #fff;
}
.or-block-directory-index a.or-box-index:hover span:before{
  color: #fff;
}
@media screen and (max-width: 834px){
  .or-block-directory-index{
    display: block;
  }
  .or-block-directory-index a.or-box-index{
    display: block;
    margin-bottom: 30px;
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
  }
  .or-block-directory-index a.or-box-index:nth-last-of-type(1){
    margin-bottom: 0;
  }
}

/* 同ディレクトリリンクエリア */

.or-common-directory{
  background: #f7f7f7;
  margin-bottom: 100px;
  padding: 80px 0 50px;
}
.or-common-directory ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.or-common-directory ul li{
  margin: 0 5% 30px 0;
  width: calc((100% - 10%)/ 3);
}
.or-common-directory ul li:nth-of-type(3n){
  margin-right: 0;
}
.or-common-directory ul li a{
  width: 100%;
}
@media screen and (max-width: 834px){
  .or-common-directory ul li{
    margin: 0 5% 30px 0;
    width: calc((100% - 5%)/ 2);
  }
  .or-common-directory ul li:nth-of-type(3n){
    margin-right: 5%;
  }
  .or-common-directory ul li:nth-of-type(2n){
    margin-right: 0;
  }
}
@media screen and (max-width: 480px){
  .or-common-directory{
    margin-bottom: 80px;
    padding: 50px 0 20px;
  }
  .or-common-directory ul li{
    margin-right: 0;
    width: 100%;
  }
  .or-common-directory ul li:nth-of-type(3n){
    margin-right: 0;
  }
}

/* カテゴリ絞り込み時表示 */

.or-block-category-select{
  margin-bottom: 70px;
  text-align: center;
}
.or-block-category-select h3{
  font-size: 36px;
  line-height: 1.4em;
}
@media screen and (max-width: 834px){
  .or-block-category-select{
    margin-bottom: 30px;
    text-align: center;
  }
  .or-block-category-select h3{
    font-size: 26px;
  }
}

/* 従業員の定義 */

.or-common-definition{
  background: #FFF8F2;
  margin-bottom: 100px;
  text-align: center;
}
.or-common-definition .or-layout{
  border-radius: 10px;
  padding: 60px 5%;
  position: relative;
}
.or-common-definition .or-layout:before,
.or-common-definition .or-layout:after{
  color: #E94709;
  display: inline-block;
  font-size: 170px;
  position :absolute;
}
.or-common-definition .or-layout:before{
  content: "“";
  left: 30px;
  top: -115px;
}
.or-common-definition .or-layout:after{
  content: "”";
  right: 30px;
  bottom: -185px;
}
.or-common-definition .or-layout h2{
  font-size: 28px;
  margin-bottom: 25px;
}
.or-common-definition .or-layout p{
  font-size: 18px;
  line-height: 2.0em;
  margin-bottom: 1.5em;
}
.or-common-definition .or-layout p:nth-last-of-type(1){
  margin-bottom: 0;
}
@media screen and (max-width: 834px){
  .or-common-definition{
    box-sizing: border-box;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px
  }
  .or-common-definition .or-layout{
    padding-bottom: 50px;
    padding-top: 50px
  }
  .or-common-definition .or-layout:before,
  .or-common-definition .or-layout:after{
    font-size: 110px;
  }
  .or-common-definition .or-layout:before{
    content: "“";
    left: 10px;
    top: -75px;
  }
  .or-common-definition .or-layout:after{
    content: "”";
    right: 10px;
    bottom: -120px;
  }
  .or-common-definition .or-layout h2{
    font-size: 22px;
  }
  .or-common-definition .or-layout p{
    font-size: 17px;
    text-align: left;
  }
}

/* 書籍紹介 */

.or-common-book{
  margin-bottom: 60px;
}
.or-common-book .or-inner{
  background: #f7f7f7;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 40px 5%;
  display: flex;
  justify-content: space-between;
}
.or-common-book .or-inner .or-text-area{
  width: calc(100% - 200px - 10%);
}
.or-common-book .or-inner .or-text-area h2{
  margin-bottom: 30px;
}
.or-common-book .or-inner .or-text-area p{
  font-size: 18px;
  margin-bottom: 30px;
}
.or-common-book .or-inner figure{
  width: 200px;
}
@media screen and (max-width: 1023px){
  .or-common-book .or-inner .or-text-area{
    width: calc(100% - 170px - 10%);
  }
  .or-common-book .or-inner figure{
    width: 170px;
  }
}
@media screen and (max-width: 834px){
  .or-common-book .or-inner .or-text-area h2{
    font-size: 24px;
  }
}
@media screen and (max-width: 480px){
  .or-common-book .or-inner{
    display: blokc;
  }
  .or-common-book .or-inner .or-text-area{
    text-align: center;
    width: 100%;
  }
  .or-common-book .or-inner .or-text-area h2{
    font-size: 24px;
    margin-bottom: 40px;
  }
  .or-common-book .or-inner .or-text-area p{
    font-size: 17px;
    text-align: left;
  }
  .or-common-book .or-inner figure{
    margin: 0 auto 30px;
    width: 45%;
  }
}

/* ページャー */

.or-common-pager{
  margin: 50px 0 80px;
  text-align: center;
}
.or-common-pager ul{
  list-style: none;
  margin: 0;
  padding: 0; 
  display: flex;
  justify-content: center;
}
.or-common-pager ul li{
  margin: 0 5px;
  padding: 0;
}
.or-common-pager ul li a{
  border: 1px solid #E94709;
  border-radius: 5px;
  box-sizing: border-box;
  color: #E94709;
  display: block;
  font-size: 17px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  text-decoration: none;
  transition: .5s;
  width: 50px;
}
.or-common-pager ul li.current a{
  background-color: #E94709;
  border: 1px solid #E94709;
  color: #fff;
}
.or-common-pager ul li a:hover{
  background-color: #E94709;
  border: 1px solid #E94709;
  color: #fff;
  opacity: 1;
}
@media screen and (max-width:834px) {
  .or-common-pager{
    margin-bottom: 60px;
  }
  .or-common-pager ul li{
    margin: 0 10px;
  }
  .or-common-pager ul li a{
    height: 40px;
    line-height: 40px;
    width: 40px;
  } 
}

/* ページ下部CTA */

.or-common-cta .or-main-cta{
  margin-bottom: 60px;
  display: flex;
}
.or-common-cta .or-main-cta .or-mail-magazine-area,
.or-common-cta .or-main-cta .or-sns-area{
  box-sizing: border-box;
  color: #fff;
  padding: 60px 1em;
  text-align: center;
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.or-common-cta .or-main-cta div.or-mail-magazine-area{
  background: #E94709;
}
.or-common-cta .or-main-cta div.or-sns-area{
  background: #727171;
}
.or-common-cta .or-main-cta div .or-title{
  border: 1px solid #fff;
  border-radius: 30px;
  box-sizing: border-box;
  font-size: 16px;
  margin-bottom: 50px;
  padding: 10px 1em;
  width: 85%;
}
.or-common-cta .or-main-cta h2{
  font-size: 24px;
  line-height: 1.6em;
  margin-bottom: 35px;
}
.or-common-cta .or-main-cta .or-icon{
  margin: 0 auto 20px;
  width: 140px;
}
.or-common-cta .or-main-cta .or-icon img{
  width: 100%;
}
.or-common-cta .or-main-cta .or-p-normal{
  margin-bottom: 30px;
}
.or-common-cta .or-main-cta a.or-btn.or-btn-normal{
  font-size: 22px;
  margin-top: 20px;
  padding: 30px 50px 30px .5em;
  width: 85%;
}
.or-common-cta .or-main-cta a.or-btn.or-btn-normal:before{
  font-size: 26px;
  right: 15px;
}
.or-common-cta .or-main-cta .or-sns-area ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}
.or-common-cta .or-main-cta .or-sns-area ul li{
  margin: 0 30px 0 0;
  width: 60px;
}
.or-common-cta .or-main-cta .or-sns-area ul li:nth-last-of-type(1){
  margin-right: 0;
}
.or-common-cta .or-main-cta .or-sns-area ul li img{
  transition: .3s;
  width: 100%;
}
.or-common-cta .or-main-cta .or-sns-area ul li img:hover{
  opacity: .7;
}
@media screen and (max-width: 1023px){
  .or-common-cta .or-main-cta a.or-btn.or-btn-normal{
    font-size: 21px;
    width: 100%;
  }
}
@media screen and (max-width: 834px){
  .or-common-cta .or-main-cta{
    display: block;
  }
  .or-common-cta .or-main-cta .or-mail-magazine-area,
  .or-common-cta .or-main-cta .or-sns-area{
    padding: 60px 10%;
    width: 100%;
  }
  .or-common-cta .or-main-cta a.or-btn.or-btn-normal{
    margin-top: 0;
  }
}
@media screen and (max-width: 480px){
  .or-common-cta .or-main-cta .or-mail-magazine-area,
  .or-common-cta .or-main-cta .or-sns-area{
    padding-left: 3%;
    padding-right: 3%;
  }
  .or-common-cta .or-main-cta div .or-title{
    width: 100%;
  }
  .or-common-cta .or-main-cta .or-icon{
    width: 100px;
  }
  .or-common-cta .or-main-cta .or-p-normal{
    text-align: left;
  }
  .or-common-cta .or-main-cta a.or-btn.or-btn-normal{
    font-size: 18px;
  }
}

/* 対談企画 */

.or-common-conversation{
  margin-bottom: 120px;
  text-align: center;
}
.or-common-conversation h2{
  font-size: 24px;
  margin-bottom: 30px;
}
.or-common-conversation picture{
  display: block;
  margin: 0 auto 20px;
  width: 70%;
}
.or-common-conversation picture img{
  border-radius: 10px;
}
.or-common-conversation picture a{
  transition: .3s;
}
.or-common-conversation picture a:hover{
  opacity: .7;
}
.or-common-conversation p{
  font-size: 16px;
}
@media screen and (max-width:834px) {
  .or-common-conversation{
    margin-bottom: 80px;
  }
  .or-common-conversation picture{
    width: 100%;
  }
  .or-common-conversation p{
    text-align: left;
  }
}

/* お問い合わせ */

.or-common-contact{
  margin-bottom: 80px;
  text-align: center;
}
.or-common-contact p{
  font-size: 17px;
  margin-bottom: 40px;
  text-align: center;
}
@media screen and (max-width:834px) {
  .or-common-contact p{
    text-align: left;
  }
}

/************************************
** フッター
************************************/

.footer {
  margin-top: 0;
  padding: 0;
}
.footer-in.wrap{
  max-width: 1100px;
  width: auto;
}
.footer-bottom{
  padding: 0;
}
.footer-bottom-content{
  background: #F7F7F7;
  float: none;
  padding: 50px 30px;
}
.navi-footer-in > .menu-footer{
  margin: 0 auto 30px;
  max-width: 1100px;
  justify-content: flex-start;
}
.navi-footer-in > .menu-footer li{
  border-bottom: 1px solid #ccc;
  border-left: none;
  margin-bottom: 15px;
  padding-bottom: 10px;
  text-align: left;
}
.navi-footer-in a{
  color: #727171;
  font-size: 16px;
  font-weight: 600;
}
.navi-footer-in > .menu-footer li:last-child{
  border-right: none;
}
.footer-bottom.fnm-text-width .menu-footer li{
  margin-right: 5%;
  width: calc((100% - 10%) / 3);
}
.footer-bottom.fnm-text-width .menu-footer li:nth-of-type(3n){
  margin-right: 0;
}
.footer-bottom.fnm-text-width .menu-footer li a{
  padding: 0;
  position: relative;
}
.footer-bottom.fnm-text-width .menu-footer li a:hover{
  color: #E94709;
}
.footer-bottom.fnm-text-width .menu-footer li a:before{
  content: "\f0a9";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-size: 1.2rem;
  font-weight: bold;
  transform: translateY(-50%);
  position :absolute;
  right: 0;
  top: 50%;
}
.footer-bottom .footer-sns-cta{
  margin: 0 auto;
  max-width: 1100px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.footer-bottom .footer-sns-cta ul.sns{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.footer-bottom .footer-sns-cta ul.sns li{
  margin-right: 20px;
}
.footer-bottom .footer-sns-cta ul.sns li:nth-last-of-type(1){
  margin-right: 40px;
}
.footer-bottom .footer-sns-cta ul.sns li a:hover{
  opacity: .7;
}
.footer-bottom .footer-sns-cta ul.sns li a img{
  width: 40px;
}
.footer-bottom .footer-sns-cta ul.cta{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.footer-bottom .footer-sns-cta ul.cta li a{
  background: #E94709 url(/wp-content/uploads/2023/07/icon-mail-magazine-wh.png) no-repeat left 70px center / cover;
  background-size: 24px;
  border: 1px solid #E94709;
  border-radius: 5px;
  box-shadow: 0px 5px 8px -4px rgba(0,0,0,0.5);
  box-sizing: border-box;
  color: #fff;
  display: block;
  height: 70px;
  font-size: 18px;
  font-weight: 500;
  line-height: 70px;
  padding: 0 70px 0 105px;
  text-decoration: none;
}
.footer-bottom .footer-sns-cta ul.cta li a:hover{
  background: #fff url(/wp-content/uploads/2023/07/icon-mail-magazine-or.png) no-repeat left 70px center / cover;
  background-size: 24px;
  color: #E94709;
}
.footer-bottom .footer-copyarea{
  background: #727171;
  color: #fff;
  padding: 30px 1em;
}
.footer-bottom .footer-copyarea-in{
  margin: 0 auto;
  max-width: 1100px;
  display: flex;
  justify-content: space-between;
}
.footer-bottom .footer-copyarea-in ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.footer-bottom .footer-copyarea-in ul li{
  border-right: 1px solid #fff;
  font-size: 14px;
  line-height: 1;
  margin-right: 1em;
  padding-right: 1em;
}
.footer-bottom .footer-copyarea-in ul li:nth-last-of-type(1){
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
.footer-bottom .footer-copyarea-in ul li a{
  color: #fff;
  text-decoration: none;
}
.footer-bottom .footer-copyarea-in ul li a:hover{
  color: #E94709;
}
.copyright{
  line-height: 1em;
  margin-top: 0;
}
@media screen and (max-width: 1023px){
  .footer{
    background: #F7F7F7;
    margin-top: 0;
    padding: 0;
  }
  .footer-bottom-content{
    background: #F7F7F7;
    float: none;
    padding: 50px 30px;
  }
  .footer-bottom{
    margin-top: 0;
    padding: 0;
  }
  .navi-footer-in > .menu-footer{
    margin: 0 auto 30px;
    justify-content: space-between;
  }
  .navi-footer-in > .menu-footer li{
    border-bottom: 1px solid #ccc;
    border-left: none;
    margin-bottom: 15px;
    padding-bottom: 10px;
    text-align: left;
  }
  .navi-footer-in a{
    color: #727171;
    font-size: 16px;
    font-weight: 600;
  }
  .navi-footer-in > .menu-footer li:last-child{
    border-right: none;
  }
  .footer-bottom.fnm-text-width .menu-footer li{
    width: calc((100% - 10%) / 3);
  }
  .footer-bottom.fnm-text-width .menu-footer li a{
    padding: 0;
    position: relative;
  }
  .footer-bottom.fnm-text-width .menu-footer li a:hover{
    color: #E94709;
  }
  .footer-bottom.fnm-text-width .menu-footer li a:before{
    content: "\f0a9";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 1.2rem;
    font-weight: bold;
    transform: translateY(-50%);
    position :absolute;
    right: 0;
    top: 50%;
  }
  .footer-bottom .footer-sns-cta{
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .footer-bottom .footer-sns-cta ul.sns{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
  }
  .footer-bottom .footer-sns-cta ul.sns li{
    margin-right: 20px;
  }
  .footer-bottom .footer-sns-cta ul.sns li:nth-last-of-type(1){
    margin-right: 40px;
  }
  .footer-bottom .footer-sns-cta ul.sns li a:hover{
    opacity: .7;
  }
  .footer-bottom .footer-sns-cta ul.sns li a img{
    width: 40px;
  }
  .footer-bottom .footer-sns-cta ul.cta{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
  }
  .footer-bottom .footer-sns-cta ul.cta li a{
    background: #E94709 url(/wp-content/uploads/2023/07/icon-mail-magazine-wh.png) no-repeat left 70px center / cover;
    background-size: 24px;
    border: 1px solid #E94709;
    border-radius: 5px;
    box-shadow: 0px 5px 8px -4px rgba(0,0,0,0.5);
    box-sizing: border-box;
    color: #fff;
    display: block;
    height: 70px;
    font-size: 18px;
    font-weight: 500;
    line-height: 70px;
    padding: 0 70px 0 105px;
    text-decoration: none;
  }
  .footer-bottom .footer-sns-cta ul.cta li a:hover{
    background: #fff url(/wp-content/uploads/2023/07/icon-mail-magazine-or.png) no-repeat left 70px center / cover;
    background-size: 24px;
    color: #E94709;
  }
  .footer-bottom .footer-copyarea{
    background: #727171;
    color: #fff;
    padding: 30px;
  }
  .footer-bottom .footer-copyarea-in{
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  .footer-bottom .footer-copyarea-in ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
  }
  .footer-bottom .footer-copyarea-in ul li{
    border-right: 1px solid #fff;
    font-size: 14px;
    line-height: 1;
    margin-right: 1em;
    padding-right: 1em;
  }
  .footer-bottom .footer-copyarea-in ul li:nth-last-of-type(1){
    border-right: none;
    margin-right: 0;
    padding-right: 0;
  }
  .footer-bottom .footer-copyarea-in ul li a{
    color: #fff;
    text-decoration: none;
  }
  .footer-bottom .footer-copyarea-in ul li a:hover{
    color: #E94709;
  }
  .copyright{
    line-height: 1em;
    margin-top: 0;
    width: auto;
  }
}
@media screen and (max-width: 834px){
  .footer-bottom.fnm-text-width .menu-footer li{
    width: calc((100% - 5%) / 2);
  }
  .navi-footer-in > .menu-footer li.menu-item {
    border-bottom: 1px solid #ccc;
    display: block;
    flex: none;
    margin: 0 0 15px;
    padding-bottom: 10px;
    text-align: left;
  }
  .footer-bottom .footer-sns-cta{
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  .footer-bottom .footer-sns-cta ul.sns{
    margin-bottom: 30px;
    justify-content: center;
  }
  .footer-bottom .footer-sns-cta ul.sns li{
    margin-right: 10%;
  }
  .footer-bottom .footer-sns-cta ul.sns li:nth-last-of-type(1){
    margin-right: 0;
  }
  .footer-bottom .footer-sns-cta ul.cta{
    justify-content: center;
  }
  .footer-bottom .footer-copyarea{
    padding-left: 15px;
    padding-right: 15px;
  }
  .footer-bottom .footer-copyarea-in{
    display: block;
    text-align: center;
  }
  .footer-bottom .footer-copyarea-in ul{
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
  }
  .copyright{
    text-align: center;
  }
}
@media screen and (max-width: 480px){
  .footer-bottom.fnm-text-width .menu-footer li{
    width: 100%;
  }
  .footer-bottom-content{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
  }
  .navi-footer-in > .menu-footer li{
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .navi-footer-in > .menu-footer li.menu-item {
    margin-bottom: 0;
    padding: 20px 0;
    text-align: left;
  }
  .footer-bottom .footer-sns-cta ul.cta{
    display: block;
    width: 100%;
  }
  .footer-bottom .footer-sns-cta ul.cta li a{
    background: #E94709 url(/wp-content/uploads/2023/07/icon-mail-magazine-wh.png) no-repeat left 50px center / cover;
    background-size: 18px;
    height: 70px;
    font-size: 18px;
    line-height: 70px;
    padding: 0 1em;
    width: 100%;
  }
  .footer-bottom .footer-sns-cta ul.cta li a:hover{
    background: #fff url(/wp-content/uploads/2023/07/icon-mail-magazine-or.png) no-repeat left 50px center / cover;
    background-size: 24px;
  }
  .copyright{
    font-size: 12px;
  }
}

/************************************
** 下部メニュー
************************************/

@media screen and (max-width: 1023px){
  body.column1 .sidebar-menu-button.menu-button,
  body.post-type-archive-voice .sidebar-menu-button.menu-button,
  body.single-voice .sidebar-menu-button.menu-button,
  body.tax-voice_cat .sidebar-menu-button.menu-button,
  body.blog .sidebar-menu-button.menu-button,
  body.single-post .sidebar-menu-button.menu-button,
  body.archive.category .sidebar-menu-button.menu-button,
  body.post-type-archive-news .sidebar-menu-button.menu-button,
  body.single-news .sidebar-menu-button.menu-button{
    display: none;
  }
}

/************************************
** トップページ
************************************/

h2.or-h2-common.top{
  margin-bottom: 50px;
}
h2.or-h2-common.top span.en{
  color: #E94709;
  display: block;
  font-size: 20px;
  font-weight: 500;
  line-height: 1em;
  margin-top: 15px;
}
h2.or-h2-common.top span.description{
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8em;
  margin-top: 40px;
}
.article p.or-h2-under-copy{
  font-size: 16px;
  line-height: 1.4em;
  margin-bottom: 50px;
  text-align: center;
}
.or-common-top-list-btn{
  margin-top: 55px;
  text-align: center;
}
@media screen and (max-width: 834px){
  h2.or-h2-common.top  span.en{
    font-size: 14px;
    margin-top: 10px;
  }
  h2.or-h2-common.top span.description{
    margin-top: 30px;
    text-align: left;
  }
  .article p.or-h2-under-copy{
    line-height: 1.6em;
    margin-bottom: 40px;
    text-align: left;
  }
  .or-common-top-list-btn{
    margin-top: 40px;
  }
}

.or-mainimg-top{
  background: #f7f7f7;
  margin-bottom: 200px;
}
.or-mainimg-top .or-layout{
  background: url(/wp-content/uploads/2023/07/bg-mainimg-top.png) no-repeat right top 90px;
  background-size: 360px;
  padding-bottom: 120px;
}
.or-mainimg-mainarea{
  display: flex;
  justify-content: space-between;
}
.or-mainimg-top-contents-area{
  margin-top: 50px;
  order: 1;
}
.or-business-year{
  border: 2px solid #00A7E1;
  border-radius: 5px;
  color: #00A7E1;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  line-height: 1em;
  margin-bottom: 10px;
  padding: 7px 15px;
}
.or-business-year span{
  font-size: 30px;
}
.article p.or-mainimg-top-copy{
  font-size: 28px;
  font-weight: 700;
  line-height: 2.2em;
  margin-bottom: 20px;
}
.or-mainimg-top-copy span{
  font-size: 54px;
}
.or-mainimg-top-contents-img{
  margin-top: 120px;
  width: 460px;
  order: 2;
}
@media screen and (max-width: 940px){
  .or-mainimg-top-contents-area{
    width: 400px;
  }
  .or-mainimg-top-contents-img{
    margin-top: 120px;
    width: calc((100% - 400px - 5%));
  }
}
.or-mainimg-number-area{
  width: 100%;
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  transform: translateY(60%);
}
.or-mainimg-number{
  background: #F5FCFD;
  border: 4px solid #fff;
  border-radius: 5px;
  box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.2);
  box-sizing: border-box;
  margin-right: 40px;
  padding-bottom: 10px;
  text-align: center;
  width: 450px;
}
.or-mainimg-number:nth-last-of-type(1){
  margin-right: 0;
}
.or-mainimg-number h2{
  background: #00A7E1;
  border-radius: 5px 5px 0 0;
  color: #fff;
  font-size: 20px;
  line-height: 1em;
  margin-bottom: 10px;
  padding: 20px .5em;
}
.article p.or-mainimg-number-title{
  font-size: 24px;
  font-weight: 600;
  line-height: 1em;
  margin-bottom: 10px;
}
.or-mainimg-number-title span{
  color: #00A7E1;
  font-size: 70px;
  font-weight: 600;
  line-height: 1em;
}
.or-mainimg-number-attention{
  font-size: 16px;
  line-height: 1em;
}
@media screen and (max-width: 834px){
  .or-mainimg-top{
    background: transparent;
    margin-bottom: 0;
  }
  .or-mainimg-top .or-layout{
    background: none;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .or-mainimg-mainarea{
    background: #f7f7f7 url(/wp-content/uploads/2023/07/bg-mainimg-top.png) no-repeat left 3% top 80px;
    background-size: 110px;
    display: block;
    padding-bottom: 30px;
  }
  .or-mainimg-top-contents-img{
    margin-left: 35%;
    margin-top: 0;
    padding-top: 20px;
    width: 65%;
  }
  .or-mainimg-top-contents-area{
    margin: -45px 15px 0;
  }
  .or-business-year{
    background: #fff;
    border: 2px solid #00A7E1;
    font-size: 14px;
    line-height: 1em;
    margin-bottom: 10px;
    padding: 7px 15px;
  }
  .or-business-year span{
    font-size: 24px;
  }
  .article p.or-mainimg-top-copy{
    font-size: 22px;
    line-height: 2.0em;
    margin-bottom: 0;
  }
  .or-mainimg-top-copy span{
    font-size: 40px;
  }
  .or-mainimg-number-area{
    display: block;
    margin-bottom: 100px;
    margin-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
    position: static;
    transform: translateY(0);
  }
  .or-mainimg-number{
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
  }
  .or-mainimg-number:nth-last-of-type(1){
    margin-bottom: 0;
  }
  .or-mainimg-number h2{
    font-size: 18px;
    padding: 15px .5em;
  }
  .article p.or-mainimg-number-title{
    font-size: 18px;
  }
  .or-mainimg-number-title span{
    font-size: 50px;
    font-weight: 600;
    line-height: 1em;
  }
  .or-mainimg-number-attention{
    font-size: 14px;
    line-height: 1em;
  }
}

.or-block-top-feature{
  margin-bottom: 100px;
}
.or-block-top-feature-area{
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
}
.or-top-feature{
  background: #F7F7F7;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 50px 1em 30px;
  position: relative;
  width: calc((100% - 6%) / 3);
}
.or-top-feature-number{
  color: #00A7E1;
  font-size: 70px;
  font-weight: 900;
  line-height: 1em;
  position: absolute;
  left: 30px;
  top: -35px;
}
.or-top-feature-icon{
  background: #F4E4DE;
  border-radius: 50%;
  box-sizing: border-box;
  height: 140px;
  margin: 0 auto 30px;
  width: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.or-top-feature-icon img{
  width: 78px;
}
.or-top-feature p{
  font-size: 18px;
  line-height: 2em;
  margin-bottom: 0;
}
@media screen and (max-width: 834px){
  .or-block-top-feature{
    margin-bottom: 0;
  }
  .or-block-top-feature-area{
    display: block;
    margin-top: 0;
  }
  .or-top-feature{
    margin-bottom: 50px;
    padding: 40px 5% 30px;
    position: relative;
    width: 100%;
  }
  .or-top-feature-number{
    font-size: 50px;
    left: 15px;
    top: -25px;
  }
  .or-top-feature-icon{
    height: 110px;
    width: 110px;
  }
  .or-top-feature-icon img{
    width: 52px;
  }
  .or-top-feature p{
    font-size: 17px;
  }
}

.or-block-top-conversation{
  margin-bottom: 100px;
}
.or-block-top-conversation picture{
  display: block;
  margin: 0 auto;
  width: 85%;
}
.or-block-top-conversation picture img{
  border-radius: 10px 10px 0 0;
  width: 100%;
}
.or-block-top-conversation .or-conversation-detail{
  background: #F7F7F7;
  border-radius: 0 0 10px 10px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 2.0em;
  margin: 0 auto;
  padding: 30px 4%;
  width: 85%;
}
@media screen and (max-width:834px) { 
  .or-block-top-conversation picture{
    width: 100%;
  }
  .or-block-top-conversation .or-conversation-detail{
    width: 100%;
  }
}

.or-block-top-service{
  background: #E94709;
  padding: 80px 0;
}
.or-block-top-service h2.or-h2-common,
.or-block-top-service h2.or-h2-common span.en,
.or-block-top-service .or-h2-under-copy{
  color: #fff;
}
.or-block-top-service h2.or-h2-common:before{
  background: url(/wp-content/uploads/2023/07/icon-h2-wh.png) no-repeat;
  background-size: contain;
}
.or-block-top-service-area{
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
}
.or-block-top-service-area:nth-last-of-type(1){
  margin-bottom: 0;
  margin-top: 0;
}
.or-block-service{
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.2);
  margin-right: 3%;
  padding: 30px 2%;
  width: calc((100% - 3%) / 2);
}
.or-block-service:nth-last-of-type(1){
  margin-right: 0;
}
.or-block-service figure{
  margin-bottom: 20px;
  width: 100%;
}
.or-block-service a.or-btn{
  background: #F4E4DE;
  border: 1px solid #F4E4DE;
  color: #E94709;
  margin-bottom: 20px;
  padding-left: 25px;
  padding-right: 25px;
  width: 100%;
}
.or-block-service a.or-btn:before{
  right: 20px;
  top: 50%;
}
.or-block-service a.or-btn:hover{
  background: #E94709;
  border: 1px solid #E94709;
  color: #fff;
}
.or-block-service span.uncompleted{
  background: #F4E4DE;
  border: 1px solid #F4E4DE;
  border-radius: 5px;
  box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.2);
  box-sizing: border-box;
  color: #E94709;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 20px;
  padding: 20px 25px;
  text-decoration: none;
  position: relative;
  text-align: center;
  transition: .3s;
  width: 100%;
}
.or-block-service a.or-btn h3,
.or-block-service span.uncompleted h3{
  font-size: 24px;
}
.or-block-service span.uncompleted h3 span{
  font-size: 15px;
}
.or-block-service .half{
  display: flex;
}
.or-block-service .half a.or-btn{
  min-height: 72px;
  margin-right: 3%;
  padding: 22px 25px 22px 15px;
  width: calc((100% - 3%) / 2);
}
.or-block-service .half a.or-btn:nth-last-of-type(1){
  margin-right: 0;
}
.or-block-service .half a.or-btn:before{
  right: 5px;
}
.or-block-service .half a.or-btn h3{
  font-size: 18px;
}
.or-block-service p{
  font-size: 16px;
  line-height: 2em;
  margin: 0 10px;
}
@media screen and (max-width: 834px){
  .or-block-top-service{
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .or-block-top-service-area{
    display: block;
    margin-bottom: 0;
  }
  .or-block-service{
    margin-bottom: 20px;
    margin-right: 0;
    padding: 30px 5%;
    width: 100%;
  }
  .or-block-service a.or-btn{
    padding-bottom: 18px;
    padding-top: 18px;
  }
  .or-block-service a.or-btn h3{
    font-size: 20px;
  }
  .or-block-service .half{
    display: block;
  }
  .or-block-service .half a.or-btn{
    min-height: auto;
    margin-right: 0;
    padding: 18px 25px 18px 25px;
    width: 100%;
  }
  .or-block-service .half a.or-btn:before{
    right: 20px;
  }
  .or-block-service .half a.or-btn h3{
    font-size: 20px;
  }
}

.or-block-top-voice{
  background: #f7f7f7;
  padding: 80px 0;
}
.or-block-common-voice-list{
  background: #fff;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 30px;
  display: flex;
  justify-content: space-between;
}
.or-block-common-voice-list figure{
  background: no-repeat center center / cover;
  border-radius: 5px;
  height: 200px;
  width: 200px;
}
.or-voice-list-content{
  width: calc(100% - 200px - 50px);
}
.or-voice-list-cate{
  background: #00A7E1;
  border: 1px solid #00A7E1;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight:500;
  line-height: 1em;
  margin: 0 15px 15px 0;
  padding: 6px 10px;
  text-decoration: none;
}
.or-voice-list-cate:hover{
  background: #fff;
  color: #00A7E1;
}
.or-block-common-voice-list h3{
  font-size: 24px;
  line-height: 1.4em;
  margin-bottom: 30px;
}
.or-block-common-voice-list h4{
  font-size: 16px;
  line-height: 1.4em;
  font-weight: 400;
  margin-bottom: 20px;
}
.or-block-common-voice-list h4 span{
  margin-right: 1em;
}
.or-block-common-voice-list h4 span:nth-last-of-type(1){
  margin-right: 0;
}
.or-voice-list-btn{
  text-align: right;
}
.or-voice-list-btn a{
  width: 260px;
}
@media screen and (max-width: 834px){
  .or-block-top-voice{
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .or-block-common-voice-list{
    margin-bottom: 20px;
    padding: 20px;
    display: block;
  }
  .or-block-common-voice-list figure{
    background: no-repeat center center / cover;
    margin: 0 auto 20px;
    padding-top: 80%;
    width: 80%;
  }
  .or-voice-list-content{
    width: 100%;
  }
  .or-voice-list-cate{
    font-size: 13px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
  }
  .or-block-common-voice-list h3{
    font-size: 20px;
    margin-bottom: 20px;
  }
  .or-block-common-voice-list h4{
    font-size: 15px;
    margin-bottom: 30px;
  }
  .or-block-common-voice-list h4 .or-voice-list-company{
    display: block;
    margin-bottom: 5px;
  }
  .or-voice-list-btn a{
    width: 100%;
  }
}

.or-block-top-case{
  padding: 80px 0;
}
.or-block-common-case{
  border: 1px solid #dcdddd;
  border-radius: 5px;
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 20px;
}
.or-block-case{
  display: flex;
  justify-content: space-between;
}
.or-case-title{
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1em;
  padding: 10px 0;
  text-align: center;
  width: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.or-block-case.issue .or-case-title{
  background: #727171;
}
.or-block-case.results .or-case-title{
  background: #F07E53;
}
ul.or-case-contents{
  background: #F7F7F7;
  border-radius: 5px;
  margin: 0;
  padding: 20px 1em 20px 2em;
  width: calc(100% - 140px - 10px);
}
ul.or-case-contents li{
  font-size: 16px;
  line-height: 1.8em;
  margin-bottom: 10px;
}
ul.or-case-contents li:nth-last-of-type(1){
  margin-bottom: 0;
}
.or-block-case-arrow{
  height: 50px;
  position: relative;
  width: 100%;
}
.or-block-case-arrow:after{
  background: url(/wp-content/uploads/2023/07/icon-arrow-bl.png) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  width: 40px;
  transform: translatex(-50%);
  position :absolute;
  left: 50%;
  top: 15px;
}
@media screen and (max-width: 834px){
  .or-block-top-case{
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .or-block-case{
    display: block;
  }
  .or-block-common-case{
    margin-bottom: 40px;
    padding: 10px;
  }
  .or-case-title{
    border-radius: 5px 5px 0 0;
    font-size: 17px;
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: center;
    width: 100%;
    display: block;
  }
  ul.or-case-contents{
    border-radius: 0 0 5px 5px;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
  }
  .or-block-case-arrow{
    height: 30px;
  }
  .or-block-case-arrow:after{
    top: 5px;
  }
}

.or-block-top-youtube{
  background: url(/wp-content/uploads/2023/07/bg-top-youtube-scaled.jpg) no-repeat center center / cover;
  padding: 80px 0;
}
.or-block-top-youtube ul{
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.or-block-top-youtube ul li{
  margin-bottom: 40px;
  margin-right: 40px;
  width: calc((100% - 80px) / 3);
}
.or-block-top-youtube ul li:nth-of-type(3n){
  margin-right: 0;
}
.or-block-top-youtube ul li iframe{
  aspect-ratio: 16/9;
  height: 100%;
  width: 100%;
}
.or-top-youtube-profile{
  background: #fff;
  border: 1px solid #dcdddd;
  border-radius: 5px;
  box-sizing: border-box;
  margin: 0 auto 40px;
  padding: 20px;
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.or-top-youtube-profile figure{
  margin-right: 60px;
  width: 140px;
}
.or-top-youtube-text{
  font-size: 16px;
  font-weight: 600;
  line-height: 1.8em;
  width: 31em;
}
.or-youtube-btn-center{
  text-align: center;
}
.or-youtube-btn-center a{
  border-radius: 30px;
}
.or-youtube-btn-center a:before{
  background: url(/wp-content/uploads/2023/07/icon-link-site-wh.png) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  font-size: 0;
  height: 22px;
  width: 22px;
  transform: translateY(-50%);
  position :absolute;
  right: 10px;
  top: 50%;
}
.or-youtube-btn-center a:hover:before{
  background: url(/wp-content/uploads/2023/07/icon-link-site-or.png) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 834px){
  .or-block-top-youtube{
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .or-block-top-youtube ul li{
    margin-bottom: 20px;
    margin-right: 5%;
    width: calc((100% - 5%) / 2);
  }
  .or-block-top-youtube ul li:nth-of-type(3n){
    margin-right: 5%;
  }
  .or-block-top-youtube ul li:nth-of-type(2n){
    margin-right: 0;
  }
  .or-top-youtube-profile{
    margin: 0 auto 40px;
    padding: 20px;
    width: 100%;
    display: block;
  }
  .or-top-youtube-profile figure{
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 35%;
  }
  .or-top-youtube-text{
    font-size: 16px;
    line-height: 1.8em;
    width: 100%;
  }
}

.or-block-top-company{
  padding: 80px 0;
}
.article .or-block-top-company p.or-h2-under-copy{
  line-height: 2.4em;
}
.or-company-btn-center{
  margin-bottom: 50px;
  text-align: center;
}
.or-company-btn-bottom{
  display: flex;
  justify-content: space-between;
}
.or-company-btn-bottom a{
  background: #F7F7F7;
  border: 1px solid #F7F7F7;
  color: #E94709;
  font-size: 18px;
  padding-bottom: 25px;
  padding-top: 25px;
  width: calc((100% - 40px) / 2);
}
@media screen and (max-width: 834px){
  .or-block-top-company{
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .article .or-block-top-company p.or-h2-under-copy{
    line-height: 2em;
  }
  .or-company-btn-center{
    margin-bottom: 30px;
  }
  .or-company-btn-bottom{
    display: block;
  }
  .or-company-btn-bottom a{
    font-size: 16px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
  }
  .or-company-btn-bottom a:nth-last-of-type(1){
    margin-bottom: 0;
  }
}

.or-block-top-blog{
  background: #F7F7F7;
  padding: 80px 0;
}
.or-block-top-blog-column2{
  display: flex;
  justify-content: space-between;
}
.or-top-blog{
  background: #fff;
  border-radius: 5px;
  padding-bottom: 30px;
  width: calc((100% - 40px) / 2);
}
.or-top-blog h3{
  border-radius: 5px 5px 0 0;
  color: #fff;
  font-size: 24px;
  line-height: 1em;
  padding: 25px .5em;
  text-align: center;
}
.or-top-blog.es h3{
  background: #E94709;
}
.or-top-blog.credo h3{
  background: #727171;
}
.or-top-blog ul{
  list-style: none;
  margin: 0 0 30px;
  padding: 0;
}
.or-top-blog ul li a{
  border-bottom: 1px solid #dcdddd;
  color: #333;
  padding: 20px 1em;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
}
.or-top-blog ul li a figure{
  background: no-repeat center center / cover;
  height: 68px;
  width: 120px;
}
.or-top-blog ul li a .or-top-blog-text{
  width: calc(100% - 120px - 20px);
}
.or-top-blog ul li a .or-top-blog-text span{
  color: #727171;
  display: block;
  font-size: 14px;
  line-height: 1em;
  margin-bottom: 8px;
}
.or-top-blog ul li a .or-top-blog-text h4{
  font-size: 16px;
  line-height: 1.6em;
  transition: .3s;
  margin-bottom: 10px;
}
.or-top-blog ul li a:hover .or-top-blog-text h4{
  color: #E94709;
}
.or-top-blog ul li a .or-top-blog-text ul.or-blog-list-tag{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.or-top-blog ul li a .or-top-blog-text ul.or-blog-list-tag li{
  background: #00A7E1;
  color: #fff;
  font-size: 13px;
  line-height: 1em;
  margin-bottom: 5px;
  margin-right: 10px;
  padding: 5px 10px;
}
.or-top-blog ul li a .or-top-blog-text ul.or-blog-list-tag li:nth-last-of-type(1){
  margin-right: 0;
}
.or-blog-btn-center{
  text-align: center;
}
@media screen and (max-width: 834px){
  .or-block-top-blog{
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .or-block-top-blog-column2{
    display: block;
  }
  .or-top-blog{
    margin-bottom: 40px;
    width: 100%;
  }
  .or-top-blog:nth-last-of-type(1){
    margin-bottom: 0;
  }
  .or-top-blog h3{
    font-size: 20px;
    padding: 20px .5em;
  }
  .or-top-blog ul li a .or-top-blog-text ul.or-blog-list-tag li{
    font-size: 12px;
  }
}

.or-block-top-news{
  padding: 80px 0;
}
.or-common-table{
  margin-bottom: 40px;
}
.or-common-table.news th{
  color: #E94709;
  font-weight: 400;
  width: 9em;
}
.or-common-table.news a{
  color: #333;
  text-decoration: none;
}
.or-common-table.news a:hover{
  color: #E94709;
  text-decoration: underline;
}
@media screen and (min-width: 1081px){
  .or-common-table{
    margin-left: auto;
    margin-right: auto;
    width: 900px;
  }
}

/************************************
** 特長ページ
************************************/

.or-h2-common.feature{
  margin-bottom: 100px;
}
.or-block-feature-reason{
  margin-bottom: 80px;
  position: relative;
}
.or-block-feature-reason .or-layout{
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 5px 25px rgba(0,0,0,0.06);
  padding: 50px;
}
.or-block-feature-reason:before{
  background: linear-gradient(180deg, #E94709 0%, #eebe9b 100%);
  border-radius: 0 10px 10px 0;
  content: "";
  display: inline-block;
  height: 80%;
  width: 40%;
  z-index: -1;
  position :absolute;
  left: 0;
  top: -35px;
}
.or-block-feature-reason:nth-of-type(odd):before{
  border-radius: 10px 0 0 10px;
  left: auto;
  right: 0;
}
.or-block-feature-reason .or-reason-number{
  color: #E94709;
  line-height: 1em;
  margin-bottom: 20px;
}
.or-block-feature-reason .or-reason-number .or-reason{
  font-size: 26px;
  font-weight: 500;
}
.or-block-feature-reason .or-reason-number .or-number{
  font-size: 50px;
  font-weight: 500;
}
.or-block-feature-reason h3{
  font-size: 28px;
  line-height: 1.4em;
  margin-bottom: 30px;
}
.or-block-feature-reason p{
  font-size: 17px;
  line-height: 2.0em;
  margin-bottom: 1em;
}
.or-block-feature-reason .btn-area{
  margin-top: 40px;
}
.or-block-feature-reason .btn-area ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.or-block-feature-reason .btn-area ul li{
  margin-right: 30px;
}
.or-block-feature-reason .btn-area ul li:nth-last-of-type(1){
  margin-right: 0;
}
@media screen and (max-width: 834px){
  .or-h2-common.feature{
    margin-bottom: 70px;
  }
  .or-block-feature-reason{
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .or-block-feature-reason .or-layout{
    border-radius: 10px;
    padding: 30px 5%;
  }
  .or-block-feature-reason:before{
    height: 60%;
    width: 60%;
    top: -35px;
  }
  .or-block-feature-reason .or-reason-number .or-reason{
    font-size: 18px;
  }
  .or-block-feature-reason .or-reason-number .or-number{
    font-size: 36px;
  }
  .or-block-feature-reason h3{
    font-size: 22px;
    line-height: 1.6em;
    margin-bottom: 20px;
  }
  .or-block-feature-reason p{
    font-size: 16px;
  }
  .or-block-feature-reason .btn-area ul{
    display: block;
  }
  .or-block-feature-reason .btn-area ul li{
    margin-bottom: 20px;
    margin-right: 0;
  }
  .or-block-feature-reason .btn-area ul li:nth-last-of-type(1){
    margin-bottom: 0;
  }
}

.article ul.or-feature-service{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.article ul.or-feature-service li{
  font-size: 16px;
  line-height: 1.8em;
  margin-bottom: 20px;
  margin-right: 3%;
  width: calc((100% - 6%) / 3);
  display: flex;
}
.article ul.or-feature-service li:nth-of-type(3n){
  margin-right: 0;
}
.article ul.or-feature-service li:nth-last-of-type(1){
  margin-right: 0;
}
.article ul.or-feature-service li a,
.article ul.or-feature-service li span{
  border: 2px solid #fff;
  border-radius: 10px;
  box-shadow: 0 5px 25px rgba(0,0,0,0.06);
  box-sizing: border-box;
  color: #333;
  display: block;
  padding: 30px;
  position: relative;
  text-decoration: none;
  transition: .5s;
}
.article ul.or-feature-service li a h3,
.article ul.or-feature-service li span h3{
  color: #E94709;
  font-size: 20px;
  line-height: 1.4em;
  margin-bottom: 20px;
}
.article ul.or-feature-service li a{
  padding-bottom: 40px;
}
.article ul.or-feature-service li a:after{
  color: #E94709;
  content: "\f0a9";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-size: 18px;
  font-weight: 700;
  transform: translateY(-50%);
  position: absolute;
  right: 30px;
  bottom: 0;
}
.article ul.or-feature-service li a:hover{
  border: 2px solid #E94709;
}
.article ul.or-feature-service li span h3 span{
  border: none;
  border-radius: 0;
  box-shadow: 0 5px 25px rgba(0,0,0,0);
  color: #333;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1em;
  margin-top: 8px;
  padding: 0;
}
@media screen and (max-width: 834px){
  .article ul.or-feature-service li{
    display: block;
    font-size: 15px;
    margin-right: 0;
    width: 100%;
  }
  .article ul.or-feature-service li a,
  .article ul.or-feature-service li span{
    padding: 30px;
  }
  .article ul.or-feature-service li a h3,
  .article ul.or-feature-service li span h3{
    font-size: 19px;
  }
  .article ul.or-feature-service li a{
    padding-bottom: 40px;
  }
}

.or-block-feature-profile{
  background: #F7F7F7;
  border-radius: 10px;
  padding: 50px;
  text-align: center;
}
.or-block-feature-profile h2{
  font-size: 30px;
  margin-bottom: 25px;
}
.or-block-feature-profile p{
  font-size: 17px;
  line-height: 2.0em;
}
.or-block-feature-profile .btn-area{
  margin-top: 40px;
}
@media screen and (max-width: 834px){
  .or-block-feature-profile{
    padding: 30px;
  }
  .or-block-feature-profile h2{
    font-size: 22px;
    margin-bottom: 20px;
  }
  .or-block-feature-profile p{
    font-size: 15px;
    text-align: left;
  }
  .or-block-feature-profile .btn-area{
    margin-top: 20px;
  }
}

/************************************
** 各サービス詳細ページ
************************************/

.or-service-lead-area{
  margin-bottom: 150px;
  display: flex;
  justify-content: space-between;
}
.or-service-lead-area p{
  font-size: 18px;
  line-height: 2.2em;
  width: 60%;
}
.or-service-lead-area p span.or-point{
  font-size: 26px;
  font-weight: 600;
}
.or-service-lead-area a.credo:before,
.or-service-lead-area a.es2:before{
  content: "\f0ab";
}
@media screen and (max-width: 834px){
  .or-service-lead-area{
    display: block;
    margin-bottom: 180px;
  }
  .or-service-lead-area p{
    font-size: 17px;
    margin-bottom: 50px;
    width: 100%;
  }
}

.or-block-service-point{
  background: #E94709;
  color: #fff;
  padding: 100px 0;
}
.or-block-service-point h2{
  font-size: 38px;
  margin-bottom: 50px;
}
.or-service-point-contents{
  display: flex;
  justify-content: space-between;
}
.or-service-point-contents figure{
  margin-top: 100px;
  width: 30%;
}
.or-service-point-text-area{
  width: 60%;
}
.or-service-point{
  margin-bottom: 30px;
}
.or-service-point:nth-last-of-type(1){
  margin-bottom: 0;
}
.or-service-point h3{
  font-size: 24px;
  font-weight: 500;
  line-height: 1.6em;
  margin-bottom: 20px;
}
.or-service-point h3 span{
  display: inline-block;
  font-size: 30px;
  font-weight: 700;
  text-indent: -1.9em;
}
.or-service-point p{
  font-size: 16px;
  line-height: 1.8em;
}
@media screen and (max-width: 834px){
  .or-block-service-point{
    padding: 100px 0 60px;
  }
  .or-block-service-point h2{
    font-size: 26px;
    margin-bottom: 50px;
    text-align: center;
  }
  .or-service-point-contents{
    display: block;
  }
  .or-service-point-contents figure{
    margin-top: 0;
    position: absolute;
    right: 10px;
    top: -220px;
    width: 180px;
  }
  .or-service-point-text-area{
    box-sizing: border-box;
    width: 100%;
  }
  .or-service-point{
    margin-bottom: 40px;
  }
  .or-service-point h3{
    font-size: 22px;
  }
  .or-service-point h3 span{
    display: block;
    font-size: 32px;
    margin-bottom: 15px;
    text-align: center;
    text-indent: 0;
  }
}

.or-block-service-common{
  padding: 100px 0;
}
.or-block-service-common:nth-of-type(even){
  background: #f7f7f7;
}
.or-block-service-common.bg-pk{
  background: #FFF8F2;
}
.or-block-service-btn-common{
  margin-top: 50px;
  text-align: center;
}
.block-service-issue{
  background: #fff;
  border: 1px solid #dcdddd;
  border-radius: 5px;
  margin-bottom: 40px;
  padding: 20px;
}
.block-service-issue:nth-last-of-type(1){
  margin-bottom: 0;
}
.block-service-issue h3{
  font-size: 20px;
  line-height: 1.4em;
  margin-bottom: 20px;
  padding-top: 5px;
}
.block-service-issue ul{
  background: #f7f7f7;
  border-radius: 5px;
  list-style: none;
  margin: 0;
  padding: 20px 5%;
}
.block-service-issue ul li{
  background: url(/wp-content/uploads/2023/07/icon-check-or.png) no-repeat left top 2px;
  background-size: 24px;
  font-size: 16px;
  line-height: 1.8em;
  margin-bottom: 1em;
  padding-left: 2.5em;
}
.block-service-issue ul li:nth-last-of-type(1){
  margin-bottom: 0;
}
.or-block-common-comparison{
  display: flex;
}
.or-block-common-comparison .or-nothing,
.or-block-common-comparison .or-after{
  width: calc((100% - 100px ) / 2);
  display: flex;
  flex-direction: column;
}
.or-block-common-comparison .or-nothing div,
.or-block-common-comparison .or-after div{
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;
}
.or-block-common-comparison .or-nothing h3,
.or-block-common-comparison .or-after h3{
  border-radius: 10px 10px 0 0;
  color: #fff;
  font-size: 24px;
  line-height: 1.2em;
  padding: 20px 1em;
  text-align: center;
  width: 100%;
}
.or-block-common-comparison .or-nothing h3{
  background: #727171;
}
.or-block-common-comparison .or-after h3{
  background: #F07E53;
}
.or-block-common-comparison ul{
  margin: 0 0 0 1.5em;
  padding: 20px;
}
.or-block-common-comparison ul li{
  font-size: 17px;
  font-weight: bold;
  line-height: 1.8em;
  margin-bottom: 1em;
}
.or-block-common-comparison ul li:nth-last-of-type(1){
  margin-bottom: 0;
}
.or-block-common-comparison .or-arrow{
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.or-block-common-comparison .or-arrow i{
  display: inline-block;
  font-size: 40px;
  color: #f29863;
  margin: 0 2px;
}
.or-block-common-comparison .or-arrow i:nth-of-type(2){
  font-size: 50px;
  color: #e94709;
}
.or-block-service-detail{
  display: flex;
  justify-content: space-between;
}
.or-block-service-common .or-block-service-detail figure.or-illust{
  margin: 0;
  order: 2;
  width: 150px;
}
.or-block-service-common .or-block-service-detail figure.or-illust img{
  width: 100%;
}
.or-block-service-detail .or-text-area{
  width: calc(100% - 150px - 7%);
}
.article p.p-service-detail{
  font-size: 16px;
  line-height: 2.4em;
  margin-bottom: 2em;
}
.article p.p-service-detail:nth-last-of-type(1){
  margin-bottom: 0;
}
.or-block-service-detail .or-text-area h3{
  font-size: 24px;
  line-height: 1.4em;
  margin-bottom: 10px;
}
.or-common-table.service{
  margin-bottom: 20px;
}
.or-common-table.service th{
  width: 8em;
}
.or-common-table.service  th{
  padding-left: 1em;
}
.or-common-table.service  td{
  padding-right: 1em;
}
.or-common-table.service  td span.or-campaign{
  color: #E94709;
  display: block;
  font-weight: 500;
  margin-bottom: .5em;
}
.or-common-table.service  td span.or-cancel{
  text-decoration: line-through;
}
.or-common-table.service  td span.or-point{
  color: #E94709;
  font-size: 20px;
  font-weight: 500;
}
.or-common-table.service  td ul.or-cost-caution{
  list-style: none;
  margin: .5em 0 0;
  padding: 0;
}
.or-common-table.service  td ul.or-cost-caution li{
  font-size: 15px;
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 1em;
  text-indent: -1em;
}
.or-block-service-common figure.detail-image{
  margin: 0 auto 2em;
  width: 80%;
}
.or-block-service-common figure.detail-image img{
  width: 100%;
}
.or-block-service-common ul.or-caution{
  list-style: none;
  margin: 0;
  padding: 0;
}
.or-block-service-common ul.or-caution li{
  font-size: 15px;
  line-height: 1.6em;
  margin-bottom: 10px;
  padding-left: 1em;
  text-indent: -1em;
}
.or-block-service-common ul.or-caution li:nth-last-of-type(1){
  margin-bottom: 0;
}
@media screen and (min-width: 1081px){
  .or-block-service-common ul.or-caution{
    margin-left: auto;
    margin-right: auto;
    width: 900px;
  }
}
@media screen and (max-width: 834px){
  .or-block-service-common{
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .or-block-service-btn-common{
    margin-top: 40px;
  }
  .block-service-issue{
    margin-bottom: 30px;
    padding: 15px 10px 10px;
  }
  .block-service-issue h3{
    font-size: 18px;
    line-height: 1.4em;
    margin-bottom: 15px;
  }
  .block-service-issue ul li{
    background: url(/wp-content/uploads/2023/07/icon-check-or.png) no-repeat left top 4px;
    background-size: 24px;
    padding-left: 2em;
  }
  .or-block-common-comparison{
    display: block;
  }
  .or-block-common-comparison .or-nothing,
  .or-block-common-comparison .or-after{
    display: block;
    width: 100%;
  }
  .or-block-common-comparison .or-nothing h3,
  .or-block-common-comparison .or-after h3{
    font-size: 20px;
    padding-left: .5em;
    padding-right: .5em;
  }
  .or-block-common-comparison .or-arrow{
    display: block;
    margin: 10px 0;
    text-align: center;
    width: 100%;
    transform: rotate(90deg);
  }
  .or-block-common-comparison .or-arrow i{
    display: inline-block;
    font-size: 40px;
    color: #f29863;
    margin: 0 2px;
    vertical-align: middle;
  }
  .or-block-common-comparison .or-arrow i:nth-of-type(2){
    font-size: 50px;
    color: #e94709;
  }
  .or-block-service-detail{
    display: block;
  }
  .or-block-service-common .or-block-service-detail figure.or-illust{
    display: none;
  }
  .or-block-service-detail .or-text-area{
    width: 100%;
  }
  .or-block-service-detail .or-text-area h3{
    font-size: 20px;
  }
  .or-common-table.service th{
    padding-right: 1em;
    width: 7em;
  }
  .or-common-table.service td{
    padding-left: 1em;
  }
  .or-block-service-common figure.detail-image{
    width: 100%;
  }
  .or-block-service-common ul.or-caution{
    width: 100%;
  }
}
@media screen and (max-width: 480px){
  .or-common-table.service th{
    width: 100%;
  }
}

.or-block-es-textbook-pricing{
  border: 1px solid #E94709;
  border-radius: 10px;
  box-sizing: border-box;
  margin: 70px auto 0;
  padding: 30px 5%;
  max-width: 900px;
}
.or-block-es-textbook-pricing p{
  font-size: 16px;
  line-height: 2em;
}
@media screen and (max-width: 480px){
  .or-block-es-textbook-pricing{
    margin-top: 50px;
    max-width: 100%;
  }
}

.or-block-service-profile{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.or-block-service-profile figure{
  margin: 0;
  width: 150px;
  text-align: left;
}
.or-block-service-profile figure img{
  display: block;
  border: 1px solid #dcdddd;
  border-radius: 50%;
}
.or-block-service-profile p{
  font-size: 16px;
  line-height: 2.2em;
  width: calc(100% - 150px - 70px);
}
@media screen and (max-width: 834px){
  .or-block-service-profile{
    display: block;
  }
  .or-block-service-profile figure{
    margin: 0 auto 20px;
    width: 140px;
  }
  .or-block-service-profile p{
    width: 100%;
  }
}

.or-block-service-flow{
  background: #fff;
  border: 1px solid #dcdddd;
  border-radius: 5px;
  padding: 20px 20px 30px;
}
.or-block-service-common:nth-of-type(even) .or-block-service-flow{
  border: none;
}
.or-service-flow-h3-area{
  margin-bottom: 25px;
  padding-top: 10px;
  display: flex;
}
.or-block-service-flow span{
  border-radius: 50%;
  background: #E94709;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  height: 36px;
  line-height: 1em;
  margin-right: .5em;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.or-block-service-flow h3{
  font-size: 20px;
  line-height: 1.4em;
  padding-top: 5px;
}
.or-block-service-flow p{
  background: #f7f7f7;
  border-radius: 5px;
  font-size: 16px;
  line-height: 2.0em;
  padding: 20px 40px;
}
.or-block-service-flow p.or-service-flow-radius-under{
  border-radius: 5px 5px 0 0;
}
.or-block-service-flow p a{
  color: #E94709;
}
.or-block-service-flow p a:hover{
  text-decoration: none;
}
.or-block-service-flow ul{
  background: #f7f7f7;
  border-radius: 5px;
  margin: 0;
  padding: 20px 40px;
}
.or-block-service-flow ul li{
  font-size: 16px;
  line-height: 1.6em;
  margin-bottom: 10px;
  margin-left: 1em;
}
.or-block-service-flow ul li:nth-last-of-type(1){
  margin-bottom: 0;
}
.or-block-service-flow p+ul{
  padding-top: 0;
  border-radius: 0 0 5px 5px;
}
.or-block-service-flow-arrow{
  height: 50px;
  position: relative;
  width: 100%;
}
.or-block-service-flow-arrow:after{
  background: url(/wp-content/uploads/2023/07/icon-arrow-bl.png) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  width: 40px;
  transform: translatex(-50%);
  position :absolute;
  left: 50%;
  top: 15px;
}
@media screen and (max-width: 834px){
  .or-block-service-flow{
    padding-bottom: 20px;
  }
  .or-block-service-flow span{
    font-size: 20px;
    height: 30px;
    width: 30px;
  }
  .or-block-service-flow h3{
    font-size: 18px;
    padding-top: 3px;
  }
  .or-block-service-flow p{
    padding-left: 0;
    padding-right: 0;
  }
  .or-block-service-flow ul li{
    margin-left: 0;
  }
  .or-block-service-flow-arrow{
    height: 30px;
  }
  .or-block-service-flow-arrow:after{
    top: 5px;
  }
}

.article ul.or-service-voice{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.article ul.or-service-voice li{
  margin-right: 5%;
  width: calc((100% - 10%) / 3);
}
.article ul.or-service-voice li:nth-last-of-type(1){
  margin-right: 0;
}
.article ul.or-service-voice li figure{
  background: no-repeat center center / cover;
  border-radius: 5px;
  margin-bottom: 15px;
  padding-top: 65%;
  width: 100%;
}
.article ul.or-service-voice li ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.article ul.or-service-voice li ul li{
  margin: 0 15px 15px 0;
  width: auto;
}
.article ul.or-service-voice li ul li a{
  background: #00A7E1;
  border: 1px solid #00A7E1;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight:500;
  line-height: 1em;
  padding: 6px 10px;
  text-decoration: none;
}
.article ul.or-service-voice li ul li a:hover{
  background: #fff;
  color: #00A7E1;
}
.article ul.or-service-voice h3{
  font-size: 20px;
  line-height: 1.6em;
  margin-bottom: 20px;
}
.article ul.or-service-voice h4{
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6em;
}
.article ul.or-service-voice h4 span{
  margin-right: 1em;
}
.article ul.or-service-voice h4 span:nth-last-of-type(1){
  margin-right: 0;
}
.article ul.or-service-voice h4 span.or-voice-list-company{
  display: block;
}
.article ul.or-service-voice div{
  margin: 30px auto 0;
  width: 80%;
}
.article ul.or-service-voice div a{
  padding-bottom: 12px;
  padding-top: 12px;
  width: 100%;
}
@media screen and (max-width: 834px){
  .article ul.or-service-voice{
    display: block;
  }
  .article ul.or-service-voice li{
    margin-bottom: 50px;
    margin-left: 0;
    width: 100%;
  }
  .article ul.or-service-voice li ul li{
    margin-bottom: 15px;
    width: auto;
  }
  .article ul.or-service-voice h3{
    font-size: 20px;
    margin-bottom: 15px;
  }
  .article ul.or-service-voice div{
    margin: 20px auto 0;
    width: 100%;
  }
  .article ul.or-service-voice div a{
    padding-bottom: 20px;
    padding-top: 20px;
  }
}

.or-block-service-cta{
  background: #E94709;
  color: #fff;
  padding: 80px 0;
  text-align: center;
}
.or-block-service-cta h2{
  font-size: 36px;
  line-height: 1.4em;
  margin-bottom: 30px;
}
.or-block-service-cta div.or-price{
  font-size: 24px;
  line-height: 1.4em;
  margin-bottom: 30px;
  letter-spacing: 1px;
}
.or-block-service-cta div.or-price span.or-campaign{
  display: block;
  font-weight: 700;
  margin-bottom: 20px;
}
.or-block-service-cta div.or-price span.price{
  font-size: 36px;
  font-weight: 700;
  margin-left: ;
}
.or-block-service-cta div.or-price span.price.or-cancel{
  display: inline-block;
  margin-bottom: 20px;
  margin-left: 5px;
  text-decoration: line-through;
}
.or-block-service-cta div.or-price span.tax{
  font-size: 16px;
}
.or-block-service-cta div.or-price span.es-textbook{
  display: block;
  font-size: 18px;
  margin-top: 5px;
}
.or-block-service-cta div.or-price span.tax.es-textbook{
  display: inline-block;
  font-size: 14px;
}
.or-block-service-cta a.or-btn{
  font-size: 22px;
  padding: 30px 56px 30px 45px;
  width: 50%;
}
.or-block-service-cta a.or-btn:before{
  font-size: 24px;
  right: 20px;
}
.or-block-service-cta a.or-link-discount{
  color: #fff;
  display: inline-block;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 40px;
  margin-top: 20px;
}
.or-block-service-cta a.or-btn-normal{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.or-block-service-cta a.or-link-discount:hover{
  text-decoration: none;
}
.or-block-service-cta .or-mailmagazine-guide-area{
  background: #f1875f;
  border-radius: 5px;
  margin-top: 60px;
  padding: 30px 5%;
}
.or-block-service-cta .or-mailmagazine-guide-area p{
  font-size: 16px;
  margin-bottom: 0;
  text-align: left;
}
.or-block-service-cta .or-mailmagazine-guide-area .or-title{
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: center;
}
.or-block-service-cta .or-mailmagazine-guide-area p a{
  color: #fff;
}
.or-block-service-cta .or-mailmagazine-guide-area p a:hover{
  text-decoration: none;
}
@media screen and (max-width: 834px){
  .or-block-service-cta{
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .or-block-service-cta h2{
    font-size: 22px;
    line-height: 1.4em;
  }
  .or-block-service-cta div.or-price{
    font-size: 18px;
  }
  .or-block-service-cta div.or-price span.price{
    font-size: 30px;
  }
  .or-block-service-cta div.or-price.juku{
    font-size: 15px;
  }
  .or-block-service-cta div.or-price.juku span.price{
    font-size: 27px;
  }
  .or-block-service-cta div.or-price span.tax{
    font-size: 13px;
  }
  .or-block-service-cta a.or-btn{
    font-size: 18px;
    padding-left: 1em;
    padding-right: 40px;
    width: 100%;
  }
  .or-block-service-cta a.or-btn:before{
    font-size: 20px;
    right: 10px;
  }
  .or-block-service-cta a.or-link-discount{
    font-size: 18px;
    margin-top: 10px;
  }
  .or-block-service-cta .or-mailmagazine-guide-area{
    margin-top: 50px;
  }
  .or-block-service-cta .or-mailmagazine-guide-area .or-title{
    font-size: 21px;
  }
}

.or-block-service-discount{
  margin-top: 100px;
}
.or-block-service-discount h2{
  font-size: 36px;
  line-height: 1.4em;
  margin-bottom: 40px;
  text-align: center;
}
.or-block-service-discount .or-caution{
  font-size: 16px;
  line-height: 2.0em;
  margin-bottom: 50px;
  text-align: center;
}
.or-block-service-discount .or-block-discount-bg{
  background: #FFF8F2;
  border-radius: 10px;
  padding: 50px;
}
.or-block-service-discount .or-block-discount-bg .or-block-discount{
  border-bottom: 1px solid #dcdddd;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.or-block-service-discount .or-block-discount-bg .or-block-discount:nth-last-of-type(1){
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.or-block-service-discount .or-block-discount-bg .or-block-discount h3{
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4em;
  margin-bottom: 20px;
  padding-left: 1.5em;
  text-align: left;
  position: relative;
}
.or-block-service-discount .or-block-discount-bg .or-block-discount h3:before{
  background: #E94709;
  content: "";
  display: inline-block;
  height: 4px;
  width: 1em;
  position: absolute;
  left: 0;
  top: 17px;
}
.or-block-service-discount .or-block-discount-bg .or-block-discount p{
  font-size: 16px;
  line-height: 2.2em;
}
@media screen and (max-width: 834px){
  .or-block-service-discount{
    margin-top: 60px;
  }
  .or-block-service-discount h2{
    font-size: 22px;
    margin-bottom: 30px;
  }
  .or-block-service-discount .or-caution{
    line-height: 2.0em;
    margin-bottom: 40px;
    text-align: left;
  }
  .or-block-service-discount .or-block-discount-bg{
    padding: 40px 5%;
  }
  .or-block-service-discount .or-block-discount-bg .or-block-discount{
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
  .or-block-service-discount .or-block-discount-bg .or-block-discount h3{
    font-size: 18px;
    margin-bottom: 20px;
  }
  .or-block-service-discount .or-block-discount-bg .or-block-discount h3:before{
    top: 12px;
  }
}

#or-cta {
  margin-top: -120px;
  padding-top: 120px;
}
#or-discount {
  margin-top: -85px;
  padding-top: 85px;
}
@media screen and (max-width: 834px){
  #or-cta,
  #or-discount {
    margin-top: -50px;
    padding-top: 50px;
  }
}

/* 会員制メルマガ */

.article p.or-category-comparison{
  font-size: 20px;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 30px;
}
.article p.or-category-comparison.mt{
  margin-top: 60px;
}
@media screen and (max-width: 834px){
  .article p.or-category-comparison{
    font-size: 18px;
    margin-bottom: 20px;
  }
  .article p.or-category-comparison.mt{
    margin-top: 50px;
  }
}

/* 実践塾 */

.or-es-textbook-movie.juku{
  text-align: center;
  padding: 0;
  width: 100%;
}
.or-es-textbook-movie.juku .or-movie{
  margin: 0 auto 30px;
  width: 80%;
}
.or-es-textbook-movie.juku .video-container{
  width: 100%;
  max-width: 100%;
}
.or-es-textbook-movie.juku .or-movie-description-area{
  background: #FFF8F2;
  border-radius: 10px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 30px 5%;
  text-align: left;
  width: 90%;
}
.or-es-textbook-movie.juku .or-movie-description-area p{
  font-size: 16px;
  line-height: 2em;
  margin-bottom: 1em;
}
.or-es-textbook-movie.juku .or-movie-description-area p:nth-last-of-type(1){
  margin-bottom: 0;
}
.or-es-textbook-story.juku{
  border: 1px solid #ddd;
}
.or-es-textbook-story.juku picture img{
  border: 1px solid #eee;
}
.or-es-textbook-story.juku .or-text-area p span.description{
  font-size: 13px;
}
.or-block-service-common:nth-of-type(even) .or-es-textbook-movie.juku{
  background: transparent;
}
.or-block-service-common:nth-of-type(even) .or-es-textbook-movie.juku .or-movie-description-area{
  background: #fff;
  border: 5px solid #F4E4DE;
}
.or-block-service-common:nth-of-type(even) .or-es-textbook-story.juku{
  border: none;
}
@media screen and (max-width: 834px){
  .or-es-textbook-movie.juku{
    padding: 0;
  }
  .or-es-textbook-movie.juku .or-movie{
    margin-bottom: 10px;
    width: 100%;
  }
  .or-es-textbook-movie.juku .or-movie-description-area{
    width: 100%;
  }
}

/* 人材定着と活躍の教科書 */

.or-layout.letter{
  background: #FFF8F2 url(/wp-content/uploads/2023/11/bg-line.png) no-repeat center center / cover;
  border-radius: 10px;
  padding: 8px;
}
.or-layout.letter .or-inner{
  background: rgba(255, 248, 242, 1);
  border-radius: 10px;
  padding: 70px 5%;
}
.or-layout.letter .or-inner h2{
  font-size: 40px;
  line-height: 1.4em;
  margin-bottom: 50px;
  text-align: center;
}
.or-layout.letter .or-inner h3{
  font-size: 32px;
  line-height: 1.4em;
  margin-bottom: 30px;
  text-align: center;
}
.or-layout.letter .or-inner p{
  font-size: 18px;
  line-height: 2em;
  margin-bottom: 1.5em;
}
.or-layout.letter .or-inner p:nth-last-of-type(1){
  margin-bottom: 0;
}
.or-layout.letter .or-inner p+h3{
  margin-top: 70px;
}
@media screen and (max-width: 834px){
  .or-layout.letter{
    margin-left: 10px;
    margin-right: 10px;
  }
  .or-layout.letter .or-inner{
    padding: 30px 6%;
  }
  .or-layout.letter .or-inner h2{
    font-size: 28px;
    margin-bottom: 30px;
  }
  .or-layout.letter .or-inner h3{
    font-size: 22px;
    margin-bottom: 20px;
  }
  .or-layout.letter .or-inner p{
    font-size: 17px;
  }
  .or-layout.letter .or-inner p+h3{
    margin-top: 50px;
  }
}

.or-es-textbook-movie{
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
  margin: 0 auto 80px;
  padding: 20px;
  width: 80%;
}
.or-es-textbook-movie .video-container{
  width: 100%;
  max-width: 100%;
}
.or-es-textbook-movie iframe{
  aspect-ratio: 16/9;
  border-radius: 5px;
  height: 100%;
  width: 100%;
}
.or-es-textbook-story{
  background: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  margin-bottom: 30px;
  padding: 40px 3%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.or-es-textbook-story:nth-last-of-type(1){
  margin-bottom: 0;
}
.or-es-textbook-story picture{
  display: block;
  width: 30%;
}
.or-es-textbook-story:nth-of-type(even) picture{
  order: 2;
}
.or-es-textbook-story picture img{
  border-radius: 5px;
  box-sizing: border-box;
  width: 100%;
}
.or-es-textbook-story .or-text-area{
  width: 65%;
}
.or-es-textbook-story .or-text-area .or-reason-number{
  color: #E94709;
  line-height: 1em;
  margin-bottom: 20px;
}
.or-es-textbook-story .or-text-area .or-reason-number .or-reason{
  font-size: 22px;
  font-weight: 500;
}
.or-es-textbook-story .or-text-area .or-reason-number .or-number{
  font-size: 40px;
  font-weight: 500;
}
.or-es-textbook-story .or-text-area h3{
  font-size: 24px;
  line-height: 1.4em;
  margin-bottom: 20px;
}
.or-es-textbook-story .or-text-area p{
  font-size: 16px;
  line-height: 1.8em;
  margin-bottom: 20px;
}
.or-es-textbook-story .or-text-area p:nth-last-of-type(1){
  margin-bottom: 0;
}
@media screen and (max-width: 834px){
  .or-es-textbook-movie{
    margin-bottom: 50px;
    padding: 10px;
    width: 100%;
  }
  .or-es-textbook-story{
    margin-bottom: 20px;
    padding: 30px 5%;
    display: block;
  }
  .or-es-textbook-story picture{
    display: none;
  }
  .or-es-textbook-story .or-text-area{
    width: 100%;
  }
  .or-es-textbook-story .or-text-area .or-reason-number .or-reason{
    font-size: 20px;
  }
  .or-es-textbook-story .or-text-area .or-reason-number .or-number{
    font-size: 36px;
  }
  .or-es-textbook-story .or-text-area h3{
    font-size: 19px;
    margin-bottom: 20px;
  }
}

.or-block-es-textbook-deliverable{
  background: #fff;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 20px;
}
.or-block-es-textbook-deliverable .or-main{
  margin-bottom: 50px;
}
.or-block-es-textbook-deliverable .or-main img{
  border-radius: 10px;
  width: 100%;
}
.or-block-es-textbook-deliverable .or-thum{
  text-align: center;
}
.or-block-es-textbook-deliverable .or-thum p{
  font-size: 16px;
  line-height: 1.2em;
  margin-bottom: 20px;
}
.or-block-es-textbook-deliverable .or-thum ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
.or-block-es-textbook-deliverable .or-thum ul li{
  font-size: 13px;
  margin-right: 2%;
  width: calc((100% - 4%) / 3);
}
.or-block-es-textbook-deliverable .or-thum ul li:nth-last-of-type(1){
  margin-right: 0;
}
.or-block-es-textbook-deliverable .or-thum ul li img{
  border-radius: 10px;
  display: block;
  margin-bottom: 5px;
  width: 100%;
}
@media screen and (max-width: 834px){
  .or-block-es-textbook-deliverable{
    padding: 10px;
  }
  .or-block-es-textbook-deliverable .or-main{
    margin-bottom: 30px;
  }
  .or-block-es-textbook-deliverable .or-thum p{
    font-size: 14px;
  }

}

#or-image-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

#or-image-modal img {
  max-width: 90%;
  max-height: 90%;
}

#or-modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: white;
  font-size: 30px;
  font-weight: bold;
  cursor: pointer;
}


/************************************
**  お客さまの声
************************************/

/* 一覧 */

.or-block-common-voice-list.voice-list{
  box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.2);
}
.or-voice-list-choice{
  background: #F7F7F7;
  border-radius: 5px;
  margin-bottom: 70px;
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.or-voice-list-choice h2{
  font-size: 20px;
  line-height: 1em;
  margin-bottom: 0;
  margin-right: 2em;
}
.or-voice-list-choice div{
  height: 50px;
  position: relative;
  width: 300px;
}
.or-voice-list-choice div:after{
  border-color: #666;  
  border-style: solid;
  border-width: 1px 1px 0 0;
  content: "";
  transform: translateY(-70%) rotate(135deg);
  height: 12px;
  width: 12px;
  position: absolute;
  top: 50%;
  right: 20px;
}
.or-voice-list-choice select {
  background: #fff;
  border: 1px solid #dcdddd;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 18px;
  outline: none;
  padding: 15px 1em;
  position: revert;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (max-width: 834px){
  .or-voice-list-choice{
    display: block;
    margin-bottom: 50px;
    padding: 30px 1em;
    text-align: center;
  }
  .or-voice-list-choice h2{
    font-size: 17px;
    margin-bottom: 15px;
    margin-right: 0;
  }
  .or-voice-list-choice div{
    width: 100%;
  }
  .or-voice-list-choice select {
    font-size: 16px;
  }
}

/* 詳細 */

.or-mv-area.voice-detail h1{
  font-size: 36px;
  line-height: 1.4em;
  margin-bottom: 75px;
}
article .or-mv-area.voice-detail ul.or-voice-detail-tag{
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
article .or-mv-area.voice-detail ul.or-voice-detail-tag li{
  margin-bottom: 5px;
  margin-right: 10px;
}
article .or-mv-area.voice-detail ul.or-voice-detail-tag li:nth-last-of-type(1){
  margin-right: 0;
}
article .or-mv-area.voice-detail ul.or-voice-detail-tag li a{
  background: #00A7E1;
  border: 1px solid #00A7E1;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1em;
  padding: 6px 10px;
  text-decoration: none;
}
article .or-mv-area.voice-detail ul.or-voice-detail-tag li a:hover{
  background: #fff;
  color: #00A7E1;
}
.or-voice-detail-info-area{
  padding-top: 40px;
  position: relative;
}
.or-voice-detail-info-area:before{
  background: #F7F7F7;
  content: "";
  display: inline-block;
  height: 145px;
  width: 100%;
  position :absolute;
  left: 0;
  top: 0;
}
.or-block-customer-info{
  margin-bottom: 60px;
  display: flex;
  justify-content: space-between;
}
.or-block-customer-info figure{
  background: no-repeat center center / cover;
  border-radius: 5px;
  height: 320px;
  width: 320px;
}
.or-block-customer-info .or-customer-text{
  width: calc(100% - 320px - 60px);
}
.or-block-customer-info .or-customer-text h3{
  font-size: 24px;
  line-height: 1.4em;
  margin-bottom: 90px;
  padding-top: 30px;
}
.or-block-customer-info .or-customer-text h3 span{
  margin-right: 1em;
}
.or-block-customer-info .or-customer-text h3 span:nth-last-of-type(1){
  margin-right: 0;
}
.or-block-customer-info .or-customer-text .or-customer-link{
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.or-block-customer-info .or-customer-text .or-customer-link:nth-last-of-type(1){
  margin-bottom: 0;
}
.or-block-customer-info .or-customer-text .or-customer-link h4{
  border: 1px solid #dcdddd;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: normal;
  line-height: 1em;
  padding: 7px .5em;
  text-align: center;
  width: 8em;
}
.or-block-customer-info .or-customer-text .or-customer-link a{
  color: #E94709;
  display: inline-block;
  font-size: 16px;
  line-height: 1em;
  text-decoration: none;
  width: calc(100% - 150px);
}
.or-block-customer-info .or-customer-text .or-customer-link a:hover{
  text-decoration: underline;
}
.or-normal-wrap.voice-detail{
  background: #F7F7F7;
  padding: 80px 0 45px;
}
.or-normal-wrap.voice-detail .or-layout{
  padding-left: 5%;
  padding-right: 5%;
}
.or-normal-wrap.voice-detail h2{
  margin-bottom: 30px;
}
.or-normal-wrap.voice-detail p{
  font-size: 16px;
  line-height: 2.2em;
  margin-bottom: 35px;
}
.or-normal-wrap.voice-detail figure{
  margin: 0 auto 35px;
  width: 85%;
}
.or-normal-wrap.voice-detail figure img{
  border-radius: 5px;
}
.or-normal-wrap.voice-detail p+figure{
  margin-top: 70px;
}
.or-normal-wrap.voice-detail figure+p,
.or-normal-wrap.voice-detail figure+h2{
  margin-top: 70px;
}
.or-block-service-voice.voice-detail{
  margin-top: 100px;
}
.or-block-service-voice.voice-detail h2{
  font-size: 32px;
  line-height: 1.2em;
  margin-bottom: 60px;
  text-align: center;
}
.or-btn-voice-list{
  margin-top: 70px;
  text-align: center;
}
@media screen and (max-width: 1080px){
  .or-normal-wrap.voice-detail .or-layout{
    padding-left: 8%;
    padding-right: 8%;
  }
}
@media screen and (max-width: 834px){
  .or-mv-area.voice-detail h1{
    font-size: 26px;
    margin-bottom: 40px;
  }
  article .or-mv-area.voice-detail ul.or-voice-detail-tag{
    margin-bottom: 10px;
  }
  article .or-mv-area.voice-detail ul.or-voice-detail-tag li a{
    font-size: 12px;
  }
  .or-block-customer-info{
    margin-bottom: 50px;
    display: block;
  }
  .or-block-customer-info figure{
    margin-left: auto;
    margin-right: auto;
    padding-top: 80%;
    width: 80%;
  }
  .or-block-customer-info .or-customer-text{
    width: 100%;
  }
  .or-block-customer-info .or-customer-text h3{
    font-size: 20px;
    line-height: 1.6em;
    margin-bottom:30px;
    padding-top: 20px;
  }
  .or-block-customer-info .or-customer-text h3 span:nth-of-type(1){
    display: block;
  }
  .or-normal-wrap.voice-detail{
    background: #F7F7F7;
    padding: 60px 0 25px;
  }
  .or-normal-wrap.voice-detail .or-layout{
    padding-left: 15px;
    padding-right: 15px;
  }
  .or-block-customer-info .or-customer-text .or-customer-link{
    margin-bottom: 20px;
    display: block;
  }
  .or-block-customer-info .or-customer-text .or-customer-link h4{
    margin-bottom: 5px;
    padding: 5px .5em;
  }
  .or-block-customer-info .or-customer-text .or-customer-link a{
    width: 100%;
  }
  .or-normal-wrap.voice-detail figure{
    width: 100%;
  }
  .or-normal-wrap.voice-detail p+figure{
    margin-top: 50px;
  }
  .or-normal-wrap.voice-detail figure+p,
  .or-normal-wrap.voice-detail figure+h2{
    margin-top: 50px;
  }
  .or-block-service-voice.voice-detail h2{
    font-size: 26px;
    margin-bottom: 40px;
  }
  .or-block-service-voice.voice-detail{
    margin-top: 60px;
  }
}

.or-service-voice{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.or-service-voice li{
  margin-right: 5%;
  width: calc((100% - 10%) / 3);
}
.or-service-voice li:nth-last-of-type(1){
  margin-right: 0;
}
.or-service-voice li figure{
  background: no-repeat center center / cover;
  border-radius: 5px;
  margin-bottom: 15px;
  padding-top: 65%;
  width: 100%;
}
.or-service-voice li ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.or-service-voice li ul li{
  margin: 0 15px 15px 0;
  width: auto;
}
.or-service-voice li ul li a{
  background: #00A7E1;
  border: 1px solid #00A7E1;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight:500;
  line-height: 1em;
  padding: 6px 10px;
  text-decoration: none;
}
.or-service-voice li ul li a:hover{
  background: #fff;
  color: #00A7E1;
}
.or-service-voice h3{
  font-size: 20px;
  line-height: 1.6em;
  margin-bottom: 20px;
}
.or-service-voice h4{
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6em;
}
.or-service-voice h4 span{
  margin-right: 1em;
}
.or-service-voice h4 span:nth-last-of-type(1){
  margin-right: 0;
}
.or-service-voice h4 span.or-voice-list-company{
  display: block;
}
.or-service-voice div{
  margin: 30px auto 0;
  width: 80%;
}
.or-service-voice div a{
  padding-bottom: 12px;
  padding-top: 12px;
  width: 100%;
}
@media screen and (max-width: 834px){
  .or-service-voice{
    display: block;
  }
  .or-service-voice li{
    margin-bottom: 50px;
    margin-left: 0;
    width: 100%;
  }
  .or-service-voice li ul li{
    margin-bottom: 15px;
    width: auto;
  }
  .or-service-voice h3{
    font-size: 20px;
    margin-bottom: 15px;
  }
  .or-service-voice div{
    margin: 20px auto 0;
    width: 100%;
  }
  .or-service-voice div a{
    padding-bottom: 20px;
    padding-top: 20px;
  }
}

/************************************
** 事例
************************************/

.or-block-common-case{
  margin-bottom: 60px;
}
@media screen and (max-width: 834px){
  .or-block-common-case{
    margin-bottom: 40px;
  }
}

article .or-block-case-outside ul.or-case-detail-tag,
article .or-block-top-case ul.or-case-detail-tag{
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
article .or-block-case-outside ul.or-case-detail-tag li,
article .or-block-top-case ul.or-case-detail-tag li{
  margin-bottom: 5px;
  margin-right: 10px;
}
article .or-block-case-outside ul.or-case-detail-tag li:nth-last-of-type(1),
article .or-block-top-case ul.or-case-detail-tag li:nth-last-of-type(1){
  margin-right: 0;
}
article .or-block-case-outside ul.or-case-detail-tag li a,
article .or-block-top-case ul.or-case-detail-tag li a{
  background: #00A7E1;
  border: 1px solid #00A7E1;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1em;
  padding: 6px 10px;
  text-decoration: none;
}
article .or-block-case-outside ul.or-case-detail-tag li a:hover,
article .or-block-top-case ul.or-case-detail-tag li a:hover{
  background: #fff;
  color: #00A7E1;
}
@media screen and (max-width: 834px){
  article .or-block-case-outside ul.or-case-detail-tag,
  article .or-block-top-case ul.or-case-detail-tag{
    margin-bottom: 10px;
  }
  article .or-block-case-outside ul.or-case-detail-tag li a,
  article .or-block-top-case ul.or-case-detail-tag li a{
    font-size: 12px;
  }
}

/************************************
** プロフィール詳細
************************************/

.or-profile-detail-h1-area span.en{
  color: #E94709;
  display: block;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1em;
  margin-bottom: 15px;
}
.or-profile-detail-h1{
  display: flex;
}
.or-profile-detail-h1 span.or-profile-number{
  color: #E94709;
  font-size: 44px;
  font-weight: 600;
  line-height: 1em;
  margin-right: 30px;
  margin-top: 10px;
}
.or-profile-detail-h1 h1{
  font-size: 46px;
  line-height: 1.3em;
  margin-bottom: 0;
}
.or-profile-detail-h1 div.or-title span.or-sub-copy{
  display: block;
  font-size: 22px;
  line-height: 1.4em;
  margin-top: 10px;
}
.or-normal-wrap.profile-detail{
  margin-top: 70px;
}
.or-block-profile-2column{
  display: flex;
  justify-content: space-between;
}
.or-profile-main-area{
  width: calc(100% - 300px - 7%);
}
article .or-profile-main-area p{
  font-size: 16px;
  line-height: 2.2em;
  margin-bottom: 1.5em;
}
article .or-profile-main-area p.text-right{
  text-align: right;
}
article .or-profile-main-area p span{
  background:linear-gradient(transparent 70%, #FAFF00 70%);
  font-weight: 600;
}
.or-btn-profile-detail-next{
  background: #FFF8F2;
  border-radius: 5px;
  box-sizing: border-box;
  line-height: 1em;
  margin-top: 70px;
  padding: 35px 1em;
  text-align: center;
  width: 100%;
}
article .or-profile-main-area figure{
  margin: 0 auto;
  width: 100%;
}
article .or-profile-main-area figure img{
  border-radius: 5px;
}
article .or-profile-main-area  ul{
  margin: 0 0 1.5em 1em;
  padding: 0;
}
article .or-profile-main-area  ul li{
  font-size: 16px;
  line-height: 1.8em;
  margin-bottom: 10px;
}
article .or-profile-main-area  ul li:nth-last-of-type(1){
  margin-bottom: 0;
}
article .or-btn-profile-detail-next h2{
  font-size: 22px;
  line-height: 1em;
  margin-bottom: 20px;
}
.or-btn-profile-detail-next a{
  color: #E94709;
  font-size: 18px;
  line-height: 1.4em;
  text-decoration: underline;
}
.or-btn-profile-detail-next a span.or-sub-copy{
  display: inline-block;
  font-size: 15px;
  margin-left: 5px;
  text-decoration: underline;
}
.or-btn-profile-detail-next a:hover,
.or-btn-profile-detail-next a:hover span.or-sub-copy{
  text-decoration: none;
}
.or-profile-side-area{
  width: 300px;
}
article .or-profile-side-area ul.or-side-btn{
  border: 1px solid #dcdddd;
  border-radius: 5px;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 10px 20px;
}
article .or-profile-side-area ul.or-side-btn li{
  font-size: 14px;
  line-height: 1.4em;
}
article .or-profile-side-area ul.or-side-btn li a{
  border-bottom: 1px solid #dcdddd;
  color: #333;
  padding: 10px 0;
  text-decoration: none;
  display: flex;
}
article .or-profile-side-area ul.or-side-btn li a:hover{
  color: #E94709;
}
article .or-profile-side-area ul.or-side-btn li:nth-last-of-type(1) a{
  border-bottom: none;
}
article .or-profile-side-area ul.or-side-btn li a span{
  color: #E94709;
  display: inline-block;
  font-weight: bold;
  margin-right: 5px;
}
article .or-profile-main-area p+figure,
article .or-profile-main-area figure+p{
 margin-top: 50px;
}
article .or-profile-main-area p+ul,
article .or-profile-main-area ul+p{
 margin-top: 2em;
}
@media screen and (max-width: 1023px){
  .or-block-profile-2column{
    display: block;
  }
  .or-profile-detail-h1-area span.en{
    font-size: 13px;
    margin-bottom: 8px;
  }
  .or-profile-detail-h1 span.or-profile-number{
    font-size: 28px;
    margin-right: 15px;
    margin-top: 3px;
  }
  .or-profile-detail-h1 h1{
    font-size: 26px;
  }
  .or-profile-detail-h1 div.or-title span.or-sub-copy{
    font-size: 15px;
    margin-top: 5px;
  }
  .or-normal-wrap.profile-detail{
    margin-top: 50px;
  }
  .or-profile-main-area{
    margin-bottom: 80px;
    width: 100%;
  }
  article .or-profile-main-area  ul{
    margin-left:1.5em;
  }
  .or-btn-profile-detail-next{
    line-height: 1em;
    margin-top: 50px;
    padding: 35px .5em;
  }
  article .or-btn-profile-detail-next h2{
    font-size: 20px;
    line-height: 1em;
    margin-bottom: 20px;
  }
  .or-btn-profile-detail-next a{
    color: #E94709;
    font-size: 18px;
    line-height: 1.4em;
    text-decoration: underline;
  }
  .or-btn-profile-detail-next a span.or-sub-copy{
    display: block;
    font-size: 14px;
    margin-left: 0;
    margin-top: 8px;
  }
  .or-profile-side-area{
    width: 100%;
  }
  .or-btn-profile-detail-next a{
    font-size: 17px;
  }
  article .or-profile-side-area ul.or-side-btn li a{
    padding: 20px 0;
  }
  article .or-profile-main-area p+figure,
  article .or-profile-main-area figure+p{
   margin-top: 40px;
  }
}

/************************************
** ブログ・お知らせ共通
************************************/

article ul.or-commmon-datetime{
  border-bottom: 1px solid #dcdddd;
  list-style: none;
  margin: 0;
  padding: 0 0 70px;
  display: flex;
}
article ul.or-commmon-datetime li{
  font-size: 16px;
  line-height: 1.2em;
  margin-right: 1.5em;
}
article ul.or-commmon-datetime li:nth-last-of-type(1){
  margin-right: 0;
}
.or-blog-detail-h1-area h1,
.or-mv-area.news-detail h1{
  font-size: 36px;
  line-height: 1.3em;
  margin-bottom: 20px;
}
@media screen and (max-width: 834px){
  .or-blog-detail-h1-area h1,
  .or-mv-area.news-detail h1{
    font-size: 26px;
  }
  article ul.or-commmon-datetime{
    padding-bottom: 50px;
    text-align: right;
  }
  article ul.or-commmon-datetime li{
    font-size: 14px;
    margin-right: 1em;
  }
}

/************************************
** ブログ共通
************************************/

/* 共通 */

.or-block-blog-2column{
  display: flex;
  justify-content: space-between;
}
.or-blog-main-area{
  width: calc(100% - 270px - 30px);
}
.or-blog-side-area{
  width: 270px;
}
.or-blog-side-area .or-block-side{
  border: 1px solid #dcdddd;
  border-radius: 5px;
  box-sizing: border-box;
  margin-bottom: 30px;
  padding: 20px 20px 10px;
}
.or-blog-side-area h2{
  color: #E94709;
  font-size: 18px;
  line-height: 1em;
  margin-bottom: 20px;
}
article .or-blog-side-area ul.or-side-category{
  list-style: none;
  margin: 0;
  padding: 0;
}
article .or-blog-side-area ul.or-side-category li{
  font-size: 14px;
  line-height: 1.4em;
}
article .or-blog-side-area ul.or-side-category li a{
  border-bottom: 1px solid #dcdddd;
  color: #333;
  display: block;
  padding: 10px 0;
  text-decoration: none;
}
article .or-blog-side-area ul.or-side-category li a:hover{
  color: #E94709;
}
article .or-blog-side-area ul.or-side-category li:nth-last-of-type(1) a{
  border-bottom: none;
}
article .or-blog-side-area ul.or-side-category li ul{
  list-style: none;
  padding-left: 0;
}
article .or-blog-side-area ul.or-side-category li ul li a{
  padding-left: 1em;
}
article .or-blog-side-area ul.or-side-category li ul li:nth-last-of-type(1){
  border-bottom: 1px solid #dcdddd;
}
article .or-blog-side-area ul.or-side-ranking{
  list-style: none;
  margin: 0;
  padding: 0;
}
article .or-blog-side-area ul.or-side-ranking li{
  font-size: 14px;
  line-height: 1.4em;
  border-bottom: 1px solid #dcdddd;
  padding: 15px 0;
}
article .or-blog-side-area ul.or-side-ranking li:nth-last-of-type(1) {
  border-bottom: none;
  padding-bottom: 10px;
}
article .or-blog-side-area ul.or-side-ranking li a{
  color: #333;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
article .or-blog-side-area ul.or-side-ranking li a:hover{
  color: #E94709;
}
article .or-blog-side-area ul.or-side-ranking li a figure{
  background: no-repeat center center / cover;
  border-radius: 5px;
  height: 70px;
  width: 70px;
}
article .or-blog-side-area ul.or-side-ranking li a h3{
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6em;
  width: calc(100% - 70px - 10px);
}
.or-btn-mail-magazine{
  background: #FFF8F2;
  border-radius: 5px;
  padding: 20px 5%;
  text-align: center;
  position: sticky;
  top: 110px;
}
.or-btn-mail-magazine .title{
  font-size: 17px;
  line-height: 1.6em;
  font-weight: 600;
  margin-bottom: 15px;
}
.or-btn-mail-magazine .or-cost{
  font-size: 16px;
  line-height: 1.4em;
  font-weight: 600;
  margin-bottom: 20px;
}
.or-btn-mail-magazine .or-cost .or-tax{
  font-size: 13px;
}
.or-btn-mail-magazine .or-cost .or-caution{
  display: block;
  font-size: 13px;
  font-weight: 400;
}
.or-btn-mail-magazine a{
  font-size: 15px;
  font-weight: 500;
  padding: 15px 20px 15px 5px;
  width: 100%;
}
.or-btn-mail-magazine a:before{
  font-weight: 600;
  font-size: 16px;
  right: 5px;
}
@media screen and (max-width: 1023px){
  .or-block-blog-2column{
    display: block;
  }
  .or-blog-main-area{
    margin-bottom: 80px;
    width: 100%;
  }
  .or-blog-side-area{
    width: 100%;
  }
  article .or-blog-side-area ul.or-side-category li a{
    padding: 20px 0;
  }
  .or-btn-mail-magazine{
    display: none;
  }
}

/* 一覧 */

article .or-blog-main-area ul.or-blog-list{
  list-style: none;
  margin: 0;
  padding: 0;
}
article .or-blog-main-area ul.or-blog-list li{
  margin-bottom: 30px;
}
article .or-blog-main-area ul.or-blog-list li a{
  box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.2);
  color: #333;
  padding: 30px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: .3s;
}
article .or-blog-main-area ul.or-blog-list li a:hover{
  box-shadow: 0px 12px 16px -2px rgba(0,0,0,0.3);
}
article .or-blog-main-area ul.or-blog-list li a figure{
  background: no-repeat center center / cover;
  border-radius: 5px;
  height: 125px;
  width: 220px;
}
article .or-blog-main-area ul.or-blog-list li a .or-blog-list-text{
  width: calc(100% - 220px - 35px);
}
article .or-blog-main-area ul.or-blog-list li a .or-blog-list-text h2{
  font-size: 18px;
  line-height: 1.4em;
  margin-bottom: 15px;
}
article .or-blog-main-area ul.or-blog-list li a .or-blog-list-text ul.or-blog-time{
  list-style: none;
  margin: 0 0 15px;
  padding: 0;
  display: flex;
}
article .or-blog-main-area ul.or-blog-list li a .or-blog-list-text ul.or-blog-time li{
  font-size: 15px;
  line-height: 1.2em;
  margin-bottom: 0;
  margin-right: 1.5em;
}
article .or-blog-main-area ul.or-blog-list li a .or-blog-list-text ul.or-blog-time li:nth-last-of-type(1){
  margin-right: 0;
}
article .or-blog-main-area ul.or-blog-list li a .or-blog-list-text ul.or-blog-list-tag{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
article .or-blog-main-area ul.or-blog-list li a .or-blog-list-text ul.or-blog-list-tag li{
  background: #00A7E1;
  color: #fff;
  font-size: 13px;
  line-height: 1em;
  margin-bottom: 5px;
  margin-right: 10px;
  padding: 5px 10px;
}
article .or-blog-main-area ul.or-blog-list li a .or-blog-list-text ul.or-blog-list-tag li:nth-last-of-type(1){
  margin-right: 0;
}
.or-common-pager.blog{
  margin-bottom: 0;
}
@media screen and (max-width: 834px){
  article .or-blog-main-area ul.or-blog-list li a{
    padding: 20px 3% 15px;
    display: block;
  }
  article .or-blog-main-area ul.or-blog-list li a figure{
    height: auto;
    margin-bottom: 20px;
    padding-top: 56%;
    width: 100%;
  }
  article .or-blog-main-area ul.or-blog-list li a .or-blog-list-text{
    width: 100%;
  }
  article .or-blog-main-area ul.or-blog-list li a .or-blog-list-text h2{
    font-size: 17px;
  }
  article .or-blog-main-area ul.or-blog-list li a .or-blog-list-text ul.or-blog-time li{
    font-size: 13px;
    margin-bottom: 5px;
  }
  article .or-blog-main-area ul.or-blog-list li a .or-blog-list-text ul.or-blog-list-tag li{
    font-size: 12px;
  }
}

/* 詳細 */

.or-blog-detail-h1-area span.en{
  color: #E94709;
  display: block;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1em;
  margin-bottom: 15px;
}
article .or-blog-detail-h1-area ul.or-commmon-datetime{
  border-bottom: none;
  padding-bottom: 20px;
}
article .or-blog-detail-h1-area ul.or-blog-detail-tag{
  list-style: none;
  margin: 0 0 40px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
article .or-blog-detail-h1-area ul.or-blog-detail-tag li{
  margin-bottom: 5px;
  margin-right: 10px;
}
article .or-blog-detail-h1-area ul.or-blog-detail-tag li:nth-last-of-type(1){
  margin-right: 0;
}
article .or-blog-detail-h1-area ul.or-blog-detail-tag li a{
  background: #00A7E1;
  border: 1px solid #00A7E1;
  color: #fff;
  display: block;
  font-size: 13px;
  line-height: 1em;
  padding: 5px 10px;
  text-decoration: none;
}
article .or-blog-detail-h1-area ul.or-blog-detail-tag li a:hover{
  background: #fff;
  color: #00A7E1;
}
figure.or-blog-detail-thumbnail{
  margin-bottom: 50px;
}
figure.or-blog-detail-thumbnail img{
  border-radius: 5px;
}
.toc{
  padding-bottom: 1.5em;
  padding-top: 1.5em;
}
.toc-center{
  background: #FFF8F2;
  border: none;
  margin-bottom: 50px;
  margin-top: 50px;
  width: 100%;
}
.toc-center a{
  color: #E94709;
}
.toc-title {
  font-weight: bold;
}
.toc-title::after {
  font-weight: normal;
}
.toc-content{
  opacity: 0;
  transition: 0s;
}
.or-block-blog-detail h2{
  border-bottom: 3px solid #E94709;
  font-size: 30px;
  line-height: 1.4em;
  margin-bottom: 25px;
  padding-bottom: 15px;
}
.or-block-blog-detail h3{
  border-left: 6px solid #E94709;
  font-size: 24px;
  line-height: 1.4em;
  margin-bottom: 15px;
  padding: .2em 0 .2em 15px;
}
.or-block-blog-detail p{
  font-size: 16px;
  line-height: 2.2em;
  margin-bottom: 1.5em;
}
.or-block-blog-detail p strong{
  background:linear-gradient(transparent 70%, #FAFF00 70%);
  font-weight: 600;
}
.or-block-blog-detail figure{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.or-block-blog-detail figure img{
  border-radius: 5px;
}
.or-block-blog-detail blockquote{
  margin-bottom: 1.5em;
}
.or-block-blog-detail .video-container{
  max-width: 100%;
}
.or-block-blog-detail p+h2,
.or-block-blog-detail figure+h2,
.or-block-blog-detail figure+h3{
  margin-top: 2.2em;
}
.or-block-blog-detail figure+p{
  margin-top: 1.5em;
}


.or-blog-detail-author{
  border: 1px solid #ddd;
  border-radius: 5px;
  box-sizing: border-box;
  margin-top: 50px;
  padding: 30px;
}
article .or-blog-detail-author h2{
  font-size: 18px;
  margin-bottom: 30px;
}
.or-blog-detail-author .or-contents{
  display: flex;
  justify-content: space-between;
}
.or-blog-detail-author .or-contents figure{
  display: block;
  width: 120px;
}
.or-blog-detail-author .or-contents figure img{
  width: 100%;
}
.or-blog-detail-author .or-contents .or-text-area{
  width: calc(100% - 120px - 5%);
}
article .or-blog-detail-author .or-contents .or-text-area h3{
  font-size: 16px;
  margin-bottom: 15px;
}
article .or-blog-detail-author .or-contents .or-text-area p{
  font-size: 15px;
  margin-bottom: 1em;
}
article .or-blog-detail-author .or-contents .or-text-area ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
article .or-blog-detail-author .or-contents .or-text-area ul li{
  margin-right: 15px;
  width: 36px;
}
article .or-blog-detail-author .or-contents .or-text-area ul li img{
  width: 100%;
}
article .or-blog-detail-author .or-contents .or-text-area ul li:nth-last-of-type(1){
  margin-right: 0;
}
@media screen and (max-width: 834px){
  .or-blog-detail-author{
    padding-left: 5%;
    padding-right: 5%;
    text-align: center;
  }
  .or-blog-detail-author .or-contents{
    display: block;
  }
  .or-blog-detail-author .or-contents figure{
    margin: 0 auto 30px;
    width: 40%;
  }
  .or-blog-detail-author .or-contents .or-text-area{
    width: 100%;
  }
  article .or-blog-detail-author .or-contents .or-text-area p{
    text-align: left;
  }
  article .or-blog-detail-author .or-contents .or-text-area ul{
    justify-content: center;
  }
  article .or-blog-detail-author .or-contents .or-text-area ul li{
    margin-right: 30px;
    width: 40px;
  }
}

.or-blog-detail-share{
  margin-top: 70px;
  display: flex;
  align-items: center;
}
article .or-blog-detail-share h2{
  font-size: 18px;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 0;
  margin-right: 2em;
}
article .or-blog-detail-share ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
article .or-blog-detail-share ul li{
  margin-right: 15px;
  width: 40px;
}
article .or-blog-detail-share ul li:nth-last-of-type(1){
  margin-right: 0;
}
article .or-blog-detail-share ul li img{
  width: 100%;
}
article .or-blog-detail-share ul li a:hover{
  opacity: .7;
}
.or-blog-detail-share.upside{
  margin-bottom: 70px;
  margin-top: 0;
}
article .or-blog-detail-share.upside ul{
  justify-content: flex-start;
}
.or-blog-detail-mail-magazine{
  background: #FFF8F2;
  border-radius: 5px;
  margin-top: 70px;
  padding: 50px 5%;
  text-align: center;
}
.or-blog-detail-mail-magazine .title{
  font-size: 24px;
  line-height: 1.2em;
  font-weight: 600;
  margin-bottom: 20px;
}
.or-blog-detail-mail-magazine .or-cost{
  font-size: 18px;
  line-height: 1.4em;
  font-weight: 600;
  margin-bottom: 30px;
}
.or-blog-detail-mail-magazine .or-cost span.or-tax{
  font-size: 15px;
}
.or-blog-detail-mail-magazine .or-cost span.or-caution{
  font-size: 15px;
  font-weight: 400;
  margin-left: 5px;
}
.or-blog-detail-mail-magazine a{
  width: 60%;
}
.or-btn-blog-list{
  margin-top: 70px;
  text-align: center;
}
.or-block-other-blog{
  margin-top: 120px;
  text-align: center;
}
.or-block-other-blog h2{
  font-size: 30px;
  line-height: 1.2em;
  margin-bottom: 30px;
}
article .or-blog-main-area .or-block-other-blog ul.or-blog-list li a .or-blog-list-text h3{
  font-size: 18px;
  line-height: 1.4em;
  margin-bottom: 15px;
  text-align: left;
}
@media screen and (max-width: 834px){
  .or-blog-detail-h1-area span.en{
    font-size: 13px;
    margin-bottom: 8px;
  }
  article .or-blog-detail-h1-area ul.or-commmon-datetime{
    padding-bottom: 20px;
  }
  article .or-blog-detail-h1-area ul.or-blog-detail-tag{
    margin-bottom: 30px;
  }
  article .or-blog-detail-h1-area ul.or-blog-detail-tag li a{
    font-size: 12px;
  }
  figure.or-blog-detail-thumbnail{
    margin-bottom: 30px;
  }
  .or-block-blog-detail h2{
    font-size: 22px;
    line-height: 1.4em;
    margin-bottom: 25px;
    padding-bottom: 15px;
  }
  .or-block-blog-detail h3{
    border-left: 4px solid #E94709;
    font-size: 18px;
    padding: .1em 0 .1em 10px;
  }
  .or-block-blog-detail p{
    line-height: 2.0em;
  }
  .or-blog-detail-share{
    display: block;
    margin-top: 50px;
    text-align: center;
  }
  article .or-blog-detail-share h2{
    font-size: 18px;
    margin-bottom: 25px;
    margin-right: 0;
  }
  article .or-blog-detail-share ul{
    justify-content: center;
  }
  article .or-blog-detail-share ul li{
    margin-right: 30px;
  }
  .or-blog-detail-share.upside{
    margin-bottom: 50px;
  }
  article .or-blog-detail-share.upside ul li{
    margin-right: 15px;
  }
  article .or-blog-detail-share.upside ul li:nth-last-of-type(1){
    margin-right: 0;
  }
  .or-blog-detail-mail-magazine{
    margin-top: 50px;
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .or-blog-detail-mail-magazine .title{
    font-size: 20px;
    line-height: 1.6em;
    margin-bottom: 15px;
  }
  .or-blog-detail-mail-magazine .or-cost{
    font-size: 18px;
    line-height: 1.4em;
    font-weight: 600;
    margin-bottom: 20px;
  }
  .or-blog-detail-mail-magazine .or-cost span.or-caution{
    display: block;
    font-size: 15px;
    margin-left: 0;
  }
  .or-blog-detail-mail-magazine a{
    padding-left: 10px;
    padding-right: 25px;
    width: 100%;
  }
  .or-block-other-blog{
    margin-top: 80px;
  }
  .or-block-other-blog h2{
    font-size: 26px;
  }
  article .or-blog-main-area .or-block-other-blog ul.or-blog-list li a .or-blog-list-text h3{
    font-size: 17px;
  }
}

.or-block-blog-detail h2 span,
.or-block-blog-detail h3 span,
.or-block-blog-detail h4 span{
  display: inline-block;
  margin-top: -80px;
  padding-top: 80px;
}
@media screen and (max-width: 834px){
  .or-block-blog-detail h2 span,
  .or-block-blog-detail h3 span,
  .or-block-blog-detail h4 span{
    display: inline-block;
    margin-top: -10px;
    padding-top: 10px;
  }
}

/************************************
** お知らせ
************************************/

.or-block-news-detail p{
  font-size: 16px;
  line-height: 2.0em;
  margin-bottom: 1.5em;
}
.or-block-news-detail figure{
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
.or-block-news-detail figure img{
  border-radius: 5px;
}
.or-block-news-detail p+figure,
.or-block-news-detail figure+p{
  margin-top: 50px;
}
.or-btn-news-list{
  margin-top: 70px;
  text-align: center;
}
@media screen and (max-width: 834px){
  .or-block-news-detail figure{
    width: 100%;
  }
  .or-btn-news-list{
    margin-top: 50px;
  }
}

/************************************
** よくあるご質問
************************************/

.or-block-faq-common{
  background: #fff;
  border: 1px solid #dcdddd;
  border-radius: 5px;
  margin-bottom: 15px;
  text-align: left;
}
.or-block-faq-common:nth-last-of-type(1){
  margin-bottom: 0;
}
.or-block-faq-common .or-faq-qu{
  cursor: pointer;
  padding: 20px;
}
.or-block-faq-common .or-faq-qu h3{
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6em;
  padding-left: 55px;
  padding-right: 55px;
  position: relative;
}
.or-block-faq-common .or-faq-qu h3:before{
  background: #E94709;
  border-radius: 100%;
  color: #fff;
  content: "Q";
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  height: 38px;
  line-height: 35px;
  text-align: center;
  vertical-align: middle;
  width: 38px;
  position: absolute;
  left: 0;
  top: -7px;
}
.or-block-faq-common .or-faq-qu h3:after{
  content: "";
  border-color: #E94709;  
  border-style: solid;
  border-width: 4px 4px 0 0;
  box-sizing: border-box;
  display: inline-block;
  height: 15px;
  transform: translateY(-50%) rotate(135deg);
  transition: .3s;
  width: 15px;
  margin-left: 2px;
  position: absolute;
  right: 0;
  top: 50%;
}
.or-block-faq-common .or-faq-qu.open h3:after{
  transform: rotate(-45deg);
}
.or-block-faq-common .or-faq-an{
  background: #fff;
  display:none;
  padding: 0px 75px 20px;
}
.or-block-faq-common .or-faq-an p{
  font-size: 16px;
  line-height: 2em;
  position: relative;
}
.or-block-faq-common .or-faq-an p a{
  color: #E94709;
}
.or-block-faq-common .or-faq-an p a:hover{
  text-decoration: none;
}
@media screen and (max-width: 834px){
  .or-block-faq-common .or-faq-an{
    padding-left: 20px;
    padding-right: 20px;
  }
  .or-block-faq-common .or-faq-qu{
    cursor: pointer;
    padding: 15px 10px;
  }
  .or-block-faq-common .or-faq-qu h3{
    font-size: 16px;
  }
  .or-block-faq-common .or-faq-qu h3:before{
    font-size: 18px;
    height: 26px;
    line-height: 23px;
    width: 26px;
    top: 0;
  }
  .or-block-faq-common .or-faq-qu h3{
    padding-left: 35px;
    padding-right: 30px;
  }
}

/************************************
** current表示
************************************/

/* Gナビ */

body.single-voice .navi-in > ul li#menu-item-701 a,
body.tax-voice_cat .navi-in > ul li#menu-item-701 a,
body.single-post .navi-in > ul li#menu-item-3351 a,
body.archive.category .navi-in > ul li#menu-item-3351 a{
  color: #E94709;
}

/* 共通ディレクトリボタン */

body.page-id-76 .or-common-directory ul li a.profile,
body.page-id-78 .or-common-directory ul li a.outline,
body.page-id-80 .or-common-directory ul li a.philosophy{
  background: #F4E4DE;
  border: 1px solid #F4E4DE;
  pointer-events: none;
}
body.page-id-102 .or-common-directory ul li a.profile,
body.page-id-437 .or-common-directory ul li a.profile,
body.page-id-439 .or-common-directory ul li a.profile,
body.page-id-441 .or-common-directory ul li a.profile,
body.page-id-443 .or-common-directory ul li a.profile,
body.page-id-445 .or-common-directory ul li a.profile,
body.page-id-447 .or-common-directory ul li a.profile,
body.page-id-449 .or-common-directory ul li a.profile,
body.page-id-451 .or-common-directory ul li a.profile,
body.page-id-453 .or-common-directory ul li a.profile,
body.page-id-455 .or-common-directory ul li a.profile,
body.page-id-457 .or-common-directory ul li a.profile,
body.page-id-459 .or-common-directory ul li a.profile,
body.page-id-461 .or-common-directory ul li a.profile,
body.page-id-463 .or-common-directory ul li a.profile,
body.page-id-465 .or-common-directory ul li a.profile,
body.page-id-467 .or-common-directory ul li a.profile,
body.page-id-469 .or-common-directory ul li a.profile,
body.page-id-471 .or-common-directory ul li a.profile,
body.page-id-473 .or-common-directory ul li a.profile,
body.page-id-475 .or-common-directory ul li a.profile,
body.page-id-477 .or-common-directory ul li a.profile,
body.page-id-479 .or-common-directory ul li a.profile{
  background: #F4E4DE;
  border: 1px solid #F4E4DE;
  pointer-events: none;
}

/* プロフィールサイドボタン */

body.page-id-102 .or-profile-side-area ul li a.profile-01,
body.page-id-437 .or-profile-side-area ul li a.profile-02,
body.page-id-439 .or-profile-side-area ul li a.profile-03,
body.page-id-441 .or-profile-side-area ul li a.profile-04,
body.page-id-443 .or-profile-side-area ul li a.profile-05,
body.page-id-445 .or-profile-side-area ul li a.profile-06,
body.page-id-447 .or-profile-side-area ul li a.profile-07,
body.page-id-449 .or-profile-side-area ul li a.profile-08,
body.page-id-451 .or-profile-side-area ul li a.profile-09,
body.page-id-453 .or-profile-side-area ul li a.profile-10,
body.page-id-455 .or-profile-side-area ul li a.profile-11,
body.page-id-457 .or-profile-side-area ul li a.profile-12,
body.page-id-459 .or-profile-side-area ul li a.profile-13,
body.page-id-461 .or-profile-side-area ul li a.profile-14,
body.page-id-463 .or-profile-side-area ul li a.profile-15,
body.page-id-465 .or-profile-side-area ul li a.profile-16,
body.page-id-467 .or-profile-side-area ul li a.profile-17,
body.page-id-469 .or-profile-side-area ul li a.profile-18,
body.page-id-471 .or-profile-side-area ul li a.profile-19,
body.page-id-473 .or-profile-side-area ul li a.profile-20,
body.page-id-475 .or-profile-side-area ul li a.profile-21,
body.page-id-477 .or-profile-side-area ul li a.profile-22,
body.page-id-479 .or-profile-side-area ul li a.profile-23{
  color: #E94709;
  font-weight: 600;
}