@charset "UTF-8";
/*
    Template: swell
    Theme Name: Doukaikikou CHILD
    Theme URI: https://swell-theme.com/
    Description: 株式会社 洞海機工様 テーマ
    Version: 1.0.0
    Author: Happy Spice
    Author URI: https://happy-spice.jp

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* グローバルナビ */
.c-gnav > .menu-item > a .ttl{
    font-size: 1.0em;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.c-gnav a::after{
    height: 3px;
}


/* ページ内リンク固定ヘッダーのズレ補正 */
:target::before {
    content:"";
    display:block;
    height:60px;       
    margin:-60px 0 0;  
}

/* フォント変更 */
.font-min{
    font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
}

/* dlテーブル */
/* dlを使用したテーブル */
.c-dltable,
.c-dltable > dt,
.c-dltable > dd {
    box-sizing: border-box;
}

.c-dltable > dt,
.c-dltable > dd {
    padding: 1em;
    margin: 0px 0px 0px 0px;
}

.c-dltable > dt {
    background-color: #F7F7F7;
    color: #333333;
}

.c-dltable > dd {
    background-color: #FFFFFF;
}

dl.c-dltable > dd > ul{
    margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
    .c-dltable > dt {
        border: 1px solid #DBDBDB;
        border-bottom: none;
    }
    .c-dltable > dd {
        border: 1px solid #DBDBDB;
        border-top: none;
    }
    .c-dltable > dt,
    .c-dltable > dd {
        text-align: center;
    }
    .c-dltable > dd > ul {
        text-align: left;
    }
}
@media print, (min-width: 768px) {
    .c-dltable {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #DBDBDB;
    }
    .c-dltable > dt,
    .c-dltable > dd {
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-top: 1px solid #DBDBDB;
    }
    .c-dltable > dt {
        width: 20%;
    }
    .c-dltable > dd {
        width: 80%;
        border-right: 1px solid #FFFFFF;
    }
}



/* 問い合わせフォームのカスタマイズ */

/*ラベル(テキスト)部分を太字にする*/
.wpcf7{
	font-weight: bold;
}


/*フォームの下に余白を入れる*/
.wpcf7 input {
 margin-bottom: 15px;/*ここが余白サイズなので好みで調整*/
}

/*フォームの幅を広くする(100%)*/
/*テキスト*/
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	        width: 100%;
}

.wpcf7-form-control{
    max-width:100%
}

/*テキストエリア*/
.wpcf7-textarea {
	        width: 100%;
}

/*送信ボタンを目立たせる*/
.wpcf7 .wpcf7-submit{
width: 300px;
padding: 15px;
margin: 25px auto;
margin-top: 20px!important;
border-radius: 5px;/*ボタンの角に丸み*/
background-color: #2887BF;/*ボタン色*/
color: #fff;/*ボタン文字色*/
font-size: 1.1rem;/*ボタン文字サイズ*/
font-weight: bold;/*ボタン文字を太く*/
}

/* ボタンセンター寄せ */
.submit_box{
    text-align: center;
}

div.wpcf7 .wpcf7-spinner{
    display: block;
}

/* 必須ラベル */
.haveto{
    font-size:10px;
    padding:5px;
    background:#E86270;
    color:#fff;
    border-radius:2px;
    margin-left:10px;
    margin-right:5px;
    position:relative;
    bottom:1px;
}

/* トップページ */
.p-mainVisual__slideTitle{
    font-size: 2.0em;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.footer_company_info{
    font-weight: 600;
    font-size:1.1em;
}

@media screen and (min-width: 768px) {
    .footer_company_info{
        margin-left: 50px;
    }   
}

@media screen and (max-width: 767px) {
    .footer_company_info{
        text-align: center;
    }   
}




.is-style-my_list{
    padding-left: 1.5em;
    list-style: none !important;
  }

.is-style-my_list li::before {
    color: #2887BF;
    content: "・";
    margin-right: 5px;
  }

 .is-style-my_list li.list-star::before {
    color: #2887BF;
    content: "★";
    margin-right: 5px;
  }