/*
 Theme Name:   OnePress Child
 Theme URI:    https://www.famethemes.com
 Description:  OnePress sample child theme
 Author:       FameThemes
 Author URI:   https://www.famethemes.com
 Template:     onepress
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  onepress-child
*/

/* Add your custom css below
-------------------------------------------------------------- */
body, button, input, select, textarea{
    font-family: "Yu Gothic UI", "Open Sans", Helvetica, Arial, sans-serif;
    color: #333;
    font-size: 1em;
}
h1,h2,h3,h4,h5,h6 {
    font-family: "Yu Gothic UI", "Raleway", Helvetica, Arial, sans-serif;
}
table th {
    font-size: 16px;
}
.page-header .entry-title, .page-header .page-title {
    font-size: 32px;
    text-transform: none;
}
h2 {
    font-size: 28px;
    line-height: 1.3;
}
h3 {
    line-height: 1.3;
    color: #23B8DC;
    /* color: #2290DB; */
}
a:hover {
    color: #24b8db;
}
a.wp-block-button__link {
    border: 1px solid #24b8db;
}
a.wp-block-button__link:hover {
    /* opacity: 0.7; */
    text-decoration: none;
    color: #24b8db !important;
    background: #fff;
}
.sp_only {
    display: none;
}
.has-black-color {
    color: #333 !important;
}
.has-pale-cyan-blue-background-color {
    /* background-color: #24b8db !important; */
    background-color: #D3F1F8 !important;
}
.has-background {
    padding-top: 2em;
    padding-bottom: 2em;
}
.has-background .wp-block-column .wp-block-image {
    margin: 0;
}
table > tbody > tr > td {
    border: 1px solid #ccc;
}
.wp-block-table td, .wp-block-table th {
    border: 1px solid #ccc;
    min-width: 150px;
    padding: 1em;
    font-size: 16px;
}
.wp-block-table tbody td p {
    margin-bottom: 0;
}
.hcl2-content {
    width: 21em;
}
.hcl2-content h1 {
    width: 9em
}
.hero__content h1 {
    font-size: 2.8rem;
}
.hero__content .btn {
    margin-top: 20px;
}
.feature-item-content {
    margin-bottom: 30px;
}
.btn {
    font-size: 1rem;
    padding: 0.7rem 1.2rem;
}

.wp-block-button {
    margin-top: 10px;
}
#searchsubmit {
    padding: 15px 10px;
    margin-left: 2px;
}
.service-item__wrapper{
    color: #777 !important;
    text-decoration: none !important;
}

.mw_wp_form .error {
    margin-left: 45px;
}

/* 青色ボタン（塗りつぶし） */
.is-style-blue-btn {
    margin-top: 10px;
}
.is-style-blue-btn a {
    background-color: #24b8db;
    border: 1px solid #24b8db;
    color: #fff !important;
    border-radius: 0;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 0.5rem 1rem;
}
.is-style-blue-line-btn a:hover {
    text-decoration: none;
    background-color: #fff;
    color: #24b8db !important;
}

/* 青色ボタン（輪郭） */
.is-style-blue-btn {
    margin-top: 10px;
}
.is-style-blue-line-btn a,
.register_links li a {
    border: 1px solid #24b8db;
    background-color: inherit;
    border-radius: 0;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 0.5rem 1rem;
    color: #24b8db !important;
}
.is-style-blue-line-btn a:hover,
.register_links li a:hover {
    text-decoration: none;
    background-color: #24b8db;
    color: #fff !important;
}

/* 青色テーブル（横） */
.is-style-blue-table-w tr td {
    text-align: center;
}
.is-style-blue-table-w tr:first-child td {
    background-color: #D3F1F8;
    font-weight: bold;
}
/* 青色テーブル（縦） */
.is-style-blue-table-h tr td:first-child {
    background-color: #D3F1F8;
    font-weight: bold;
    text-align: center;
    width: 200px;
}


.mt60 {
    margin-top: 60px;
}
.mt50 {
    margin-top: 50px;
}
.mt40 {
    margin-top: 40px;
}
.mt30 {
    margin-top: 30px;
}
.mt20 {
    margin-top: 20px;
}
.mt10 {
    margin-top: 10px !important;
}

p.register_status {
    font-size: 28px;
    text-align: center;
    color: #333;
    font-weight: bold;
}
.register_links {
    display: flex;
    justify-content: center;
}
.register_links li {
    margin: 0.5em 1em;
}
.register_links li::marker {
    content: none;
}
/* フッター */
.footer-info{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-info p{
    margin-bottom: 0;
}
.footer-info--box ul{
    display: flex;
    justify-content: center;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.footer-info--box li{
    border-right: 1px solid #BBB;
    padding: 0 30px;
}
.footer-info--box li a{
    color: #BBB !important;
}
.footer-info--box li:last-child{
    border-right: none;

}
@media screen and (max-width: 576px) {
    .page-header .entry-title, .page-header .page-title {
        font-size: 26px;
    }
    h2 {
        font-size: 22px;
    }
    h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    h4 {
        font-size: 16px;
    }
    .mt60 {
        margin-top: 30px;
    }
    .mt50 {
        margin-top: 35px;
    }
    .mt40 {
        margin-top: 20px;
    }
    .mt30 {
        margin-top: 20px;
    }
    .mt20 {
        margin-top: 10px;
    }
    .mt20-sp {
        margin-top: 20px;
    }
    .mt10 {
        margin-top: 5px !important;
    }
    .fs18 {
        font-size: 16px !important;
    }
    .page-header {
        padding: 20px 0; 
    }
    .sp_only {
        display: block;
    }
    ul {
        padding-left: 0;
    }
    .entry-content li {
        margin-left: 1.5em;
    }
    .wp-block-table th {
        min-width: 100px;
        font-size: 14px;
        padding: 0.5em;
    }
    .wp-block-table.company th {
        font-size: 14px;
        letter-spacing: normal;
    }
    .wp-block-table td {
        font-size: 14px;
    }
    .hero__content .hcl2-content {
        /* width: 340px; */
        width: 25.1rem;
        padding-left: 15px;
    }
    .hero__content h1 {
        font-size: 2rem;
        width: 22rem;
        margin: 0 auto 15px;
    }
    #hero .btn {
        display: block;
    }
    .section-title-area {
        margin-bottom: 30px;
    }
    .section-title-area .section-title {
        font-size: 24px;
    }
    .section-padding {
        padding: 30px 0 0;
    }
    .section-about .row > div {
        margin-top: 0;
    }
    .is-style-blue-btn {
        width: 100%;
        margin: 0 auto;
    }
    .is-style-blue-btn a {
        width: 100%;
        padding: 0.7rem 0.5rem;
    }

    /* 青色テーブル */
    .is-style-blue-table-w tr td,
    .is-style-blue-table-h tr td {
        padding: 1em 0.5em;
    }
    .is-style-blue-table-h tr td:first-child {
        width: 75px;
    }

    .has-medium-font-size {
        font-size: 17px;
    }
    p.register_status {
        font-size: 22px;
    }
    .mw_wp_form .error {
        margin-left: 35px;
        margin-top:5px;
    }

    /* フッター */
    .site-footer{
        margin-top: 60px;
    }
    .footer-info{
        display: block;
    }
    .footer-info--box li{
        padding: 0 10px;
    }
}