酪農家応援Ｗキャンペーン2024

準備中
近日公開予定です

皆様の声をお聞かせください。
このページはお役に立ちましたか？

その他、ご意見やご質問はページトップのお問い合わせよりお送りください。

ご協力ありがとうございます

その他、ご意見やご質問はページトップのお問い合わせよりお送りください。

@charset "UTF-8"; /* CSS Document */ .num { font-size: 2.0rem; } ul.farmers{ list-style: none; /* margin-left:220px; */ } .farmers li { margin: 0; padding: 40px 10px 20px 20px; background-repeat: repeat-x; background: url(/shin-iwate/wp-content/themes/ja-shin-iwate/img/h3-kazari.webp) no-repeat center left; background-size: 12px auto; font-size: 25px; font-weight: lighter; letter-spacing: 0.1rem; background-position: 0px 46px; border-bottom: dotted 1px #D0CBC8; } .meisai li, .meisai { margin-bottom: 0; margin-left: 2rem; padding: 0 0 10px 0; background-image: none; font-size: 1.0rem; border-bottom: none; } span.date { font-size: 1.8em; font-weight: 700; padding-left: 2rem; } span.txt_bold { font-size: 20px; font-weight: 700; /* padding-left: 2rem; */ } .wp-block-heading_t{ padding-left: 2rem; } .wp-block-heading_t span{ display: inline-block; } span.txt { font-size: 18px; padding-left: 2rem; } p.txt { font-size: 16px; padding-left: 2rem; margin-bottom: 5px; } p.txt-main { font-size: 16px; margin-bottom: 5px; text-align: center; } p.title { font-size: 13px; margin: 0; } p.title-bold{ font-size: 25px; font-weight: 700; } .farmers-dl { margin-bottom: 40px; } @media screen and (max-width: 480px) { p.title-bold { font-size: 20px; font-weight: 700; } } @media screen and (max-width: 420px) { p.title-bold { font-size: 15px; font-weight: 700; } } .wp-block-buttons-farmers{ padding: 0 2rem; color: #fff; } .wp-block-button-farmers__link_dl{ color: #fff !important; border-radius: 9999px; box-shadow: none; cursor: pointer; display: inline-block; font-size: 1.125em; padding: calc(0.667em + 2px) calc(1.333em + 2px); text-align: center; text-decoration: none; word-break: break-word; box-sizing: border-box; max-width: 600px; width: 100%; background: #958cc0; } .wp-block-button-farmers__link_dl:hover { background: #b4aed1; } .wp-block-button-farmers__link_web{ color: #fff !important; border-radius: 9999px; box-shadow: none; cursor: pointer; display: inline-block; font-size: 1.125em; padding: calc(0.667em + 2px) calc(1.333em + 2px); text-align: center; text-decoration: none; word-break: break-word; box-sizing: border-box; max-width: 600px; width: 100%; background: #f7bca0; } .wp-block-button-farmers__link_web:hover { background: #fcd6c5; } /*wave*/ .wide-container_wave { background-image: url(/shin-iwate/wp-content/themes/ja-s-iwate/img/bg-wave_upper.webp), url(/shin-iwate/wp-content/themes/ja-s-iwate/img/bg-wave_bottom.webp), url(/shin-iwate/wp-content/themes/ja-s-iwate/img/bg-wave_middle.webp); background-repeat: repeat-x, repeat-x, repeat; background-position: top, bottom, center; box-sizing: border-box; padding: 40px 0 ; width: 100vw; } /*table*/ dt, dd { margin: 0; /* ブラウザの初期値をクリア */ padding: 0; /* ブラウザの初期値をクリア */ } .dlTable { width: 100%; /* テーブルの横幅を500pxに指定 */ /*border-top: 1px solid #ddd; /* テーブルの上の線 */ /*border-left: 1px solid #ddd; /* テーブルの左の線 */ display: flex; /* 子要素のdtとddを横並びにする */ flex-wrap: wrap; /* 1つのdtとddで1行になるよう改行させる */ } .dlTable dt, .dlTable dd { /*border-bottom: 1px solid #ddd; /* 各セルの下の線。テーブルの下の線も補える。 */ /*border-right: 1px solid #ddd; /* 各セルの右の線。テーブルの右の線も補える。 */ box-sizing: border-box; /* widthの計算を楽にするため */ padding: 15px 30px; /* 各セルに余白を取る */ font-weight: normal; } .dlTable dt { font-size: 24px; /* フォントサイズを16pxに指定 */ width: 200px; /* dt（見出し項目）の横幅を200pxに指定 */ color: #187542; padding: 20px; text-align: right; letter-spacing: 0.1em; } .dlTable dd { width: calc(100% - 200px); /* テーブル幅からdtを引いた分の横幅を指定。 */ } .odd { background-color: #ebf7f1; } .even { background-color: #FFF; } .salaries { display: flex; flex-direction: row; flex-wrap: nowrap; } @media( max-width:720px ) { .salaries { display: block; } } .salary { box-sizing: border-box; margin: 0; padding: 20px 20px 20px 0; width: calc(100% - 0px / 1); } .school { background-color: #ebf7f1!important; padding: 5px; display: block; line-height: 1.25em; text-align: center; } .pay { font-size: 1.5rem; line-height: 0; display: block; text-align: center; } /* FOR smartphone landscape ***************************************************************************/ @media screen and (max-width:768px) { .dlTable { width: 100%; /* 横幅をpxではなく、幅いっぱいに指定。 */ border-left: none; /* テーブルの左の線を消す */ display: block; /* 横並びにさせないようブロック要素にする */ } .dlTable dt, .dlTable dd { border-right: none; /* セルの右の線を消す */ width: 100%; /* 横幅を幅いっぱいに指定 */ padding: 10px 15px; /* 各セルに余白を取る */ } .dlTable dt { border-bottom: none; /* 下の線を消す（ddの下の線が残る） */ padding-bottom: 0; /*ddとの距離を近づけるため、0にする*/ text-align: left; } } /*list*/ .selection { padding: 0 10%; } @media screen and (max-width:425px) { .selection { padding: 0 5%; } } .dlList dt p { /*display: inline-block; line-height: 1rem;*/ } .dlList dt p.num { margin-right: .15em; color: #63C192; /* 色を変更 */ float: left; } .dlList dt p.title { float: left; letter-spacing: 0.1em; } .dlList dt p.exp { font-size: 1rem; margin-left: 10rem; white-space: nowrap; display: block; float: left; vertical-align: middle; } .triangle { width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 18px solid #63c191; text-align: center; margin: auto; margin-bottom: 20px; display: block; clear: both; } @media( max-width:425px ) { .dlList { width: 100%; } .dlList dd p.exp { margin-left: 0rem; } .dlList dt p.title { float: none; } .dlList dd p.exp { float: none; } } .dlList { width: 100%; /* テーブルの横幅を100%に指定 */ border: 1px solid #000; /* テーブルの枠線 */ /*border-left: 1px solid #ddd; /* テーブルの左の線 */ display: flex; /* 子要素のdtとddを横並びにする */ flex-wrap: wrap; /* 1つのdtとddで1行になるよう改行させる */ border-radius: 15px; background-color: #FFF; } .dlList dt, .dlList dd { /*border-bottom: 1px solid #ddd; /* 各セルの下の線。テーブルの下の線も補える。 */ /*border-right: 1px solid #ddd; /* 各セルの右の線。テーブルの右の線も補える。 */ box-sizing: border-box; /* widthの計算を楽にするため */ padding: 15px 30px; /* 各セルに余白を取る */ } .dlList dt { font-size: 16px; /* フォントサイズを16pxに指定 */ width: 200px; /* dt（見出し項目）の横幅を200pxに指定 */ font-size: 1.5em; padding: 20px; margin-bottom: 20px; float: left; font-weight: normal; } .dlList dd { width: calc(100% - 200px); /* テーブル幅からdtを引いた分の横幅を指定。 */ } /* FOR smartphone landscape ***************************************************************************/ @media screen and (max-width:750px) { .dlList { width: 100%; /* 横幅をpxではなく、幅いっぱいに指定。 */ display: block; /* 横並びにさせないようブロック要素にする */ padding-bottom: 10px; } .dlList dt, .dlList dd { width: 100%; /* 横幅を幅いっぱいに指定 */ padding: 10px 15px; /* 各セルに余白を取る */ } .dlList dt { border-bottom: none; /* 下の線を消す（ddの下の線が残る） */ padding-bottom: 0; /*ddとの距離を近づけるため、0にする*/ } } /*qualification*/ ol.qualification{ /*要素の連番（カウンタ）の値をリセットする*/ counter-reset: li; } .qualification li{ position: relative; margin: 0 0 10px; border-bottom: dotted 1px #D0CBC8; padding: 0 0 20px 30px; /*デフォルトのスタイルを非表示にする*/ list-style: none; } .qualification li:before{ position: absolute; top: 0; left: 0; color: #187542; font-size: 1.5rem; font-weight: lighter; /*要素の連番（カウンタ）の値を進める*/ counter-increment: li; /*自動連番を付ける関数*/ content: counter(li)'.'; } .qualification li span{ font-size: 1.5rem; font-weight: lighter; } .submitted-doc { text-align: center; } p.num-c_green { background-image: url(/shin-iwate/wp-content/themes/ja-s-iwate/img/num-greencycle.webp); background-repeat: no-repeat; background-position: center center; background-size: contain; padding: 25px; color: #FFF; font-size: x-large; } .submitted-box { background-color: #faf7f5; border-radius: 15px; padding: 20px; width: 50%; text-align: center; margin: 0 auto 60px; } .submitted-doc_col { padding: 0 20%; } .submitted-doc strong { font-weight: normal; font-size: 1.5em; } @media screen and (max-width:720px) {/*425*/ .submitted-box { width: 100%; } } .mynavi img { padding: 0 5%; } table.mid-career{ border-collapse: collapse; border: 1px solid #707070; color: #383333; margin-top: 50px; background-color: #FFF; width: 100%; } .mid-career th, .mid-career td{ border: 1px solid #707070; padding: 0.25rem 2rem; } .mid-career th.green { background-color: #ebf7f1; font-size: 14px; font-weight: lighter; } .mid-career th.green-f { color: #187542; font-size: 18px; font-weight: lighter; width: 20%; } .mid-career td{ font-size: 18px; font-weight: lighter; } .margin-b100{margin-bottom:100px;} @media screen and (max-width:768px){ ul.farmers { margin-left: 0; padding: 0; } .farmers li { margin: 0; padding: 0px 10px 20px 20px; font-size: 20px; background-position: 0px 5px; } .meisai li, .meisai { margin-left: 1rem; } ol.qualification { margin: 0; padding: 0; } table.mid-career{ margin-left: 0; margin-top: 0; } .mid-career th, .mid-career td { padding: 0.5rem; } } .wp-block-buttons>.wp-block-button { margin: 50px 0 0; } .color-green{ color: #187542; }