@charset "UTF-8";

/*!
Theme Name: Cocoon 国柱
Template:   cocoon-master
Version:    1.1.0
*/

div#container {
    margin-top: 60px;
}
.nowrap{
    white-space: nowrap;
}
br.mob_br{
    display: none;
}
.wrap {
/*    max-width: 1256px;*/
    width: auto;
    max-width: 1256px;
    margin: 0 auto;
}
.grecaptcha-badge { visibility: hidden; }
.recaptcha_policy {
    font-size: 0.9rem;
    line-height: 1.5;
    margin-top: 1em;
    opacity: 0.6;
}


/* ホームのニュース非表示 */
body.home #content{
    display: none;
}




/************************************
** 投稿共通
************************************/

.entry-content a {
    color: #006f62;
}
.entry-content a:hover{
    opacity: 0.7;
    transition: all 0.2s ease-in-out;
}
.article h5{
    color: #006f62;    
}


/************************************
** ヘッダ
************************************/
.header-container {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    margin: 0;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
}
div#header-container-in {
    padding-left: 10px;
}
.header-container-in.hlt-top-menu .logo-header img {
    max-height: 52px;
    height: auto;
    vertical-align: middle;
}

.navi-in > ul li {
    width: auto;
}
.navi-in a {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14px;
}
.navi-in a:hover {
    color: #004c43;
    background-color: #eef5f1;
}
.navi-in .has-icon {
    right: 16px;
}
.navi-in > ul .sub-menu {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    background-color: #eef5f1;
}
.navi-in > ul .sub-menu a:hover {
    background-color: #dfe8e3;
}

/************************************
** ナビSNS追加
************************************/
.navi-in a.header_sns_link_btn {
    padding-left: 20px;
    padding-right: 20px;
}
.navi-in a.header_sns_link_btn span.social-icon {
    border: 1px solid #aaa;
    padding: 0.3em;
}
/* モバイルドロワー */
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu_mob_sns_icon {
    margin-top: 1.2em;
}
.menu-drawer a.mob_sns_link_btn span.social-icon {
    border: 1px solid #aaa;
    padding: 0.3em;
}


/************************************
** フッター
************************************/
.footer{
    padding-bottom: 10px;
    background-color: #f5f5f5;
}
.copyright{
    margin-right: 53px;
}


/************************************
** ホーム
************************************/

.home_top_img_wrap {
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
}
.home_top_catch_conte {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: table;
}
.home_top_catch {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.home_top_catch h2{
    font-size: 2em;
    color: #003e36;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.4), -1px 1px 0 rgba(255,255,255,0.4), 1px -1px 0 rgba(255,255,255,0.4), -1px -1px 0 rgba(255,255,255,0.4);
}
.home_top_catch h2 br {
    display: none;
}

section.home_message1_wrap {
    margin: 0;
    padding-top: 40px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.home_message1_conte{
    text-align: center;
}
.home_message1{
    text-align: center;
}

.btn {
    background-color: #fff;
    border: 1px solid #006f62;
    margin-top: 40px;
    padding: 0;
}
.btn a {
    color: #006f62;
    text-decoration: none;
    display: block;
    padding: 10px 16px 9px;
}
.btn:hover {
    opacity: 1;
    background-color: #006f62;
    color: #fff;
}
.btn a:hover {
    color: #fff;
    transition: all 0.3s ease-in-out;
}

section.home_biz_wrap {
    margin-top: 80px;
    margin-bottom: 60px;
    background-color: #eef5f1;
}
.home_biz_conte {
    text-align: center;
    padding: 40px 20px 50px;
}
.home_biz_conte img{
    display: block;
}
.home_biz_title {
    font-size: 2em;
    font-weight: bold;
    color: #005f54;
}
.home_biz_icon_3pillars_all {
    display: block;
    margin: 0 auto;
    width: auto;
    max-width: 140px;
}
.home_biz_exp {
    font-weight: bold;
    margin-bottom: 40px;
    margin-top: 10px;
}
.home_biz_exp br{
    display: none;
}
.home_biz_content {
    display: flex;
    justify-content: space-around;
}
.home_biz_content .home_biz {
    width: 31%;
    background-color: #fff;
    border-radius: 4px;
    padding: 20px 8px;
}
.home_biz_icon_3pillar {
    width: auto;
    max-width: 70px;
    margin: 0 auto 0;
    padding: 0;
}
.home_biz_title2 {
    font-weight: bold;
    font-size: 26px;
    line-height: 1;
    margin-top: 12px;
    margin-bottom: 14px;
}
.home_biz1 .home_biz_title2 {
    color: #960102;
}
.home_biz2 .home_biz_title2 {
    color: #0f71a0;
}
.home_biz3 .home_biz_title2 {
    color: #e27e18;
}
.home_biz ul.home_biz_disc {
    list-style: none;
    font-size: 14px;
    padding: 0;
    margin-bottom: 0;
    margin-top: 0;
}
.home_biz ul.home_biz_disc li {
    line-height: 1.2;
    margin-bottom: 12px;
}

.pressroom_title_wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid #bbb;
    margin-bottom: 20px;
}
.content div.pressroom_title_wrap::after {
    display: none;
}
.pressroom_title {
    font-size: 28px;
    font-weight: bold;
    color: #006f62;
    line-height: 1;
    white-space: nowrap;
    margin-bottom: 4px;
}
a.pressroom_link {
    color: #006f62;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    white-space: nowrap;
    margin-bottom: 6px;
}
a.pressroom_link:hover {
    opacity: 0.7;
    transition: all 0.3s ease-in-out;
}
.home_pressroom .ect-vertical-card .entry-card-wrap .entry-card-thumb img {
    display: none;
}
.entry-card .cat-label {
    position: unset;
    display: inline-block;
    vertical-align: top;
    width: auto;
    width: 100%;
    max-width: none;
    padding: 6px 8px;
    border: none;
    line-height: 1;
    margin: 0;
    overflow: unset;
    background-color: rgba(100, 100, 100, 0.1);
    color: #006f62;
    font-weight: bold;
}
.entry-card-content .entry-card-meta {
    position: unset;
    margin-bottom: 6px;
}
.entry-card-content .entry-card-meta .e-card-info {
    justify-content: flex-start;
}
.entry-card-content h2.entry-card-title {
    color: #006f62;
}


@media screen and (max-width: 834px){
    div#container {
    margin-top: 50px;
    }
}
@media screen and (max-width: 768px){
    .home_top_catch h2 {
    font-size: 1.7em;
    }
}
@media screen and (max-width: 700px){
    .home_biz_title2 {
    font-size: 20px;
    }
    .home_biz ul.home_biz_disc {
    font-size: 12px;
    }
}

@media screen and (max-width: 600px){
    .home_top_catch h2 {
    font-size: 1.5em;
    }
    .home_biz_content {
    display: block;
    }
    .home_biz_content .home_biz{
    width: 100%;
    margin-bottom: 1em;
    }
}

@media screen and (max-width: 500px){
    .home_top_catch h2 {
    font-size: 1.3em;
    line-height: 1.3em;
    }
    .home_top_catch h2 br {
    display: block;
    }
    .home_top_catch_conte{
    height: 240px;
    }
    .home_top_img_wrap .metaslider .flexslider ul li img{
        height: 240px !important;
        object-fit: cover;
    }
    .home_biz_exp br{
    display: block;
    }
}


/************************************
** SDGsバナー
************************************/

.sdgs_wrap {
    width: 90%;
    max-width: 1000px;
    margin: 50px auto 40px;
}
.sdgs_conte {
    padding: 20px 30px 20px;
    border: 1px solid #bbb;
}
.sdgs_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 810px;
    margin-left: auto;
    margin-right: auto;
}
.sdgs_message {
    font-weight: bold;
    width: 47%;
    padding-left: 6%;
}
.sdgs_icon_logo_wrap {
    width: 53%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.sdgs_goal3_icon {
    width: 15%;
    margin: 0 20px 0 0;
}
.sdgs_logo {
    width: 67%;
}
.sdgs_goal3_icon img, .sdgs_logo img {
    display: block;
}

@media screen and (max-width: 963px){
    .sdgs_message {
    padding-left: 0;
    width: 42%;
    }
    .sdgs_icon_logo_wrap {
    width: 50%;
    }
    .sdgs_goal3_icon {
    width: 20%;
    }
    .sdgs_logo {
    width: 73%;
    }
}
@media screen and (max-width: 899px){
    .sdgs_message {
    width: 48%;
    }
    .sdgs_icon_logo_wrap {
    width: 52%;
    }
}
@media screen and (max-width: 800px){
    .sdgs_message {
    font-size: 15px;
    }
}
@media screen and (max-width: 740px){
    .sdgs_message {
    font-size: 14px;
    }
}
@media screen and (max-width: 700px){
    .sdgs_message {
    width: 52%;
    }
    .sdgs_icon_logo_wrap {
    display: block;
    width: 36%;
    }
    .sdgs_goal3_icon {
    width: 20%;
    margin-bottom: 10px;
    }
    .sdgs_logo {
    width: 95%;
    }
}
@media screen and (max-width: 660px){
    .sdgs_inner {
    display: block;
    }
    .sdgs_message {
    width: 100%;
    text-align: center;
    margin-bottom: 6px;
    }
    .sdgs_message br {
    display: none;
    }
    .sdgs_icon_logo_wrap {
    display: flex;
    width: 100%;
    max-width: 310px;
    margin-left: auto;
    margin-right: auto;
    }
    .sdgs_goal3_icon {
    margin-bottom: 0;
    }
}

/************************************
** ページ調整
************************************/
article#post-7 header.article-header, article#post-9 header.article-header {
    display: none;
}
.kokuchu_contents h2 {
    font-size: 28px;
    text-align: center;
    background: transparent;
    border-bottom: 1px solid #ddd;
    padding-bottom: 4px;
    color: #006f62;
}
.post_conte_kokuchu_logo {
    display: block;
    margin-top: 100px;
    padding-bottom: 30px;
}
.post_conte_kokuchu_logo p {
    display: block;
    max-width: 500px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 0;
}
.kokuchu_contents .post_conte_w800 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
h3.about_catch {
    border: none;
    text-align: center;
    font-size: 28px;
    margin-bottom: 0;
}
h3.about_catch br {
    display: none;
}
.column-wrap.column-2.column-2-3-1-2.quote_block {
    padding: 20px;
    background-color: #eef5f1;
}
.kokuchu_contents .column-2-3-1-2 .column-left {
    width: 28%;
}
.kokuchu_contents .column-2-3-1-2 .column-right {
    width: 70%;
}
.quote_block blockquote {
    background-color: transparent;
    border: none;
    padding: 18px 1.3em;
}
.quote_block blockquote::before, .quote_block blockquote::after {
    font-size: 500%;
    color: rgba(0, 111, 60, 0.3);
}
.quote_block blockquote::before {
    line-height: 1;
    left: 0;
}
.quote_block blockquote::after {
    right: 0;
}
.quote_block blockquote p {
    font-weight: bold;
    color: #006f62;
}
.quote_block .quote_name {
    font-size: 13px;
    line-height: 1.6;
    padding-left: 18px;
}
.quote_block .quote_name > div {
    font-weight: bold;
    font-size: 16px;
}
.quote_name p {
    margin-top: 0;
}

table.about_info {
    margin-top: 50px;
}
.about_info td.about_info_l {
    width: 20%;
    color: #006f62;
    font-weight: bold;
}
.about_info td.about_info_r {
    width: 80%;
}
.about_info td.about_info_r ul {
    padding-left: 22px;
}
.comp_staffs .name_title {
    font-weight: bold;
    line-height: 1.2;
    margin-top: 2em;
    margin-bottom: 8px;
}
.comp_staffs .staff_name {
    font-weight: bold;
    font-size: 20px;
    line-height: 1.2;
}
.comp_staffs {
    margin-top: 2em;
}
.comp_staffs2 {
    margin-top: 2em;
    padding-top: 2em;
    border-top: 1px solid #ccc;
}
p.kokuchu_profile.profile_1 {
    font-size: 14px;
    border-top: 1px solid #ddd;
    padding-top: 0.8em;
}

.border1ccc{
    font-size: 0;
    line-height: 0;
    width: 100%;
    border-top: 1px solid #ccc;
}

h3.pillars3_title {
    border: none;
    text-align: center;
    font-size: 2.5em;
    margin-bottom: 0;
}
p.pillars3_desc1 {
    text-align: center;
    font-weight: bold;
}
table.pillars3_top_links {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
table.pillars3_top_links tr {
    background-color: transparent;
}
table.pillars3_top_links td {
    border: none;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}
.pillars3_top_links td a {
    display: block;
    text-decoration: none;
}
.pillars3_top_links td a:hover{
    opacity: 0.8;
}
.pillars3_top_links td.pillars3_1 a {
    color: #960102;
}
.pillars3_top_links td.pillars3_2 a {
    color: #0f71a0;
}
.pillars3_top_links td.pillars3_3 a {
    color: #e27e18;
}
.pillars3_top_link_img {
    line-height: 0;
    width: 100%;
    max-width: 110px;
    margin-left: auto;
    margin-right: auto;
}
p.pillars3_name {
    margin-top: 0.6em;
    line-height: 1;
    white-space: nowrap;
    font-size: 1.3em;
    font-weight: bold;
}
section.kokuchu_biz_pillar_details_wrap {
    padding: 40px 20px;
    border-top: 1px solid #ddd;
    margin-top: 2em;
}
section.kokuchu_biz_pillar_details_wrap:last-child {
    border-bottom: 1px solid #ddd;
}
.kokuchu_biz_pillar_details {
    width: 80%;
    max-width: 498px;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}
.kokuchu_biz_pillar_details_wrap .kokuchu_biz_pillar_details .column-left {
    width: 32%;
    padding-right: 14px;
}
.kokuchu_biz_pillar_details_wrap .kokuchu_biz_pillar_details .column-right {
    width: 68%;
}
.kokuchu_biz_pillar_details_wrap .kokuchu_biz_pillar_details .column-left p {
    line-height: 0;
    text-align: right;
    margin: 0;
}
.kokuchu_biz_pillar_details_wrap .kokuchu_biz_pillar_details .column-left p img {
    width: 70px;
}
.kokuchu_biz_pillar_details_wrap .kokuchu_biz_pillar_details .column-right p {
    line-height: 1;
    margin: 0;
    padding: 0;
    font-size: 2.4em;
    font-weight: bold;
}
#one_aging .column-right p {
    color: #960102;
}
#one_digital .column-right p {
    color: #0f71a0;
}
#one_value .column-right p {
    color: #e27e18;
}
p.kokuchu_biz_exp {
    text-align: center;
    font-weight: bold;
}
ul.kokuchu_biz_list {
    max-width: 490px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
#one_aging ul.kokuchu_biz_list{
    max-width: 343px;
}
#one_digital ul.kokuchu_biz_list{
    max-width: 337px;
}
#one_value ul.kokuchu_biz_list {
    max-width: 400px;
}
.kokuchu_biz_btn_wrap{
    text-align: center;
    margin-top: 2em;
}
.kokuchu_biz_btn_wrap2{
    text-align: center;
}
.btn.kokuchu_biz_btn_link{
    margin-left: auto;
    margin-right: auto;
}


/* 顧問プロフィール */
p.komon_profile_title {
    margin-top: 3em;
    margin-bottom: 1em;
    border-bottom: 1px solid #ccc;
    font-size: 1em;
    font-weight: 600;
    color: #235210;
}
/* /顧問プロフィール */

@media screen and (max-width: 752px){
    .kokuchu_contents .column-2-3-1-2.comp_staffs .column-right {
    padding-left: 1em;
    }
}
@media screen and (max-width: 700px){
    h3.about_catch br {
    display: block;
    }
}
@media screen and (max-width: 599px){
    .column-wrap.column-2.column-2-3-1-2.quote_block {
    display: block;
    }
    .kokuchu_contents .column-2-3-1-2 .column-left {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    }
    .kokuchu_contents .column-2-3-1-2 .column-left p {
    margin-bottom: 0;
    line-height: 0;
    }
    .kokuchu_contents .column-2-3-1-2 .column-left p {
    margin-bottom: 0;
    line-height: 0;
    }
    .kokuchu_contents .column-2-3-1-2 .column-right {
    width: 100%;
    }
    .quote_block blockquote {
    margin-bottom: 0.1em;
    }
}
@media screen and (max-width: 450px){
    .kokuchu_contents .column-2-3-1-2 .column-left {
    width: 40%;
    }
}
@media screen and (max-width: 834px){
    .menu-drawer ul.sub-menu {
    margin-top: 0;
    }
}
@media screen and (max-width: 700px){
    section#one_digital .kokuchu_biz_exp br {
    display: none;
    }
}
@media screen and (max-width: 599px){
    .container .column-wrap.kokuchu_biz_pillar_details {
    flex-direction: unset;
    }
    .kokuchu_contents .column-2-3-1-2.kokuchu_biz_pillar_details .column-left {
    padding-right: 14px;
    }
    .kokuchu_contents .column-2-3-1-2.kokuchu_biz_pillar_details .column-right {
    width: 68%;
    }
}
@media screen and (max-width: 584px){
    ul.kokuchu_biz_list li {
    line-height: 1.4;
    margin-bottom: 0.5em;
    }
}
@media screen and (max-width: 540px){
    .kokuchu_biz_pillar_details_wrap .kokuchu_biz_pillar_details .column-right p {
    font-size: 2em;
    }
    .kokuchu_biz_pillar_details_wrap .kokuchu_biz_pillar_details .column-left p img {
    width: 60px;
    }
}
@media screen and (max-width: 500px){
    p.pillars3_name {
    font-size: 13px;
    }
    .kokuchu_biz_exp .nowrap, p.pillars3_desc1 .nowrap {
    white-space: normal;
    }
    p.pillars3_desc1 br, .kokuchu_biz_pillar_details_wrap .kokuchu_biz_exp br{
    display: none;
    }
}
@media screen and (max-width: 460px){
    .kokuchu_biz_pillar_details_wrap .kokuchu_biz_pillar_details .column-right p {
    font-size: 1.7em;
    }
    .kokuchu_biz_pillar_details_wrap .kokuchu_biz_pillar_details .column-left p img {
    width: 52px;
    }
}
@media screen and (max-width: 430px){
    .container .column-wrap.kokuchu_biz_pillar_details {
    display: block;
    }
    .kokuchu_contents .column-2-3-1-2.kokuchu_biz_pillar_details .column-left {
    width: 50%;
    max-width: 68px;
    padding: 0;
    }
    .kokuchu_biz_pillar_details_wrap .kokuchu_biz_pillar_details .column-left p img {
    width: 100%;
    }
    .kokuchu_contents .column-2-3-1-2.kokuchu_biz_pillar_details .column-right {
    width: 100%;
    }
    .kokuchu_biz_pillar_details_wrap .kokuchu_biz_pillar_details .column-right p {
    text-align: center;
    }
}
@media screen and (max-width: 420px){
    ul.kokuchu_biz_list li {
    font-size: 14px;
    }
}
@media screen and (max-width: 410px){
    table.pillars3_top_links td {
    padding-left: 15px;
    padding-right: 15px;
    }
}
@media screen and (max-width: 390px){
    p.pillars3_name {
    font-size: 12px;
    }
}
@media screen and (max-width: 350px){
    #one_digital ul.kokuchu_biz_list {
    width: 100%;
    }
}



/************************************
** シェアボタン
************************************/
.sns-buttons a {
    background-color: rgba(213, 232, 221, 0.6);
    color: #aaa;
}
.sns-buttons a:hover {
    opacity: 1;
    background-color: rgba(213, 232, 221, 0.9);
    color: #777;
}
.sns-share-message {
    color: #006f62;
}


/************************************
** リストカード
************************************/

div.list.ect-vertical-card-3 {
    justify-content: flex-start;
}
div.list.ect-vertical-card-3 .entry-card-thumb img{
    display: none;
}

h1#archive-title {
    text-align: center;
    color: #006f62;
    border-bottom: 1px solid #ddd;
    padding-bottom: 4px;
    padding-top: 3em;
    margin-bottom: 30px;
}


/************************************
** 投稿記事
************************************/
.article.post a.cat-link {
    background-color: rgba(100, 100, 100, 0.1);
    color: #006f62;
}
.article.post a.cat-link:hover {
    opacity: 0.8;
}
.article.post header.article-header {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3em;
}
.article.post .entry-content.cf {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.article.post h1.entry-title {
    color: #006f62;
    border-bottom: 1px solid #ddd;
    margin-bottom: 8px;
}
.article.post .eye-catch-wrap {
    display: none;
}
.article.post .date-tags {
    text-align: left;
    font-size: 1.2em;
    color: #777;
}
article.article.post {
    margin-top: 3em;
}
.article.post .entry-categories-tags {
    display: none;
}

/************************************
** プライバシーポリシー
************************************/
.post-3.page h1.entry-title {
    color: #006f62;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.5em;
    margin-top: 2em;
    text-align: center;
}
.post-3.page .date-tags {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-bottom: 3em;
    font-size: 18px;
}
.post-3.page .entry-content{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/************************************
** コンタクトフォーム
************************************/

.post-11.page .entry-content{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.post-11.page .eye-catch-wrap, .post-11.page .date-tags{
    display: none;
}
.post-11.page h1.entry-title {
    color: #006f62;
    border-bottom: 1px solid #ddd;
    margin-bottom: 2em;
    margin-top: 2em;
    text-align: center;
}

.entry-content .wpcf7{
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.content .contactTable {
    width: 100%;
    margin-top: 20px;
    border: 0;
    background: 0 0;
}
.content .contactTable .contactTable__header {
    width: 100%;
    display: block;
    padding: 0 0 10px;
    vertical-align: top;
    line-height: 1.5;
    border: 0;
    background: 0 0;
    color: #191919;
    text-align: left;
}
.content .contactTable .contactTable__header .required {
    display: inline-block;
    margin-left: 10px;
    text-align: center;
    padding: 3px 5px;
    background: #C1272D;
    color: #fff;
    border-radius: 3px;
    font-size: 0.7rem;
}
.content .contactTable .contactTable__data {
    width: 100%;
    display: block;
    padding: 0 0 20px;
    vertical-align: top;
    line-height: 1.5;
    border: 0;
    background: 0 0;
}
.content .contactTable .contactTable__data input, .content .contactTable .contactTable__data textarea {
    width: 100%;
    display: block;
    border: none;
    padding: 10px;
    border-radius: 4px;
    background: #F4F4F4;
    border: 1px solid rgba(0,0,0,.1);
}
.content .contactTable .contactTable__data.zip input{
    width: 30%;
    min-width: 120px;
}

.content .contactTable .contactTable__data.checkbox span.wpcf7-list-item {
    display: block;
    margin-bottom: 12px;
}
.content .contactTable .contactTable__data input[type="checkbox"] {
    width: auto;
    display: inline;
}
.content .contactTable .contactTable__data select.wpcf7-select{
    font-size: 14px;
}

/* 送信完了表示調整 */
.wpcf7-response-output.wpcf7-mail-sent-ok {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.8);
    border: none;
}
.wpcf7-response-output.wpcf7-mail-sent-ok > span {
    position: fixed;
    top: 40%;
    left: 10%;
    width: 80%;
    background-color: #002;
    text-align: center;
    display: block;
    background-color: #4c6f3c;
    padding: 1em 0;
    font-weight: 700;
    color: #fff;
}

/* ボタン */
.content .entry-content .btn.btn-left {
    line-height: 1;
    width: 100%;
    max-width: 180px;
    border-radius: 4px;
    background-color: #006f62;
    border: none;
}
.content .entry-content .btn.btn-left:hover{
    opacity: 0.7;
    transition: all 0.3s ease-in-out;
}
.content .entry-content .btn.btn-left p{
    margin: 0;
}
.content .btn__link-primary {
    color: #ffffff;
    background-color: transparent;
    border: none;
    font-size: 1.1em;
    padding: 8px 0;
    width: 100%;
    cursor: pointer;
}
.content .btn__link-primary::before {
    border-top: 2px solid;
    border-right: 2px solid;
}
.content .btn__link::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    width: 5px;
    height: 5px;
    margin: auto;
    border-top: 1px solid;
    border-right: 1px solid;
    transform: rotate(45deg);
}
.content div::after, .content p::after {
    display: block;
    content: "";
    clear: both;
}



.article a.article_link_btn {
    display: block;
    line-height: 1;
    width: auto;
    max-width: 270px;
    border-radius: 4px;
    background-color: #950000;
    border: none;
    color: #ffffff;
    font-size: 1em;
    font-weight: 600;
    padding: 0.6em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.6em;
    text-decoration: none;
    text-align: center;
    transition: 0.3s all ease;
}
.article a.article_link_btn:hover {
    opacity: 0.8;
}
.article a.article_link_btn.btn_400px{
    max-width: 400px;
}




/************************************
** One Digital ランディングページ
************************************/

article#post-271 header.article-header {
    display: none;
}

#onedigital_landing {
    margin-top: 2em;
}
#onedigital_landing h1.odg_title_logo img {
    width: 100%;
    max-width: 430px;
}
#onedigital_landing h4.odg_service_lead {
    text-align: center;
    font-size: 1.2em;
    line-height: 2;
    border: none;
    margin-top: 1em;
    margin-bottom: 4em;
}
br.odg_service_lead_br_tab1{
    display: none;
}

#onedigital_landing h3.odg_services_title {
    text-align: center;
    border-left: none;
    border-right: none;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}
#onedigital_landing h3.odg_services_title.odg_title_anysite {
    color: #1672a2;
}
#onedigital_landing h3.odg_services_title.odg_title_anymaterials {
    color: #e06900;
}
#onedigital_landing h3.odg_services_title.odg_title_aftercare {
    color: #38929a;
}

#onedigital_landing .odg_services_wrap {
    display: flex;
    justify-content: center;
    margin-top: 4em;
    margin-bottom: 6em;
}
#onedigital_landing .odg_services_wrap .odg_service {
    width: 23%;
    margin-left: 2%;
    text-align: center;
}
#onedigital_landing .odg_services_wrap .odg_service:first-child {
    margin-left: 0;
}

#onedigital_landing .odg_service h5.odg_service_title {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: none;
    font-size: 1.1em;
}
#onedigital_landing .odg_services_wrap .odg_service p {
    font-size: 0.9em;
    line-height: 1.5;
    padding: 0 1em;
}
#onedigital_landing .odg_service h5.odg_service_title.odg_service_anysite {
    color: #1672a2;
    line-height: 1.25;
}
#onedigital_landing .odg_services_wrap .odg_service:not(:first-child) h5.odg_service_title.odg_service_anysite {
    line-height: 2.5;
}

#onedigital_landing .odg_service h5.odg_service_title.odg_service_anymaterials {
    color: #e06900;
}
#onedigital_landing .odg_service h5.odg_service_title.odg_service_aftercare {
    color: #38929a;
}
#onedigital_landing .odg_services_wrap .odg_service:not(:last-child) h5.odg_service_title.odg_service_aftercare {
    line-height: 2.5;
}

.article #onedigital_landing h2 {
    background-color: #1672a2;
    color: #fff;
    text-align: center;
    margin-top: 6em;
}
#onedigital_landing .wp-block-group__inner-container {
    max-width: 860px;
    margin: 4em auto 10em;
}
.article #onedigital_landing .nagare_column_l h5 {
    border: none;
    margin: 0;
    color: #1672a2;
}
.entry-content #onedigital_landing a {
    color: #1672a2;
}
#onedigital_landing p.nagare_column_arrow {
    position: relative;
    margin: 0 0 0.4rem;
    height: 20px;
}
#onedigital_landing p.nagare_column_arrow::before {
    content: "";
    position: absolute;
    top: 0;
    left: 2.2em;
    width: 12px;
    height: 12px;
    margin: 0;
    border-bottom: solid 4px #fdcd70;
    border-right: solid 4px #fdcd70;
    transform: rotate(45deg);
}
#onedigital_landing p.nagare_column_arrow::after {
    display: none;
}

#onedigital_landing p.onedigital_landing_contact_lead {
    text-align: center;
    font-weight: bold;
    margin-bottom: 0.5em;
    font-size: 1.2em;
}
#onedigital_landing .kokuchu_biz_btn_wrap {
    margin-top: 0;
}
#onedigital_landing .btn.kokuchu_biz_btn_link {
    margin-top: 0;
    font-size: 1.2em;
    border: 2px solid #1672a2;
}
#onedigital_landing .btn.kokuchu_biz_btn_link:hover {
    opacity: 1;
    background-color: #1672a2;
    color: #fff;
}
#onedigital_landing .btn.kokuchu_biz_btn_link a {
    padding-left: 2.6em;
    padding-right: 2.6em;
}
.entry-content #onedigital_landing .btn.kokuchu_biz_btn_link a:hover {
    color: #fff;
    opacity: 1;
}

@media screen and (max-width: 856px){
    br.odg_service_lead_br_width{
    display: none;
    }
    br.odg_service_lead_br_tab1{
    display: block;
    }
}
@media screen and (max-width: 810px){
    #onedigital_landing .odg_service h5.odg_service_title {
    font-size: 1em;
    }
    #onedigital_landing .odg_services_wrap .odg_service p {
    font-size: 0.8em;
    }
}
@media screen and (max-width: 810px){
    #onedigital_landing h4.odg_service_lead {
    font-size: 1em;
    }
}
@media screen and (max-width: 745px){
    #onedigital_landing .odg_service h5.odg_service_title {
    font-size: 0.9em;
    }
    #onedigital_landing .odg_services_wrap .odg_service p {
    font-size: 0.7em;
    }
}
@media screen and (max-width: 680px){
    #onedigital_landing h1.odg_title_logo img {
    width: 80%;
    max-width: 360px;
    }
    #onedigital_landing .odg_services_wrap {
    flex-wrap: wrap;
    margin-top: 3em;
    margin-bottom: 4em;
    }
    #onedigital_landing .odg_services_wrap .odg_service {
    width: 46%;
    margin-bottom: 1em;
    }
    #onedigital_landing .odg_services_wrap .odg_service:nth-child(3) {
    margin-left: 0;
    }
    #onedigital_landing .odg_services_wrap .odg_service:nth-child(n+3) h5.odg_service_title.odg_service_anysite {
    line-height: 1.25;
    }
    #onedigital_landing .odg_services_wrap .odg_service:nth-child(-n+2) h5.odg_service_title.odg_service_aftercare {
    line-height: 1.25;
    }
}
@media screen and (max-width: 599px){
    .article #onedigital_landing .nagare_column_l {
    margin-bottom: 0;
    }
    .article #onedigital_landing .nagare_column_r p {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 0.9em;
    }
}
@media screen and (max-width: 566px){
    br.odg_service_lead_br_tab1{
    display: none;
    }
}
@media screen and (max-width: 350px){
    #onedigital_landing .odg_services_wrap .odg_service {
    margin-left: 4%;
    }
    #onedigital_landing .odg_service h5.odg_service_title {
    font-size: 0.8em;
    }
}





/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1023px以下*/
@media screen and (max-width: 1023px){
    .mobile-header-menu-buttons {
    z-index: 12;
    }
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}
@media screen and (max-width: 500px){
    br.mob_br{
        display: block !important;
    }
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}