@charset "utf-8";

/* -----------------------------------------------------------------------------
カスタム用CSS テーマカラー#3c7555 テキストカラー#35290e
------------------------------------------------------------------------------*/

/*hタグのクラス
wp-block-heading
も使用可*/

/*リストの装飾は
<ul class="wp-block-list oltana-list">
*/


/*PCとスマホの表示切り替え*/
.sp-switchi {
        display: none;
}

.pc-switchi {
        display:block;
    width: 100%;
}

.pc-switchi img {
}


/*スマホ改行*/
br.br-sp {
        display: none;
}

/*強調色*/
.green {
        color: #3c7555;
}

/*PC画像回り込み*/
.f-l {
    float:left;
    margin-right: 30px;
    margin-bottom: 50px;
    max-width:45%;
}

.f-r {
    float:right;
    margin-left: 30px;
    margin-bottom: 50px;
    max-width:45%;
}

.f-l img,.f-r img {
    max-width: 100%;
    object-fit:cover;
}




/*下層ページのタイトル装飾*/
.ol-single__template h1 {
    text-align: center!important;

}

.ol-single__template h2 {
    border-top: solid 2px #3c7555;
    padding-top: 30px;
    margin-bottom: 40px;
    clear: both;
}


.ol-single__template h3 {
        border-left: solid 1px #3c7555;
    padding:15px 10px;
        margin-bottom: 40px;
        clear: both;
}

.ol-single__template h4 {
            border-bottom: solid 1px #3c7555;
    padding-bottom: 20px
            margin-bottom: 40px;
        clear: both;
}

.ol-single__template h5 {
    color: #3c7555;
    font-weight: bold;
        margin-bottom: 40px;

}

/*テーブル装飾*/
table.tbl01 {
  margin-top: 40px;
    table-layout: auto; /* ブラウザに計算させる */
  width: 100%;
  border-collapse: collapse;
    margin-bottom: 60px;
}

.tbl01 tr {
    border-bottom: dotted 1px #888;
}

.tbl01 td,.tbl01 th,.tbl02 td,.tbl02 th {
  padding: 1.3rem 1rem;
  min-width: 3em; /* 最小幅を保証 */
  word-wrap: break-word; /* 長い単語は折り返す */
  overflow-wrap: break-word;
}

table.tbl02 {
  margin-top: 40px;
    table-layout: auto; /* ブラウザに計算させる */
  width: 100%;
  border-collapse: collapse;
        margin-bottom: 60px;
}

.tbl02 td,.tbl02 th {
border: 1px solid #888;
}

.tbl02 th {
    background: #eee;
}


/*フォーム*/
.wpcf7 {
    background: #efefef;
    border: solid 1px #ddd;
    padding: 5% 5% 0 5%;
    margin-bottom: 50px;
}

.wpcf7 p {
    margin: 0 0 30px 0!important;
        padding: 0 0 0 0!important;
}

.wpcf7 label {
    margin: 0 0 0 0!important;
        padding: 0 0 0 0!important;
}


/*送信ボタンの装飾*/

.wpcf7-submit {
    background: #3c7555!important;
    color: #fff!important;
}

/* -----------------------------------------------------------------------------
ブレークポイント 1729px以上の処理
------------------------------------------------------------------------------*/
@media screen and (min-width: 1729px) {

    }

/* -----------------------------------------------------------------------------
タブレット
------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
	
}

/* -----------------------------------------------------------------------------
ブレークポイント 840px
------------------------------------------------------------------------------*/
@media screen and (max-width: 840px) {


}

/* -----------------------------------------------------------------------------
スマホ
------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {
    
    /*PCとスマホの表示切り替え*/
.sp-switchi {
        display: block;
    width: 100%;
}
    
    .sp-switchi img {

}

.pc-switchi {
        display:none;
}
    
/*スマホ改行*/
    br.br-sp {
    display:inline-block;
}
    
    /*PC画像回り込み解除*/
.f-l {
    float: none;
    text-align: center;
        margin-right: 0px;
    margin-bottom: 0px;
        max-width:100%;
}
    
    .f-r {
    float: none;
    text-align: center;
        margin-left: 0px;
    margin-bottom: 0px;
        max-width:100%;
}
    
    /*回り込み解除、大きさを70%で表示*/
.f-l img.size-70,.f-r img.size-70 {
  width: 70%;       /* 画像サイズを70% */
  height: auto;     /* 縦幅を固定、または縦横比を指定 */
  object-fit: cover; /* 比率を保ったまま、枠に合わせてトリミング */
    margin: 0 auto;
}
    
/*スマホ時のみbtm30*/
    .sp-btm30 {
        margin-bottom: 30px;
    }


/*下層ページのタイトル装飾*/
    
    .ol-single__template h1 {

}
    
.ol-single__template h2 {
}


.ol-single__template h3 {
}

.ol-single__template h4 {
}

.ol-single__template h5 {

}