@charset "UTF-8";
/*-------------------------------------
リセット
-------------------------------------*/
/*! sanitize.css v3.3.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */
/* Normalization */
abbr[title] { text-decoration: underline; text-decoration: underline dotted; }

audio:not([controls]) { display: none; }

b, strong { font-weight: bolder; }

button { -webkit-appearance: button; overflow: visible; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; }

button, select { text-transform: none; }

details { display: block; }

hr { overflow: visible; }

html { -ms-overflow-style: -ms-autohiding-scrollbar; overflow-y: scroll; -webkit-text-size-adjust: 100%; }

input { -webkit-border-radius: 0; }
input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; }
input[type="number"] { width: auto; }
input[type="search"] { -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

main { display: block; }

pre { overflow: auto; }

progress { display: inline-block; }

summary { display: block; }

svg:not(:root) { overflow: hidden; }

template { display: none; }

textarea { overflow: auto; }

[hidden] { display: none; }

/* Universal inheritance */
*, ::before, ::after { box-sizing: inherit; }

* { font-size: inherit; line-height: inherit; }

::before, ::after { text-decoration: inherit; vertical-align: inherit; }

button, input, select, textarea { font-family: inherit; font-style: inherit; font-weight: inherit; }

/* Opinionated defaults */
* { margin: 0; padding: 0; }

*, ::before, ::after { border-style: solid; border-width: 0; }

a, area, button, input, label, select, textarea, [tabindex] { touch-action: manipulation; }

select { -moz-appearance: none; -webkit-appearance: none; }
select::-ms-expand { display: none; }
select::-ms-value { color: currentColor; }

svg { fill: currentColor; }

[aria-busy="true"] { cursor: progress; }

[aria-controls] { cursor: pointer; }

[aria-disabled] { cursor: default; }

[hidden][aria-hidden="false"] { clip: rect(0 0 0 0); display: inherit; position: absolute; }
[hidden][aria-hidden="false"]:focus { clip: auto; }

/* Configurable defaults */
* { background-repeat: no-repeat; }

:root { background-color: #ffffff; box-sizing: border-box; color: #000000; cursor: default; font: 100%/1.5 sans-serif; }

a { text-decoration: none; }

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

button, input, select, textarea { background-color: transparent; color: inherit; }

button, [type="button"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="reset"], [type="search"], [type="submit"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], select, textarea { min-height: 1.5em; }

code, kbd, pre, samp { font-family: monospace, monospace; }

nav ol, nav ul { list-style: none; }

small { font-size: 75%; }

table { border-collapse: collapse; border-spacing: 0; }

textarea { resize: vertical; }

::-moz-selection { background-color: #b3d4fc; color: #ffffff; text-shadow: none; }

::selection { background-color: #b3d4fc; color: #ffffff; text-shadow: none; }

/*-------------------------------------
基本
-------------------------------------*/
/* HTML/Body
- - - - - - - - - - - - - - - - - - - */
html, body { overflow-x: hidden; position: relative; }

html:root { background: #fff; }

body { -webkit-font-smoothing: antialiased; }

html, body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure { color: #000; text-align: left; line-height: 160%; letter-spacing: 0; font-size: 16px; font-weight: normal; font-family: 'ヒラギノ角ゴ ProN W3', 'HiraKakuProN-W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }

a { color: #000; }

a:hover { color: #000; }

a:visited { color: #000; }

li { list-style-position: inside; list-style-type: none; padding-left: 1em; text-indent: -1em; }

body { min-height: 100vh; background-position: bottom; background-size: cover; }

/*-------------------------------------
ヘッダー
-------------------------------------*/
header { width: 100%; padding: 5px 10px; position: fixed; top: 0; background: #fff; z-index: 1000; }

/* ロゴ
-------------------------------------*/
#wnilogo { width: 94px; height: 38px; }
#wnilogo a { width: 94px; height: 38px; background-image: url("https://smtgvs.weathernews.jp/smart/pollen_entry_2020/img/wni.svg"); background-size: 94px 38px; background-repeat: no-repeat; text-indent: 110%; white-space: nowrap; overflow: hidden; display: block; }

/*-------------------------------------
メインビジュアル
-------------------------------------*/

/* 基本設定
- - - - - - - - - - - - - - - - - - -*/
#mv { 
  width: 100%; 
  padding: 10px 0; 
  overflow: hidden; 
  background: url("https://smtgvs.weathernews.jp/smart/pollen_entry_2020/img/mv.jpg") no-repeat; 
  background-position: center; 
  background-size: cover; 
  margin-top: 48px; 
  text-align: center;
}

#mv .inner {
  padding: 20px 0;
  background: linear-gradient(rgba(0,0,0, 0), rgba(0,0,0, 0.75), rgba(0,0,0, 0.75), rgba(0,0,0, 0));
}

#tit-site, #txt-read {
  margin-left: auto;
  margin-right: auto;
}

#tit-site img, #txt-read img {
  width: 100%;
}

#tit-site {
  position: relative;
  width: 200px;
}

#tit-site .tit-year {
  position: absolute;
  top: 1px;
  right: -6px;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  transform: scale(0.8, 1);
}

@media screen and (min-width: 900px) {
  #tit-site .tit-year {
    top: 14px;
    right: -14px;
    font-size: 40px;
  }
}

#txt-read {
  width: 300px;
}

.deadline {
  display: inline-block;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  text-align: center;
  line-height: 1em;
  margin-top: 10px;
  position: relative;
  z-index: 1;
}

.deadline:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff000;
  position: absolute;
  left: 0;
  bottom: -6px;
  z-index: -1;
}

@media screen and (min-width: 900px) {
  #tit-site {
    width: 400px;
  }
  
  #txt-read {
    width: 700px;
  }
}

/*-------------------------------------
ナビ
-------------------------------------*/
/* スイッチ
- - - - - - - - - - - - - - - - - - -*/
#switch { display: block; width: 30px; height: 16px; position: fixed; top: 15px; right: 10px; cursor: pointer; z-index: 1001; }

/* スイッチ：オフ（ハンバーガー） */
#switch:before, #switch:after { content: ""; display: block; width: 30px; height: 4px; background: #00c8b2; border-radius: 20px; transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; -ms-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s; position: absolute; }
#switch:before { top: 0; }
#switch:after { bottom: 0; }

/* スイッチ：オン（バッテン） */
#switch.checked:before, #switch.checked:after { margin-top: -2px; transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -ms-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; top: 50%; bottom: auto; }
#switch.checked:before { transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
#switch.checked:after { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }

/* メニュー
- - - - - - - - - - - - - - - - - - -*/
/* スイッチがチェックされたら、表示 */
#menu.checked { display: block; }

#menu { width: 100vw; height: 100vh; background: rgba(0, 200, 178, 0.95); position: fixed; top: 48px; left: 0; z-index: 1002; display: none; opacity: 0; transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; -ms-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; }

#menu li { text-align: center; line-height: 1em; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
#menu li a { display: block; color: #fff; font-size: 16px; font-weight: bold; padding: 15px 0; }

#menu.checked { animation: checked 0.3s ease-out 1 forwards; -moz-animation: checked 0.3s ease-out 1 forwards; -webkit-animation: checked 0.3s ease-out 1 forwards; -ms-animation: checked 0.3s ease-out 1 forwards; -o-animation: checked 0.3s ease-out 1 forwards; }

@keyframes checked { 0% { opacity: 0; }
  100% { opacity: 1; } }
/*-------------------------------------
メインコンテンツ ：全体
-------------------------------------*/
/* 基本設定 */
article section { overflow: hidden; }
article section:not(:last-child) { margin-bottom: 20px; }
article section:nth-child(even) { background: #00c8b2; }
article section .inner { padding: 15px 10px; }

.align-center { text-align: center; }

/* innerの子要素の隙間調整 */
.inner > *:not(:last-child) { margin-bottom: 20px; }

/* テキストエリア内の隙間調整 */
.txt > *:not(:last-child) { margin-bottom: 1em; }

/* 各セクションのタイトル */
section .tit-section { font-size: 20px; font-weight: bold; line-height: 1.2em; text-align: center; margin: 10px 0; }

/* h3：各セクションのタイトル：白 */
section:nth-child(even) .tit-section { color: #fff; }

/* 強調テキスト */
.strong { font-weight: bold; text-align: center; }

/* リスト */
ol li { list-style-type: decimal; }

ol li:not(:last-child) { margin-bottom: 1em; }

/* 注意書き */
.notice { opacity: 0.5; margin-left: 10px; margin-right: 10px; }
.notice, .notice * { font-size: 12px; }
.notice li:not(:last-child) { margin-bottom: 1em; }
.notice li:before { content: "■"; margin-right: 5px; }

/*-------------------------------------
メインコンテンツ：リード
-------------------------------------*/
article #read { margin-bottom: 0; }

/*-------------------------------------
メインコンテンツ：リニューアル
-------------------------------------*/
#area-renewal .column-2 > *:not(:last-child) { margin-bottom: 20px; }

/* 写真エリアの設定
- - - - - - - - - - - - - - - - - - -*/
#area-renewal .photo { width: 100%; }
#area-renewal .photo .center {text-align: center;}

/* 2枚目の写真の位置調整 */
#area-renewal figure:nth-child(2) { text-align: right; margin-top: -70px; }

/* 写真の大きさ調整 */
#area-renewal figure:nth-child(1) img { width: 80%; }
#area-renewal figure:nth-child(2) img { width: 60%; }

#area-renewal .notice { margin: 0; }

/*-------------------------------------
メインコンテンツ：応募要項を確認
-------------------------------------*/
#area-recruit > *:not(:last-child) { margin-bottom: 40px; }

/* 基本設定 */
#conf { padding: 10px; border: 2px solid #00c8b2; margin-top: 15px; }

/* タイトル */
#conf .tit-section { width: 200px; background: #fff; margin-top: -23px; margin-bottom: 10px; margin-left: auto; margin-right: auto; }

#conf .strong { margin: 15px 0; }

/*-------------------------------------
メインコンテンツ：設置条件
-------------------------------------*/
/* 基本設定 */
#cond { text-align: center; position: relative; }
#cond figure { max-width: 300px; margin-left: auto; margin-right: auto; }
#cond figure img {width: 100%;}

/* タイトル */
#cond .tit-section { display: inline-block; position: relative; padding: 0px 10px; background: #fff; }

/* タイトル横の線 */
#cond:before { content: ""; display: block; width: 100%; height: 2px; background: #00c8b2; position: absolute; top: 22px; left: 0px; z-index: -1; }

/* 有線・無線の設定 */
#cond .column-2 { padding-top: 25px; margin: 0 10px; }

#cond .column-2 div > *:not(:last-child) { margin-bottom: 15px; }

#wired { border-top: 1px solid #ddd; margin-top: 30px; padding-top: 30px; }

/* 有線・無線のタイトル */
#cond h4 { font-size: 18px; font-weight: bold; text-align: center; }

/*-------------------------------------
メインコンテンツ：ステップ
-------------------------------------*/
/* ステップ画像の位置 */
figure[id^="img-step"] { margin-bottom: 15px; margin-left: auto; margin-right: auto; }

#step1 { max-width: 300px; margin-left: auto; margin-right: auto; margin-bottom: 30px; }
#step1 figure { margin-bottom: 5px; }

/* ステップ画像の位置 */
#step2-3 > *:not(:last-child) { padding-bottom: 30px; border-bottom: 1px solid #ddd; margin-bottom: 30px; }

/* ステップ画像の表示 */
#img-step1 a {
  width: 300px;
  height: 180px;
  background-image: url("../images/txt_step01_sp.svg");
  background-size: 300px 180px;
  background-repeat: no-repeat;
  display: block;
  position: relative;
}

#img-step1 span {
  position: absolute;
  font-weight: 600;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
  width: 100%;
  bottom: 20px;
}

/*-------------------------------------
メインコンテンツ：花粉プロジェクトとは
-------------------------------------*/
#area-project .tit-section { margin-top: 20px; }
#area-project *:not(:last-child), #area-project > *:not(:last-child) { margin-bottom: 20px; }
#area-project figure { width: 100%; max-width: 300px; margin-left: auto; margin-right: auto; }

/* メインコンテンツ：photoリスト */
#area-project .photo-list.inner {text-align: center; font-size: 0;}
#area-project .photo-list.inner > *{margin-bottom: 0;}
#area-project .photo-list.inner figure { width: 100px; height: 100px; overflow: hidden; display: inline-block; line-height: 1em;}
#area-project .photo-list.inner figure img { width: 100%; height: 100%; object-fit: cover; }

/*-------------------------------------
フッター
-------------------------------------*/
footer { padding: 10px 0 50px; background: #00c8b2; }
footer .copy { opacity: 0.5; font-size: 10px; text-align: center; }

/*-------------------------------------
共通：SNSボタン
-------------------------------------*/
#sns-share { width: 100%; padding: 6px; background: rgba(255, 255, 255, 0.5); box-sizing: border-box; overflow: hidden; position: fixed; left: 0; bottom: 0; z-index: 999; }

#sns-share li { float: left; width: 32%; height: 26px; line-height: 1em; padding-left: 0em; text-indent: 0em; }
#sns-share li:not(:last-child) { margin-right: 2%; }
#sns-share li a { width: 100%; height: 26px; color: #fff; font-size: 12px; text-align: center; vertical-align: middle; padding: 3px 0; border: 1px solid transparent; border-radius: 0; display: block; transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -ms-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; }
#sns-share li a * { vertical-align: middle; }
#sns-share li a span { margin-left: 5px; }
#sns-share .x a { background-color: #000; }
#sns-share .facebook a { background-color: #3c599d; }
#sns-share .line a { font-weight: bold; background-color: #00c8b2; }
#sns-share li svg { position: relative; top: 0; }
#sns-share .x svg { width: 18px; height: 18px; fill: #fff; }
#sns-share .facebook svg { width: 9px; height: 18px; fill: #fff; }

/*ボタンが2つのとき*/
#sns-share.col2 li { width: 48%; }

/*ボタンが1つのとき*/
#sns-share.col1 li { width: 100%; }
#sns-share.col1 li:not(:last-child) { margin-right: 2%; }

/*-------------------------------------
フォームページの設定
-------------------------------------*/
/* セクションの設定
-------------------------------------*/
/* 全体の設定 */
article#area-form { padding: 10px; background: #00c8b2; margin-top: 49px; }

/* フォーム内 */
#area-form form { background: #fff; max-width: 700px; padding: 20px 10px; box-sizing: border-box; border-radius: 8px; margin-left: auto; margin-right: auto; }
#area-form form > * + * { margin-top: 20px; }
#area-form form > .form-item + .tit-item { margin-top: 50px; }
#area-form form .notice { margin: 0; }

/* タイトルエリア */
#area-form.tit-item * { text-align: center; }

/* ラジオ：リスト */
.form-list li { padding: 0; text-indent: 0; }
.form-list li:not(:last-child) { margin-bottom: 5px; }

.form-list02 div + div { margin-top: 15px; }

/* 希望枠 */
.yusen_only.disable{ opacity: 0.3; position: relative; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
.yusen_only.disable:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; }
.yusen_only { opacity: 1; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
.yusen_only:after { display: none; }

/* 右左 */
.left-right { overflow: hidden; }
.left-right > *:first-child { float: left; }
.left-right > *:last-child { float: right; }

/* テキスト類
-------------------------------------*/
/* タイトル：ページ */
#area-form .tit-section { color: #fff; }

/* タイトル：大項目01*/
#area-form .tit-form01 { font-size: 16px; font-weight: bold; text-align: center; }

/* タイトル:大項目02 */
#area-form .tit-form02 { font-size: 16px; font-weight: bold; text-align: left; border-left: 2px solid #00c8b2; padding-left: 10px; }

/* テキスト：エラー */
#area-form .err { color: #f00; font-size: 12px; }
#area-form .err:before { content: "※"; }

#area-form .number-type { width: 100%; display: table; table-layout: fixed; }
#area-form .number-type > * { display: table-cell; }
#area-form .number-type > span { width: 70px; padding-left: 10px; }

.count { font-size: 12px; opacity: 0.6; text-align: right; }

/*-------------------------------------
フォームデザイン
-------------------------------------*/
/* ラジオボタン：オリジナルデザイン
- - - - - - - - - - - - - - -*/
.radio + .radio { margin-top: 5px; }

.radio { position: relative; display: block; }
.radio input { visibility: hidden; }
.radio span { padding-left: 10px; display: inline-block; }
.radio span:before, .radio span:after { content: ""; display: block; border-radius: 30px; position: absolute; top: 50%; }
.radio span:before { width: 16px; height: 16px; border: 1px solid #00c8b2; left: 0; margin-top: -8px; }
.radio span:after { width: 8px; height: 8px; background: #00c8b2; left: 4px; margin-top: -4px; visibility: hidden; }
.radio input[type="radio"]:checked + span:after { visibility: visible; }
.radio span:after { opacity: 0; transform: scale(3); -moz-transform: scale(3); -webkit-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); ransition: all 0.3s; -moz-ransition: all 0.3s; -webkit-ransition: all 0.3s; -ms-ransition: all 0.3s; -o-ransition: all 0.3s; }
.radio input[type="radio"]:checked + span:after { opacity: 1; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; }

/* チェックボタン：オリジナルデザイン
- - - - - - - - - - - - - - -*/
.check { position: relative; }
.check input { visibility: hidden; }
.check span { padding-left: 10px; display: inline-block; }
.check span:before, .check span:after { content: ""; display: block; position: absolute; top: 50%; }
.check span:before { width: 16px; height: 16px; border: 1px solid #00c8b2; left: 0; margin-top: -8px; }
.check span:after { width: 8px; height: 16px; border-bottom: 3px solid #00c8b2; border-right: 3px solid #00c8b2; left: 4px; left: 7px; margin-top: -10px; transfrom: rotate(45deg); -moz-transfrom: rotate(45deg); -webkit-transfrom: rotate(45deg); -ms-transfrom: rotate(45deg); -o-transfrom: rotate(45deg); transform: rotate(45deg); visibility: hidden; }
.check input[type="checkbox"]:checked + span:after { visibility: visible; }
.check span:after { opacity: 0; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); ransition: all 0.3s; -moz-ransition: all 0.3s; -webkit-ransition: all 0.3s; -ms-ransition: all 0.3s; -o-ransition: all 0.3s; }
.check input[type="checkbox"]:checked + span:after { opacity: 1; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; }

/* セレクト：オリジナルデザイン
- - - - - - - - - - - - - - -*/
.select { width: 100%; padding: 5px 10px; display: block; border: 1px solid #00c8b2; border-radius: 4px; position: relative; }
.select select { width: 100%; }
.select:after { content: ""; display: block; width: 0; height: 0; border: 6px solid transparent; border-top: 7px solid #00c8b2; position: absolute; top: 50%; right: 10px; margin-top: -5px; }

input[type="submit"] { width: 100%; max-width: 400px; padding: 4px 0; color: #fff; font-weight: bold; background: #00c8b2; border-radius: 8px; margin-left: auto; margin-right: auto; }

/* text：オリジナルデザイン
- - - - - - - - - - - - - - -*/
input[type="text"], input[type="password"], textarea, input[type="email"], input[type="tel"], input[type="number"] { width: 100%; border: 1px solid #00c8b2; border-radius: 4px; padding: 5px; }

.text { margin-top: 5px; opacity: 1; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; }
.text span { display: block; margin-bottom: 5px; }

.text.other { opacity: 0.3; position: relative; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; }
.text.other input[type="text"] { position: relative; z-index: -1; }
.text.other:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; }

.submit, .submit * { text-align: center; }

.tel input:nth-child(1) { width: 4em } 
.tel input:nth-child(2) { width: 5em } 
.tel input:nth-child(3) { width: 5em } 
.postcode input:nth-child(1) { width: 4em } 
.postcode input:nth-child(2) { width: 5em } 
/*-------------------------------------
パーツ：レスポンシブ
-------------------------------------*/
/* ブレイクポイントの設定 */
/* PCのコンテンツエリアの横幅 */
/* 出しわけ */
.sp { display: block; }
@media screen and (min-width: 700px) { .sp { display: none; } }

.pc { display: none; }
@media screen and (min-width: 700px) { .pc { display: block; } }

/*-------------------------------------
PCの設定
-------------------------------------*/
@media screen and (min-width: 980px) { /*------------------------------------- ヘッダーの設定 -------------------------------------*/
  /* ヘッダーの設定 */
  header { position: static; }
  /*------------------------------------- MVの設定 -------------------------------------*/
  #mv {margin-top: 0; }

  #mv .inner > *:not(:last-child) {
    margin-bottom: 40px;
  }

  .deadline {
    font-size: 40px;
    margin-top: 20px;
  }

  /*------------------------------------- メニューの設定 -------------------------------------*/
  /* スイッチはPCでは使わない */
  #switch { display: none; }
  /* スイッチ判定を解除、横並びに */
  #menu, #menu.checked { width: 100%; height: auto; background: #fff; overflow: hidden; position: static; opacity: 1; border-bottom: 1px solid #eee; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; -webkit-box-pack: center; /*--- Androidブラウザ用 ---*/ -ms-flex-pack: center; /*--- IE10 ---*/ -webkit-justify-content: center; /*--- safari（PC）用 ---*/ }
  nav.fixed { width: 100%; position: fixed; top: 0; z-index: 999; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); }
  /* リストの設定 */
  #menu li { width: 180px; text-indent: 0; padding-left: 0; position: relative; }
  #menu li a { display: block; color: #000; font-size: 16px; font-weight: bold; text-align: center; line-height: 1.2em; padding: 8px 0; }
  /* リストの設定：ライン */
  #menu li:not(:last-child):after { content: ""; display: block; width: 1px; height: 30px; background: #eee; position: absolute; top: 50%; right: 0; margin-top: -15px; }
  /*------------------------------------- メインコンテンツの基本設定 -------------------------------------*/
  /* innerの設定 */
  article section .inner { padding: 40px 0; width: 980px; margin-left: auto; margin-right: auto; }
  /* タイトルの設定 */
  section .tit-section { font-size: 26px; line-height: 32px; margin-top: 0; }
  /*------------------------------------- メインコンテンツ：ビジュアル下のリード文(READ) -------------------------------------*/
  article #read .inner { width: 660px; padding: 25px 0; }
  /*------------------------------------- メインコンテンツ：ポールンロボがリニューアル(Renewl) -------------------------------------*/
  /* カラム2の設定 */
  #area-renewal .column-2 { overflow: hidden; }
  #area-renewal .column-2 > *:not(:last-child) { margin-bottom: 0px; }
  /* タイトルの設定 */
  #area-renewal h3 { text-align: left; }
  /* 写真の設定 */
  #area-renewal .photo { float: left; width: 40%; }
  /* テキストの設定 */
  #area-renewal .txt { float: right; width: 57%; }
  /*------------------------------------- メインコンテンツ：応募要項を確認(conf) -------------------------------------*/
  #conf { padding: 30px 0; text-align: center; }
  /* タイトルの設定 */
  #conf .tit-section { width: 240px; margin-top: -47px; }
  /* テキストの設定 */
  #conf .strong { font-size: 18px; }
  /* リストの設定 */
  #conf ol { display: inline-block; }
  #conf li { margin-bottom: 0; }
  /*------------------------------------- メインコンテンツ：応募要項を確認(cond) -------------------------------------*/
  /* 基本設定 */
  #cond { overflow: hidden; }
  /* カラム2の設定 */
  #cond .column-2 { overflow: hidden; width: 980px; margin-left: auto; margin-right: auto; }
  #cond .column-2 > * { float: left; width: 480px; padding: 0 20px; margin: 0; box-sizing: border-box; }
  #cond .column-2 #wired { border-left: 1px solid #ddd; border-top: none; }
  #cond .column-2 div > *:first-child 　　　 { margin-bottom: 35px; }
  #cond .column-2 div > *:not(:last-child) { margin-bottom: 30px; }
  /* タイトル：セクションの設定 */
  #cond .tit-section { padding: 0px 30px; }
  /* タイトル：セクションの線 */
  #cond:before { top: 17px; }
  /* タイトル：無線/有線の設定 */
  #cond h4 { font-size: 26px; }
  /* 無線/有線のolの高さを揃える */
  #cond .column-2 ol { height: 250px; }
  /*------------------------------------- メインコンテンツ：ステップの設定(step) -------------------------------------*/
  /* 全体の設定 */
  #area-step { width: 980px; margin-left: auto; margin-right: auto; }
  /* ステップ1の設定 */
  #step1 { max-width: 100%; padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 0; }
  #step1 a {
    width: 850px;
    height: 94px;
    background-image: url("../images/txt_step01_pc.svg");
    background-size: 976px 94px;
    background-repeat: no-repeat;
    display: block;
  }

  #img-step1 span {
    top: 50%;
    right: 75px;
    transform: translateY(-50%);
    font-size: 25px;
    width: auto;
    text-align: right;
    display: inline-block;
    letter-spacing: -0.05em;
  }

  /* ステップ2-3の設定 */
  #step2-3 { overflow: hidden; }
  #step2-3.inner { padding: 0; }
  /* ステップ2、ステップ3の設定 */
  #step2-3 > * { float: left; padding-top: 20px; width: 480px; box-sizing: border-box; }
  #step2-3 > *:not(:last-child) { padding: 20px 0; margin: 0; border-bottom: none; border-right: 1px solid #ddd; }
  #step2-3 > #step2 { padding-right: 25px; }
  #step2-3 > #step3 { padding-left: 25px; }
  /* ステップ2とステップ3のタイトル */
  #step2-3 figure[id^="img-step"] { margin-left: 0; margin-right: 0; }
  /* 注意書き */
  #step .notice { margin-top: 30px; margin-bottom: 50px; }
  /*------------------------------------- メインコンテンツ：花粉プロジェクトとは(area-project) -------------------------------------*/
  /* カラム2の設定 */
  #area-project .inner { padding: 0; overflow: hidden; display: table; table-layout: fixed; }
  #area-project .inner > * { display: table-cell; }
  /* タイトルの設定 */
  #area-project .tit-section { margin: 40px 0; }
  /* カラム2：画像の設定 */
  #area-project .inner figure { width: 369px; vertical-align: middle; max-width: 369px; }
  /* カラム2：テキストの設定 */
  #area-project .inner p { width: 566px; padding-left: 30px; vertical-align: middle; box-sizing: border-box; }
  /* メインコンテンツ：photoリスト */
  #area-project .photo-list.inner > * { margin-bottom: 0; }
  #area-project .photo-list.inner figure { width: 163px; height: 163px; overflow: hidden; float: left; }
  #area-project .photo-list.inner img { height: 100%; width: 100%; object-fit: cover;}
  /*------------------------------------- フッター -------------------------------------*/
  footer { padding: 50px 0; }
  /*------------------------------------- フォーム -------------------------------------*/
  article#area-form { margin: 0; padding: 0; }
  #area-form form { padding: 30px; }
  article#area-form h1.tit-section { margin: 30px 0; }
  .radio { display: inline; }
  .radio + .radio { margin-left: 15px; }
  #area-form .number-type { width: 200px; }
  #area-form .number-type input[type="number"] { width: 100%; }
  #area-form .number-type > span { width: auto; padding-left: 10px; }
  .select, input[type="number"] { width: 200px; }
  /*------------------------------------- SNS -------------------------------------*/
  #sns-share { width: 70px; padding: 0; background: none; left: auto; bottom: auto; top: 63px; right: 0; }
  #sns-share li { float: none; height: 36px; width: 100%; margin-bottom: 2px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); }
  #sns-share li a { height: 36px; padding: 10px 0; }
  #sns-share .x a { background-color: #000; }
  #sns-share .facebook a { background-color: #3c599d; }
  #sns-share .x svg { fill: #fff; }
  #sns-share .facebook svg { fill: #fff; }
  #sns-share li a span { display: none; }
  #sns-share #lnshare a span { display: block; } }

  #cond {
    padding: 0 10px;
  }

  #wireless {
    text-align: center;
    margin-top: 15px;
  }

  #wireless > *:not(:last-child) {
    margin-bottom: 30px;
  }

  #wireless .list {
    display: inline-block;
    text-align: left;
  }

  #wireless .list .notice {
    margin: 15px 0 0;
  }

  .stepTitle {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 1.25em;
    padding-left: 15px;
    border-left: 3px solid #00c8b2;
  }

/* .mone {
  background-color: #fff;
  padding: 10px;
  margin-top: 20px;
} */

/* ver02 */
.mone .txt {
  padding: 15px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5);
  position: relative;
}

.mone .txt * {
  font-weight: 600;
}

.mone .txt:after {
  content: "";
  display: block;
  width : 20px;
  height: 20px;
  background-color: #fff;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate(0, -50%) rotate(45deg);

}

@media screen and (min-width: 900px) {
  .mone {
    margin-top: 20px;
    position: relative;
  }

  .mone .txt {
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  
  .mone .txt:after {
    top: 50%;
    left: 0px;
    transform: translate(-50%, 0) rotate(45deg);
  }
}

.youtube {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.youtube:before {
  content:"";
  display: block;
  padding-top: 56.25%; /* 高さの比率 ÷ 幅の比率 × 100 【1:1=100%】【4:3=75%】【16:9=56.25%】 */
}

.youtube > * {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}