@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/**
.home .navi {
  display: none;
}
.home .mobile-header-menu-buttons{
  display: none;
}
.home #header-container {
    border-bottom: 2px solid #E0D698;
    border-top: 6px solid #00ABBC;
    box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, 0.1);
    background: linear-gradient(90deg, #fff 0%, #fff 70%, #fff 70%, #fff 100%);
}
.home .header-container-in.hlt-top-menu .logo-header img {
  display: none;
}
.home .footer-widgets{
  display: none;
}
.home .footer-logo{
  display: none;
}
.home .main {
    padding: 36px 30px 0px;
}
.home .article-footer{
  display: none;
}
公開時消*/

html {
  scroll-padding-top: 120px;
}


a:hover{
    opacity: 0.7;
    transition: all 0.3s ease-in-out;
}
a:where(:not(.wp-element-button)) {
    text-decoration: none;
}
input[type=submit]:hover{
    opacity: 0.7;
    transition: all 0.3s ease-in-out;
}
.go-to-top-button:hover{
    opacity: 0.7;
    transition: all 0.3s ease-in-out;
}
.grecaptcha-badge { visibility: hidden; }
.page-id-49 .grecaptcha-badge {
    visibility: inherit;
    margin-bottom: 20px;
}
.body .article, .entry-content{
    margin: 24px auto 0px;
}

.entry-content {
    margin-bottom: 10em!important;
}
.main {
    padding: 0px 0px 0px;
    background-color: transparent;
}
html {
	scroll-behavior: smooth;
}
.br-pc{
    display: none;
}
/* インナーを囲む */
#container{
    background: url(/wp-content/uploads/2024/06/bg-slash.png) no-repeat;
    background-image: image-set(url(/wp-content/uploads/2024/06/bg-slash.png) 1x, url(/wp-content/uploads/2024/06/bg-slash-2x.png) 2x);
    background-position: -50px 10px;
}

.content {
    max-width: 1366px;
    width: auto;
    margin: 0px auto 0px;
}
.wrap {
  width: auto;
  margin: 0 auto;
}
.site-name-text {
  font-size: 18px;
}

.logo-text {
  padding: 10px 0 0px;
  font-size: 1em;
    text-align: left;
}

.logo-image {
  padding: 10px 0;
  font-size: inherit;
}
.navi .item-label,
.navi .item-description {
    font-size: 15px!important;
}
#header-container {
    border-bottom: 2px solid #E0D698;
    border-top: 6px solid #00ABBC;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
    background: linear-gradient(90deg, #fff 0%, #fff 70%, #00ABBC 70%, #00ABBC 100%);
}

/************************************
** ヘッダーレイアウト
************************************/
.header-container-in.hlt-top-menu .site-name-text {
  font-size: 18px;
  white-space: nowrap;
}
.site-name::after {
    content: 'いちばんやさしい 基本情報技術者';
    font-size: 18px;
    padding-left: 0.5em;
}
.logo-menu-button .menu-button-in::after {
    content: 'いちばんやさしい 基本情報技術者';
    font-size: 15px;
    padding-left: 0.5em;
    font-weight: normal;
}
.header-container-in.hlt-top-menu .logo-header {
    padding-left: 0.5em;
}
.header-container-in .site-name-text-link {
  padding: 0 0;
}
.bnr-in{
    background-color:#00ABBC;
    width: 320px;
    float: right;
    padding: 3px 10px;
    margin-left: 20px;
    height: 60px;
}
.bnr01{
    float: left;
    width: 46%;
}
.bnr02{
    float: right;
    width: 52%;
}
.item-label:hover {
    color: #00ABBC;
}
.navi-in #menu-item-280 {
    display: none;
}
.header-container-in.hlt-top-menu {
    width: auto;
    max-width: 1400px;
}
.navi-in .has-icon{
    color: #00ABBC;
    opacity: 1;
    font-size: 13px;
}
.navi-in>.menu-header .sub-menu {
    border: 0px solid #edfcfd;
    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.2);
    margin-left: 20px;
}
.navi-in > ul .sub-menu li {
    border: 1px solid #edfcfd;
    padding-top: 0px;
    height: 50px;
    line-height: 50px;
}
.item-label:hover{
    cursor: pointer;
}
.navi-menu-content {
  right: 0!important;
  -webkit-transform: translateX(105%);
  transform: translateX(105%);
}
.header-container-in.hlt-top-menu .logo-header img {
    max-height: 32px;
}
.fixed-header .navi-in > ul li:hover > ul {
display: block;
}
.fixed-header .has-sub{
    display: block;
}
/************************************
** フッターレイアウト
************************************/
.footer {
    padding: 8px 0px 0 0px;
}
.footer-widgets, .footer-widgets-mobile{
    margin: 0px auto 10px;
    display: flex;
    max-width: 1366px;
    font-size: 16px;
}
.footer-logo{
    max-width: 1366px;
    margin: 0 auto;
    text-align: left;
    color: #000;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.footer-logo img{
    vertical-align: middle;
}
.footer-logo a{
    color: #000!important;
    text-decoration: none;
}
.footer-logo a:hover{
    background-color: transparent !important;
}
.footer-bottom {
    background-color: #C9BD70;
    margin-top: 0px;
    padding: 4px 0 10px;
}
.footer-left, .footer-center, .footer-right, .footer-right-etc {
    width: 28%;
}
.footer-mobile, .footer-left, .footer-center, .footer-right, .footer-right-etc {
    padding: 10px 16px;
}
.widget_nav_menu ul li a:hover{
    cursor: pointer;
}
#footer a:not(.sns-button):hover{
    background-color: #EDFCFD;
}
.widget_nav_menu ul li a{
    cursor: pointer;
    color: #00aebc!important;
    padding: 5px 0;
}
#footer{
    background-color: #fff;
}
.footer-title{
    font-size: 13px;
    color: #848484;
    font-weight: bold;
    padding-bottom: 10px;
}
/************************************
** プロダクト
************************************/
.product{
    background-color: #00ABBC;
    border-bottom: 4px solid #C9BD70;
    border-top: 4px solid #C9BD70;
    padding: 20px 20px 0 20px;
    margin-top: 30px;
}
.product-title{
    font-size: 24px;
    font-weight: bold;
    background: no-repeat url("../../../wp-content/uploads/2024/06/product-title-bg-1.png") top left;
    background-size:cover;
    width: 240px;
    color: #fff;
    padding-top: 6px;
    padding-left: 66px;
    margin-top: -50px;
    margin-left: -80px;
}
.product-box-area{
    display: flex;
    margin-top: 20px;
    color: #fff;
}
.product-box-area a{
    color: #fff;
    text-decoration: none;
}
.product-box1, .product-box2, .product-box3, .product-box4{
    /** width: 28%; 初回リリース **/
    width: 48%;
    padding-right: 20px;
    text-align: center;/** 初回リリース **/
}
.product-box-img{
    /** width:100%; 初回リリース **/
    width:60%;
    margin: 0 auto;
}
.product-box-img .wp-block-image{
    margin-bottom: 10px;
}
.product-box-title{
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    padding-bottom: 10px;
    line-height: 1.4;
}
.product-box-txt{
    font-size: 15px;
    padding-bottom: 10px;
    line-height: 1.6;
}
.product-box-banner{
    display: flex;/** 初回リリース **/
    width: 75%;/** 初回リリース **/
    margin: 0 auto;/** 初回リリース **/
}
.product-box-banner-l{
    /** width: 48%; 初回リリース **/
    width: 45%;
    padding-right: 10px;/** 初回リリース **/
    /** float: left; 初回リリース **/
    /** padding-right: 10px; **/
}
.product-box-banner-r{
    /** width: 52%; 初回リリース **/
    width: 50%;
    padding-left: 10px;/** 初回リリース **/
    /** float: left; 初回リリース **/
}
/************************************
** パンくず
************************************/
.fa-fw{
    display: none;
    width: 0;
}
.breadcrumb{
    margin: 1em 0 0;
    color:#000;
}
.breadcrumb a {
    color:#000;
    font-size: 12px;
}
.breadcrumb a:hover {
    color:#00ABBC;
}
.breadcrumb .sp {
    color: #00ABBC;
}
.breadcrumb-caption {
    margin: 0 0;
}
/************************************
** ページ
************************************/
.entry-title {
    font-size: 38px;
    margin: 70px 0;
    text-align: center;
    color: #C9BD70;
    font-weight: normal!important;
}
/************************************
** ページトップボタン
************************************/
.fa-angle-double-up:before {
    content: "\f106";
}
.go-to-top-button {
    background-color: #00ABBC;
    color: #fff;
    width: 60px;
    height: 60px;
    font-size: 22px;
    opacity: 0.8;
    border-radius: 30px;
    border: 1px solid #EDFCFD;
}
/************************************
** ホーム
************************************/
.page-id-615 .content{
    max-width: 2370px!important;
    min-width: 1366px;
    background: url(../../../wp-content/uploads/2024/06/top-img.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 2300px 490px;
}
.page-id-615 .content .main-img{
    height: 500px;
    text-align: center;
    font-weight: bold;
    line-height: 1.2;
}
.page-id-615 .article{
    margin: 0 0;
}
.page-id-615 .entry-content{
    margin: 0 0;
}
.page-id-615 .entry-header{
    display: none;
}
.page-id-615 .breadcrumb{
    display: none;
}
#post-615 {
    max-width: 1366px;
    width: auto;
    margin: 0px auto 0px;
}
.main-sub-txt{
    font-size: 42px;
    padding-top: 160px;
}
.main-txt{
    font-size: 86px;
    color: #00ABBC;
}
.main-s-txt{
    font-size: 20px;
}
.main-m-txt{
    font-size: 36px;
}
.passed-area{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.passed-area-l{
    width: 65%;
}
.passed-area-r{
    width: 30%;
}
.passed-area-title {
    font-size: 32px;
    margin-top: 10px;
    width: auto;
    margin-bottom: 10px;
    text-align:left;
    line-height: 1.4;
    color: #C2B565;
}
.passed-area-txt {
    color: #000;
    margin-bottom: 15px;
}
.home-h1{
    margin: 140px 0 40px!important;
}
.voice-area01, .voice-area02{
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
}
.voice-area-l, .voice-area-r{
    float: left;
    width: 40%;
}
.voice-area-img{
    float: left;
    width: 20%;
    text-align: center;
}
.voice-area-txt{
    float: left;
    width: 75%;
    padding-left: 30px;
    padding-top: 20px;
}
.voice-area01 .wp-block-image{
    margin-bottom: 5px;
}
.voice-area02 .wp-block-image{
    margin-bottom: 5px;
}
.forum-area{
    display: flex;
    justify-content: center;
    align-items: center;
}
.forum-area-l{
    width: 20%;
}
.forum-area-r{
    width: 40%;
    padding-left: 20px;
}
.forumd-area-title {
    font-size: 32px;
    margin-top: 10px;
    width: auto;
    margin-bottom: 10px;
    text-align:left;
    line-height: 1.4;
    color: #C2B565;
}
.forum-area-txt {
    color: #000;
    margin-bottom: 15px;
}
/************************************
** 勉強法
************************************/
.test-overview{
    display: flex;
    justify-content: space-evenly;/** 初回リリース **/
    /** justify-content: space-between; 初回リリース **/
    padding-bottom: 30px;
}
.test-overview-img01{
    background: url(../../../wp-content/uploads/2024/06/test-overview_img01.png) no-repeat 5px 0px;
    max-width: 405px;
    width: 33%;
    min-width: 405px;
    height: 280px;
    background-color: #00ABBC;
    border-radius: 8px;
    background-size: cover;
    box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
.test-overview-img02{
    background: url(../../../wp-content/uploads/2024/06/test-overview_img02.png) no-repeat bottom right;
    max-width: 405px;
    width: 33%;
    min-width: 405px;
    height: 280px;
    background-color: #00ABBC;
    border-radius: 8px;
    background-size: contain;
    box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
.test-overview-img03{
    background: url(../../../wp-content/uploads/2024/06/test-overview_img03.png) no-repeat;
    max-width: 405px;
    width: 33%;
    min-width: 405px;
    height: 280px;
    background-color: #00ABBC;
    border-radius: 8px;
    background-size: cover;
    box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
.test-overview-title{
    color: #fff;
    text-align: center;
    font-size: 28px;
    border-bottom: 2px solid #C2B565;
}
.test-overview a:hover{
    text-decoration: none;
}
.trian {
    background: #C2B565;
    height: calc(tan(40deg) * 30px / 2);
    width: 30px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    margin: 240px auto 0;
}
.article h1{
    font-size: 38px;
    margin: 70px 0;
    text-align: center;
    color: #C9BD70;
    font-weight: normal !important;
}
.entry-title, .archive-title {
    font-size: 38px;
    margin: 70px 0;
    text-align: center;
    color: #C9BD70;
    font-weight: normal !important;
}
.wp-block-button__link {
    color: #fff;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-align: center;
    text-decoration: none;
    word-break: break-word;
    box-sizing: border-box;
    background-color: #00AEBC;
    font-size: 18px;
    border-radius: 4px;
    font-weight: bold;
    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.2);
}
.wp-block-button__link:hover {
    color: #fff;
}
.wp-block-button__link_w {
    color: #00ABBC;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-align: center;
    text-decoration: none;
    word-break: break-word;
    box-sizing: border-box;
    background-color: #fff;
    font-size: 18px;
    border-radius: 4px;
    font-weight: bold;
    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.2);
}
.wp-block-button__link_w:hover {
    color: #00ABBC;
}
.study-area{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.study-area-l{
    width: 30%;
}
.study-area-r{
    width: 65%;
}
.w-area .study-area-l{
    width: 65%;
}
.w-area .study-area{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.w-area .study-area-r{
    width: 40%;
}
.w-area .study-area-title {
    font-size: 32px;
    margin-top: 10px;
    width: auto;
    margin-bottom: 10px;
    text-align:left;
    line-height: 1.4;
    color: #00ABBC;
}
.w-area .study-area-txt {
    color: #000;
    margin-bottom: 15px;
}
.w-area p {
    margin-bottom: 0px;
}
 .w-area .wp-block-image{
    margin-bottom: 0px;
}
 .g-area .wp-block-image{
    margin-bottom: 0px;
}
.page-id-32 .w-area, .g-area{
    margin-bottom: 0;
}
.mb18{
    margin-bottom: 1.8em!important;
}
.mt50{
    margin-top: 5em!important;
}
.study-area-point{
    background-color: #C9BD70;
    padding: 10px 20px;
    color: #fff;
    font-size: 20px;
    width: auto;
    border-radius: 20px;
    text-align: center;
}
.underline {
    text-decoration-color: #C9BD70;
    text-decoration-line: underline;
    text-decoration-thickness: 10px;
    text-underline-offset: -3px;
}
.study-area-title {
    font-size: 32px;
    margin-top: 10px;
    width: auto;
    margin-bottom: 10px;
    text-align:left;
    line-height: 1.4;
    color: #fff;
}
.study-area-txt {
    color: #fff;
    margin-bottom: 15px;
}
.wp-block-button{
    display: flex;
    justify-content: flex-start;
}
.study-app-img{
    display: flex;
    justify-content: center;
}
.study-app-img img{
    width: 400px;
    margin: 0 auto;
    padding: 0 20px;
}
.gg-area{
    background-color: #00ABBC;
    border-bottom: 4px solid #C9BD70;
    border-top: 4px solid #C9BD70;
    padding: 20px 20px 0 20px;
    margin-top: 30px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    color: #fff;
    margin-top: 70px;
}
.gg-area .product-box-banner{
    display: flex;
    justify-content: center;
    width: 30%;
    margin: 20px auto 0;
}
/************************************
** 基本情報技術者試験とは
************************************/
.merit-area{
    background-color: #00ABBC;
    box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 8px;
}
.merit-box{
    display: flex;
    justify-content: space-between;
    padding: 10px;
}
.merit-box .wp-block-image{
    margin-bottom: 10px;
}
.merit01{
    width: 30%;
}
.merit02{
    width: 30%;
}
.merit03{
    width: 30%;
}
.merit-title{
    color: #fff;
    text-align: center;
    font-size: 28px;
    line-height: 1.4;
    font-weight: bold;
}
.merit-s-title{
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 10px;
}
.merit-txt{
    color: #fff;
    text-align: left;
    font-size: 16px;
    line-height: 1.6;
}
.w-area{
    background-color: #fff;
    padding: 20px 40px 20px;
}
.g-area{
    background-color: #00AEBC;
    padding: 20px 40px 20px;
}
#book{
    margin-top: 20px;
}
.s-heading{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
}
.s-heading .point{
    color: #C2B565;
}
.page-id-41 table tr:first-child {
    background-color: transparent;
    border-bottom: 0px solid #00ABBC;
    border-top: 0px solid #00ABBC;
}
.page-id-41 .wp-block-table td{
    padding: 5px;
    text-align: left;
    font-size: 15px;
    background-color: transparent;
}
.page-id-41 .wp-block-table td:first-child{
    width: 20%;
}
.page-id-41 table tr:not(:first-child) {
    background-color: transparent;
}
.page-id-41 .wp-block-table table{
    background-color: transparent!important;
}

/************************************
** 統計情報
************************************/
.statistics-title{
    margin-bottom: 5px;
    padding-top: 20px;
}
.statistics-txt{
    margin-bottom: 5px;
}
.body .wp-block-table table {
    width: 100%;
    text-align: center;
    background-color: #fff;
}
table tr:first-child{
    background-color: #D5F4F6;
    border-bottom: 1px solid #00ABBC;
    border-top: 1px solid #00ABBC;
}
table:not(.has-border-color) :where(th, td) {
    border: 0px ;
}
table:not(.has-border-color) td{
    border-bottom: 1px dotted #797979;
}
table tr:not(:first-child){
    background-color: #fff;
}
.statistics-fl{
    float: left;
    width: 30%;
}
.statistics-fr{
    float: right;
    width: 65%;
}
.cb{
    clear: both;
}
/************************************
** フォーラム
************************************/
.bbp-template-notice{display: none!important;}
#bbpress-forums fieldset.bbp-form {
    border: 0px solid #eee;
    padding: 0px;
    margin-bottom: 0px;
}
/**名前などの入力欄**/
#bbpress-forums .required{
    color: #FF0081;
    font-size: 13px;
}
#bbpress-forums img.avatar{
    display: none;
}
#bbpress-forums .bbp-author-role{
    display: none;
}
#bbpress-forums div.bbp-reply-author{
    float: left;
    text-align: left;
    width: 100%;
    padding-bottom: 10px;
    font-size: 13px;
}
#bbpress-forums div.bbp-reply-author .bbp-author-name{
    margin: 0 0px;
    color:#919191;
    font-weight: bold;
}
#bbp_anonymous_website, .form-allowed-tags{
    display: none;
}
#bbp_anonymous_author, #bbp_anonymous_email, .form-allowed-tags, .bbp-reply-author{
}
#bbpress-forums li.bbp-header .bbp-reply-content{
    margin-left: 0px;
}
#bbpress-forums div.bbp-reply-content{
    margin-left: 0px;
}
.bbp-reply-permalink{
    display: none;
}
#bbpress-forums li.bbp-header {
    background: #848484;
    font-size: 18px;
    color: #fff;
    border-top: 0px;
    font-weight: bold;
}
div#bbpress-forums a.bbp-topic-permalink:before, .bbp-topic-meta, .bbp-footer, .bbp-forum-description, .bbp_stick_topic, .bbp_topic_status {
    display: none;
}
.bbp-template-notice .error {
    display: block;
}
div#bbpress-forums fieldset.bbp-form selec{
    display: none;
}
#bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results, #bbpress-forums ul.bbp-topics {
    font-size: 16px;
    overflow: hidden;
    border: 0px;
    margin-bottom: 10px;
    clear: both;
}
div#bbpress-forums .bbp-topic-permalink {
    font-size: 18px;
}
#bbpress-forums a:hover {
    text-decoration: underline!important;
    color: #00ABBC;
}
.bbp-topics{
    border: 0px;
}
#bbpress-forums li.bbp-body ul.topic {
    border-top: 1px dotted #707070;
    overflow: hidden;
    padding: 20px;
}
#bbpress-forums a, #bbpress-forums a:hover {
    text-decoration: none;
}
div.bbp-template-notice.info {
    border: 0px;
    background-color: transparent;
    display: none;
}
.bbp-pagination{
    margin-bottom: 10px;
}
#bbpress-forums fieldset.bbp-form legend {
    padding: 40px 0 20px;
    width: auto;
    border: none;
    font-weight: bold;
    color: #000;
    font-size: 18px;
    line-height: 1.4;
}
#bbpress-forums fieldset.bbp-form label {
    margin: 0 0 10px;
    display: inline-block;
    cursor: inherit;
}
li.bbp-topic-title{
    width: 75%;
}
li.bbp-topic-freshness{
    width: 15%;
}
.bbp-body a:hover{
    text-decoration: underline;
}
div.bbp-template-notice.error, div.bbp-template-notice.warning {
    background-color: #EC6E59;
    border-color: #EC6E59;
    color: #fff;
}
#bbp_reply_submit{
    padding: 15px 80px;
    color: #fff;
    background-color: #00AEBC;
    border: 0;
    border-radius: 4px;
    font-size: 18px;
    cursor: pointer;
}
#bbp_reply_submit:hover {
    opacity: 0.7;
}
div#bbpress-forums #bbp_topic_submit {
    padding: 15px 80px;
    color: #fff;
    background-color: #00AEBC;
    border: 0;
    border-radius: 4px;
    font-size: 18px;
    cursor: pointer;
}
div.bbp-submit-wrapper {
    margin: 15px auto;
    width: 200px;
    float: none;
    text-align: center;
    line-height: 5;
}
div#bbpress-forums #bbp_topic_submit:hover {
    opacity: 0.7;
}
.bbp-pagination-count{
    font-size: 16px;
    color: #848484;
}
#bbpress-forums .bbp-pagination-links a {
    font-size: 16px;
    border: 0px solid #efefef;
    color: #00AEBC
}
#bbpress-forums .bbp-pagination-links a:hover {
    background-color: transparent;
    border: 0px solid #efefef;
    color: #00AEBC
}
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
    font-size: 18px;
    height: 250px;
}
#bbp-cancel-reply-to-link{
    padding-bottom: 30px;
}
.bbp-topic-voice-count{display: none!important;}

#bbpress-forums .bbp-pagination-links a, #bbpress-forums .bbp-pagination-links span.current {
    font-size: 20px;
    line-height: 45px;
}
@media screen and (max-width: 480px) {
#bbpress-forums .bbp-pagination-links a, #bbpress-forums .bbp-pagination-links span.current {
    line-height: 30px;
}
div#bbpress-forums .bbp-body div.bbp-reply-author {
    padding-left: 0;
    width: 100%;
    text-align: left;
}
#bbpress-forums .bbp-body div.bbp-reply-author, #bbpress-forums .bbp-body div.bbp-topic-author {
        float: none;
        margin: 0px;
        min-height: auto;
        padding-left: 80px;
        position: relative;
        text-align: left;
        width: calc(100% - 100px);
        border-bottom: 1px solid #efefef;
        box-sizing: content-box;
    }
}
/************************************
** 正誤情報
************************************/
.article h6 {
    margin-bottom: 10px;
    padding: 9px 0px;
}
.tab-content-group {
    border: 0px solid var(--cocoon-basic-border-color);
    background-color: #fff;
}
.tab-label-group .tab-label.is-active {
    background-color: #00ABBC;
    color: #fff;
    font-size: 20px;
}
span.bbp-admin-links a {
    font-size: 13px;
}
.single-topic .article h1 {
    font-size: 28px;
    text-align: left;
}
.tab-label-group .tab-label {
    padding: 0.5em 1.5em;
    font-size: 20px;
}
/************************************
** よくある質問
************************************/
.toggle-button {
    padding: 3px 10px;
    background-color: transparent;
    text-align: left;
    color: #00ABBC;
    font-size: 24px;
    font-weight: bold;
    border-color:transparent;
    border-bottom: 1px solid #00ABBC;
}
.toggle-checkbox:checked ~ .toggle-content {
    background-color: #fff;
    border-color: transparent;
}
.toggle-button::before {
    margin-right: 0.8em;
    font-size: 0.8em;
    color: #fff;
    opacity: 1;
    background-color: #00ABBC;
    width: 40px!important;
    height: 40px!important;
    border-radius: 20px;
    padding: 7px 9px;
}
/************************************
** 会社概要
************************************/
.txt-g{
    color: #7F7F7F;
}
.pl80{
    padding-left: 85px;
}
.page-id-54 p{
    margin-bottom: 0;
}
/************************************
** 新着記事
************************************/
.widget-entry-card{
    padding-bottom: 10px;
    border-bottom: 1px dotted #8B8B8B;
}
.widget-entry-cards figure {
    width: 300px;
    border: 2px solid #fff;
}
.widget-entry-cards:not(.large-thumb-on) .card-title {
    font-size: 20px;
    color: #00ABBC;
}
.widget-entry-cards:not(.large-thumb-on) .card-snippet {
    font-size: 16px;
    line-height: 1.6;
    padding-top: 10px;
    margin-top: 0px;
    opacity: 1;
}
.new-entry-card-date {
    display: block;
    padding-bottom: 10px;
}
.post-date{
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 10px;
    color: #C9BD70;
}
.new-entry-card-update-date{
    display: none;
}
.card-arrow .a-wrap::after{
    color: #00ABBC;
}
.fa-folder-open:before{
    display: none;
}
.related-entry-card-meta, .entry-card-meta {
    top: 0;
    position: unset;
    left: 0;
    text-align: left;
    line-height: 1;
}
.e-card-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.post-date {
    font-size: 16px;
    padding-top: 0px;
    padding-bottom: 10px;
    color: #C9BD70;
}
.entry-card-title{
    font-size: 20px;
    color: #00ABBC;
}
.card-snippet {
    font-size: 16px;
    line-height: 1.6;
    padding-top: 0px;
    margin-top: 0px;
    opacity: 1;
}
.entry-card-thumb{
    border: 2px solid #fff;
}
.list{
    padding-bottom: 0px;
    border-bottom: 1px dotted #8B8B8B;
}
.list .a-wrap {
    padding: 20px 5px;
}
/************************************
** 著者
************************************/
.author{
    display: flex;
}
.author-img{
    float: left;
    padding-right: 40px;
}
.author-txt-area{
    float: left;
}
.author-txt-heading{
    font-size: 24px;
    font-weight: bold;
    padding-top: 40px;
}
.author-book{
    display: flex;
}
.author-book a{
    color: #000;
}
.author-book a:hover{
    opacity: 0.7;
}
.author-book-l{
    float: left;
    padding-right: 10px;
}
.author-book-r{
    float: left;
    padding-left: 10px;
}
.author-book-img{
    float: left;
    width: 30%;
    padding-right: 20px;
}
.author-book-txt{
    float: left;
    width: 70%;
}
.author-book-txt-title{
    font-size: 18px;
    font-weight: bold;
}
.author-book-txt-txt{
    padding-top: 20px;
    font-size: 16px;
}
/************************************
** お問い合わせ
************************************/
.wpcf7-not-valid-tip {
    color: #EC6E59;
    font-size: 15px;
}
.wpcf7-validates-as-email{
    width: 50%!important;
}
.wpcf7-list-item-label{
    color: #000;
    font-size: 18px;
    font-weight: bold;
}
.wpcf7{
    margin-top: 70px;
}
.wpcf7 p{
    color: #8B8B8B;
    width: 100%;
    margin: 30px auto;
}
.wpcf7-list-item {
    margin: 0.5em 0 0 2em;
}
.first{
    margin: 0.5em 0 0 0em!important;
}
input[type=submit] {
    border: none;
    background-color: #00AEBC;
    color: #fff;
    width: 20%;
    height: 60px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 18px;
    margin: 30px 0 60px 0;
    margin-left: 40%;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0em 0.5em 5em;
    padding: 0.2em 1em;
    border: 2px solid #C9BD70!important;
    background-color: #C9BD70;
    color: #fff;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1280px以下*/
@media screen and (max-width: 1280px){
  /*必要ならばここにコードを書く*/
.bnr-in{
    display: none;
}
#container{
    background:transparent;
    background-image:transparent;
}
.content {
    margin: 0px 10px 0px 10px;
}
.page-id-615 .content {
    margin: 0px;
    min-width: 100%;
    box-sizing: border-box;
    background: url(../../../wp-content/uploads/2024/06/top-img.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 2300px 490px;
    width: 100%;
}
#post-615 {
    max-width: auto;
    width: auto;
    margin: 0 10px;
}
/************************************
** ホーム
************************************/
.test-overview{
    display: flex;/** 初回リリース **/
    /** display: ruby;初回リリース **/

}
.test-overview-img01{
    width: 30%;
    height: 250px;
    min-width: 350px;
}
.test-overview-img02{
    width: 30%;
    height: 250px;
    min-width: 350px;
}
.test-overview-img03{
    width: 30%;
    height: 250px;
    min-width: 350px;
}
.test-overview-img03{
    margin-top: 0px;/** 初回リリース **/
    /** margin-top: 30px;初回リリース **/
    margin-bottom: 60px;
}
.voice-area-l, .voice-area-r{
    width: 50%;
}
.voice-area-txt {
    padding-top: 0px;
    font-size: 16px;
    padding-left: 20px;    
}
.voice-area-img {
    font-size: 13px;
}
.forum-area-l {
    width: 30%;
}
.forum-area-r {
    width: 70%;
}
/************************************
** 基本情報技術者試験とは
************************************/
.merit-area{
    background-color: #00ABBC;
    box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius:0px;
    overflow: hidden;
}
.merit-box{
    display: block;
    padding: 20px;
}
.merit-box img{
    float: left;
    width: 30%;
}
.merit01{
    width: 100%;
    clear: both;
}
.merit02{
    width: 100%;
    clear: both;
}
.merit03{
    width: 100%;
    clear: both;
}
.merit-s-title{
    color: #fff;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    float: left;
    padding-top: 50px;
    padding-left: 10px;
}
.merit-txt{
    color: #fff;
    text-align: left;
    font-size: 16px;
    line-height: 1.6;
    float: left;
    width: 65%;
    padding-left: 10px;
}
}
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.navi-in #menu-item-280 {
    display:block;
}
.mobile-menu-buttons .menu-button {
    position: relative;
    width: 60px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 5px;
    margin-right: 10px;
}
#header-container {
    border-bottom: 0px solid #E0D698;
    border-top: 0px solid #00ABBC;
}
.logo-menu-button img {
    float: left;
}
.logo-menu-button::after {
    content: 'いちばんやさしい 基本情報技術者';
    font-size: 15px;
    padding-left: 0.5em;
    display: none;
}
.mobile-header-menu-buttons {
    border-bottom: 2px solid #E0D698;
    border-top: 6px solid #00ABBC;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
}
.mobile-menu-buttons .menu-icon {
    font-size: 25px;
    background-color: #00ABBC;
    width: 55px;
    height: 55px;
    border-radius: 28px;
    padding-top: 10px;
    color: #fff;
}
.menu-close-button {
  text-align: left;
  font-size: 1.5em;
}
.navi-menu-close-button .fas {
    background-color:#00ABBC;
    color: #fff;
    width: 50px!important;
    height: 50px!important;
    padding: 14px 0px 0 17px;
    border-radius: 25px;
    margin: 10px 10px;
    font-weight: 600;
}
.sub-menu li {
    border-bottom: 1px dotted #E7E7E7;
}
.menu-drawer .sub-menu {
    border-top: 1px solid #C2B565;
}
.menu-item-has-children li a{
    font-size: 18px;
    color: #00ABBC;
}
.menu-item-has-children a{
    font-size: 14px;
    padding: 10px 10px;
}
.menu-item-has-children a:hover{
    background-color: #fff;
}
.menu-item-has-children li a:hover {
    background-color: #EDFCFD;
    color: #00ABBC;
}
.menu-content .menu-drawer {
    padding: 0 0em 30px;
}
.footer-widgets, .footer-logo{
    display: none;
}
.footer {
    padding: 0px 0px 0 0px;
}
/************************************
** ホーム
************************************/    
.page-id-615 .content {
    margin: 0px;
    min-width: 100%;
    box-sizing: border-box;
    background: url(../../../wp-content/uploads/2024/06//top-img1023.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 1630px 350px;
    width: 100%;
}
.page-id-615 .content .main-img{
    height: 300px;
}
.page-id-615 .content {
    margin: 20px 0px 0px 0px;
}
.main-sub-txt{
    font-size: 32px;
    padding-top: 90px;
}
.main-txt{
    font-size: 66px;
    color: #00ABBC;
}
.main-s-txt{
    font-size: 16px;
}
.main-m-txt{
    font-size: 30px;
}
/************************************
** 基本情報技術者試験とは
************************************/    
.page-id-41 .wp-block-table td{
    font-size: 14px!important;
}
.page-id-41 .wp-block-table td:first-child{
    width: 30%!important;
}    
/************************************
** プロダクト
************************************/
.product-box-area{
    flex-wrap: wrap; 
    justify-content: space-between;
}
.product-box1, .product-box2, .product-box3, .product-box4{
    width: calc(50% - 20px);
    padding-right: 0px;
}
.product-box2, .product-box4{
    float: right;
}
.product-title{
    font-size: 22px;
    padding-top: 4px;
    padding-left: 76px;
}
.content {
    margin-top: 30px;
}
.breadcrumb {
    margin: 1em 0 0;
}
/************************************
** 著者
************************************/
.author{
    display:grid;
}
.author-img{
    padding-right:0px;
    width: 40%;
    margin: 0 auto;
}
.author-book{
    display: flex;
    line-height: 1.6;
}
.author-book-l{
    float: left;
    padding-right: 10px;
}
.author-book-r{
    float: left;
    padding-left: 10px;
}
.author-book-img{
    float: left;
    width: 40%;
    padding-right: 20px;
}
.author-book-txt{
    float: left;
    width: 60%;
}
}

/*834px以下*/
@media screen and (max-width: 860px){
  /*必要ならばここにコードを書く*/
.main.main, div.sidebar {
    padding: 0px 0px 0px;
}
.wpcf7-validates-as-email{
    width: 100%!important;
}
input[type=submit] {
    width: 40%;
    margin: 0px 0 60px 0;
    margin-left: 30%;
}
.wpcf7-list-item {
    margin: 0.5em 0 0 1em;
}

/************************************
** 勉強法
************************************/
.study-area{
    display: block;
    justify-content: space-between;
}
.study-area-l{
    width: 40%;
    margin: 0 auto;
}
.study-area-r{
    width: 100%;
}
.w-area .study-area{
    display: block;
    justify-content: space-between;
}
.w-area .study-area-l{
    width: 100%;
}
.w-area .study-area-r{
    width: 60%;
    margin: 30px auto 0px;
}
.gg-area{
    margin-top: 40px;
}
.gg-area .product-box-banner{
    width: 60%;
    margin: 20px auto 0;
}
.w-area .wp-block-image{
    margin-bottom: 20px;
}
.g-area .wp-block-image{
    margin-bottom: 20px;
}
/************************************
** 基本情報技術者試験とは
************************************/
.merit-area{
    background-color: #00ABBC;
    box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius:0px;
    overflow: hidden;
}
.merit-box{
    display: block;
    padding: 10px;
}
.merit-box img{
    float: left;
    width: 300px;
    margin: 0px auto 10px; 
}
.merit-box .wp-block-image{
    width: 250px;
    margin: 0px auto 10px; 
}

.merit-title{
    font-size: 24px;
}
    .merit-s-title{
    text-align: center;
    font-size: 22px;
    float: none;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 10px;
    clear: both;
}
.merit-txt{
    text-align: left;
    font-size: 16px;
    line-height: 1.6;
    float: none;
    width: 100%;
    padding-left: 0px;
    clear: both;
}
.page-id-41 .wp-block-table td{
    font-size: 13px!important;
}
.page-id-41 .wp-block-table td:first-child{
    width: 40%!important;
}    
/************************************
** 試験概要
************************************/
.test-overview-img01{
}
.test-overview-img02{
    margin-top: 60px;
}
.test-overview-img03{
    margin-top: 0px;/** 初回リリース **/
    /** margin-top: 60px; 初回リリース **/
}
/************************************
** 統計情報
************************************/
.statistics-fl{
    float: none;
    width: 100%;
}
.statistics-fr{
    float: none;
    width: 100%;
    padding-top: 20px;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.entry-content {
    margin-bottom: 3em !important;
}
.product-box-title {/** 初回リリース **/
    font-size: 15px;
}
.product-box1, .product-box2, .product-box3, .product-box4{
    width: calc(100% - 0px);
}
.product-box-img .wp-block-image {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 10px;
}
.entry-title {
    font-size: 30px;
    margin: 35px 0;
}
.article h1 {
    font-size: 28px;
    margin: 40px 0;
}
.single-post .article h1 {
    font-size: 20px;
    margin: 40px 0;
}
.entry-title, .archive-title {
    font-size: 28px;
    margin: 40px 0;
}
.product {
    padding: 10px 10px 0 10px;
}

/************************************
** ページ
************************************/
.has-text-align-center{
    text-align: left;
}
.br-sp{
    display: none;
}
.br-pc{
    display: block;
}
/************************************
** ホーム
************************************/    
.page-id-615 .content {
    min-width: 100%;
    box-sizing: border-box;
    background: url(../../../wp-content/uploads/2024/06//top-img480.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 885px 190px;
    width: 100%;
}
.page-id-615 .content .main-img{
    height: 190px;
}
.main-sub-txt{
    font-size: 18px;
    padding-top: 50px;
}
.main-txt{
    font-size: 36px;
    color: #00ABBC;
}
.main-s-txt{
    font-size: 10px;
}
.main-m-txt{
    font-size: 16px;
}
.passed-area{
    display: block;
}
.passed-area-l{
    width: 100%;
}
.passed-area-r{
    width: 80%;
    margin: 0 auto;
}
.passed-area-title {
    font-size: 28px;
    text-align: center;
}
.home-h1{
    margin: 70px 0 20px!important;
}
.page-id-615 .has-bottom-margin.is-style-bottom-margin-5em {
    margin-bottom: 1em !important;
}
.page-id-615 .test-overview{
    padding-bottom: 0px;
}
.page-id-615 .test-overview-img02{
    margin: 20px auto;
}
.page-id-615 .test-overview-img03{
    margin: 20px auto;
}
.voice-area01, .voice-area02{
    display: block;
    padding-bottom: 0px;
    overflow: hidden;
}
.voice-area-l, .voice-area-r{
    width: 100%;
}
.voice-area-img{
    width: 25%;
    padding-bottom: 20px;
}
.voice-area-txt{
    width: 75%;
    padding-left: 10px;
    padding-top: 0px;
    font-size: 14px;
}
.forum-area{
    display: block;
    align-items: center;
}
.forum-area-l{
    width: 60%;
    margin: 0 auto;
}
.forum-area-r{
    width: 100%;
    padding-left: 0px;
}
.forum-area-txt {
    color: #000;
    margin-bottom: 15px;
}
.page-id-615 .wp-block-button__link {
    margin: 0px auto 40px;
}

/************************************
** 勉強法
************************************/
.study-area{
    display: block;
    justify-content: space-between;
    padding: 10px 0px;
}
.study-area-l{
    width: 80%;
    margin: 0 auto;
}
.study-area-r{
    width: 100%;
}
.study-area-point{
    font-size: 16px;
}
.underline {
    text-decoration-color: #C9BD70;
    text-decoration-line: underline;
    text-decoration-thickness: 10px;
    text-underline-offset: -3px;
}
.study-area-title {
    font-size: 25px;
}
.study-area-txt {
    color: #fff;
    margin-bottom: 15px;
}
.wp-block-button__link {
    padding: calc(15px) calc(10px);
    font-size: 16px;
    line-height: 1.4;
    margin: 20px auto 40px;
}
.wp-block-button__link_w {
    padding: calc(15px) calc(10px);
    font-size: 16px;
    line-height: 1.4;
}
.w-area .study-area{
    display: block;
    justify-content: space-between;
    padding: 10px 0px;
}
.w-area .study-area-l{
    width: 100%;
}
.w-area .study-area-r{
    width: 100%;
    margin: 0 auto;
}
.w-area .study-area-title {
    font-size: 25px;
}
.wp-block-button{
    display: flex;
    justify-content: center;
}
.study-app-img{
    display: block;
    justify-content: center;
}
.gg-area{
    margin-top: 80px;
    margin-bottom: 80px;
}
.gg-area .product-box-banner{
    width: 90%;
    margin: 20px auto 0;
}
/************************************
** 基本情報技術者試験とは
************************************/
.g-area{
    padding: 10px 10px 10px;
}
.w-area{
    padding: 10px 10px 10px;
}
.s-heading{
    font-size: 16px;
    line-height: 1.2;
    padding-bottom: 10px;
    padding-top: 20px;
}
.article h6 {
    font-size: 20px;
    padding: 9px 0px;
}
/************************************
** 試験概要
************************************/
.test-overview{
    display: block;
}
.test-overview-img01{
    background: url(../../../wp-content/uploads/2024/06/test-overview_img01.png) no-repeat;
    width: 300px;
    height: 200px;
    max-width: 300px;
    min-width: 300px;
    background-color: #00ABBC;
    border-radius: 8px;
    background-size: cover;
    margin: auto;
}
.test-overview-img02{
    background: url(../../../wp-content/uploads/2024/06/test-overview_img02.png) no-repeat bottom right;
    width: 300px;
    height: 200px;
    max-width: 300px;
    min-width: 300px;
    background-color: #00ABBC;
    border-radius: 8px;
    background-size: contain;
    box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, 0.1);
    margin: 50px auto;
}
.test-overview-img03{
    background: url(../../../wp-content/uploads/2024/06/test-overview_img03.png) no-repeat;
    width: 300px;
    height: 200px;
    max-width: 300px;
    min-width: 300px;
    background-color: #00ABBC;
    border-radius: 8px;
    background-size: cover;
    box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, 0.1);
    margin: 50px auto;
}
.trian {
    margin: 180px auto 0;
}
.test-overview-title {
    font-size: 20px;
}
/************************************
** 統計情報
************************************/
.main figure.wp-block-table {
    font-size: 17px;
}
/************************************
    ** フォーラム
************************************/
#bbpress-forums li.bbp-header {
    font-size: 15px;
}
#bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results, #bbpress-forums ul.bbp-topics {
    font-size: 14px;
}
div#bbpress-forums .bbp-topic-permalink {
    font-size: 15px;
}
li.bbp-topic-title {
    width: 50%;
}
.bbpress-forums li.bbp-header ul {
    font-size: 11px;
}
li.bbp-topic-freshness {
    width: 30%;
}
.bbp-pagination-count{
    font-size: 12px;
}
#bbpress-forums .bbp-pagination-links a {
    font-size: 20px;
    line-height: 30px;
}
span.bbp-admin-links {
    float: right;
    clear: inline-end;
}

/************************************
** お問い合わせ
************************************/
.wpcf7-list-item:last-child{
     margin: 0.5em 0 0 0em;
}
/************************************
** 著者
************************************/
.author-book{
    display: flow-root;
    line-height: 1.6;
}
.author-book-l{
    float: left;
    padding-right: 0px;
}
.author-book-r{
    float: left;
    padding-left: 0px;
    padding-top: 20px;
}
.author-book-img{
    float: left;
    width: 40%;
    padding-right: 20px;
}
.author-book-txt{
    float: left;
    width: 60%;
}
.author-book-txt-titel{
    font-size: 18px;
    font-weight: bold;
}
.author-book-txt-txt{
    padding-top: 10px;
    font-size: 16px;
}
/************************************
** 新着記事
************************************/
.widget-entry-cards figure {
    width: 80%;
    border: 2px solid #fff;
}
.widget-entry-cards:not(.large-thumb-on) .card-title {
    font-size: 20px;
    width: 100%;
}
.widget-entry-cards:not(.large-thumb-on) .card-snippet {
    font-size: 16px;
    line-height: 1.4;
    padding-top: 5px;
    margin-top: 0px;
    width: 100%;
}
.new-entry-card-date {
    display: block;
}
.post-date{
    padding-top: 5px;
    float: left;
    font-size: 14px;
}
.card-arrow .a-wrap::after{
    display: none;
}
.card-arrow .card-content {
    margin-right: 0px;
    margin-left: 0px;
}
.related-entry-card-meta, .entry-card-meta {
    top: 0;
    position: unset;
    left: 0;
    text-align: left;
    line-height: 1;
}
.e-card-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.post-date {
    font-size: 16px;
    padding-top: 0px;
    padding-bottom: 10px;
    color: #C9BD70;
}
.entry-card-title{
    font-size: 20px;
    color: #00ABBC;
}
.card-snippet {
    font-size: 16px;
    line-height: 1.6;
    padding-top: 0px;
    margin-top: 0px;
    opacity: 1;
}
.list .a-wrap {
    padding: 10px 0px;
}
.no-sp-snippet .entry-card-snippet {
    display: -webkit-box;
}
.entry-card-thumb{
    float: none;
    width: 80%;
    margin: 0px auto 15px;
}
.related-entry-card-content, .entry-card-content {
    padding-bottom:10px;
}
.widget-entry-card-thumb{
    float: none;
    width: 80%;
    margin: 0px auto 15px;
}
/************************************
** 会社概要
************************************/
.pl80{
    padding-left: 75px;
}
/************************************
** よくある質問
************************************/
.toggle-button {
    font-size: 18px;
    padding: 3px 3px;
}
.toggle-button::before {
    margin-right: 0.6em;
    font-size: 0.6em;
    border-radius: 18px;
    padding: 6px 7px;
    vertical-align: middle;
    line-height: 2.8;
}
/************************************
** 正誤情報
************************************/
.tab-label-group .tab-label.is-active {
    font-size: 16px;
}
.tab-label-group .tab-label {
    font-size: 16px;
}
    
}