@charset "UTF-8";
/*-----------------------
	基本
-----------------------*/
body { margin:0; padding:0; outline:none; text-align:left; letter-spacing: 0; background: #e8ecef; color: #06141E; font-size: 100%; }
a, nav a { color: #4d6980; }
a:hover, nav a:hover { color: #b8c5cc; }
/*-----------------------
	ナビ
-----------------------*/
/*-- ページ移動 --*/
nav { text-align: right; padding: 0 0 20px;}
div.f_tate nav { margin: 0 0 30px 0; }
div.f_tate nav a { padding: 10px 0 0; }
div.f_yoko nav a { padding: 0 10px 0 0; }
nav p { font-size: 80%; color: darkgray; padding: 0; }
@media screen and (max-width: 768px) { .pc_view_text { display: none; } }
/*-- スタイル変更 --*/
.header { display: flex; justify-content: space-between; align-items: center; padding: 0 20px; background: #fff; position: absolute; top: 0; right: 0; border-radius: 0 0 0 10px; }
.drawer-hidden { display: none; }
.drawer-open { display: flex; height: 60px; width: 30px; justify-content: center; align-items: center; position: relative; z-index: 98; cursor: pointer; }
.drawer-open span, .drawer-open span:before { font-family: 'Material Icons Round'; content: "\e262"; display: block; height: 35px; width: 35px; font-size: 150%; transition: 0.5s; color: #555; position: absolute; }
.drawer-content { width: 200px; height: 100%; position: fixed; top: 0; right: -200px; z-index: 100; background: #fff; transition: .3s; }
.drawer-content section { padding: 15px 20px; }
.drawer-content p { padding-bottom: 15px; }
#drawer-check:checked ~ .drawer-content { right: 0; }
.drawer-close { width: 100%; height: 100%; background-color: rgba(138,145,153,0.5); position: fixed; top: 0; left: 100%; z-index: 99; transition: 0; cursor: pointer; }
#drawer-check:checked ~ .drawer-close { left: 0; }
/*変更ボタン*/
button { background: #dcdcdc; color: #333; font-size: 13px; padding: 5px 10px; margin-bottom: 5px; border: 0; }
button:hover{ cursor: pointer; background: #c0c0c0; }
button.current { background: #333333; color: #e6e6e6; }
/*-----------------------
	見出し
-----------------------*/
h2 { font-size: 120%; font-weight: normal; }
div.f_yoko h2 { padding: 50px 0 30px 0; line-height: 1.8; }
/*-----------------------
	レイアウト
-----------------------*/
main { }
#fic_box { column-count: 1; column-gap: 2.5rem; box-sizing: content-box;
column-rule-width: 1px; column-rule-style: solid; }
/*--- 大きい画面 ---*/
@media all and (min-width: 720px) {
main { padding-top: 0; }
#fic_box { width: 90vw; max-width: 700px; margin: 0 auto 30px; padding: 0; }
}
/*--- 小さい画面 ---*/
@media all and (max-width: 719px) {
main { padding-top: 0; }
main .tate { height: 100vh; }
#fic_box{ width: 90vw; margin: 0 auto;  }
}
/*-----------------------
	枠組・装飾
-----------------------*/
p { margin: 0; padding: 0 0 2em; }
p.center { text-align: center; }
p.right { text-align: right; }
p.end { text-align: right; padding: 1em 20px 1em 0; }
#ham-menu p { font-family: sans-serif; }
rt { font-size: 8px; font-family: sans-serif; }
button span i { padding: 0 7px 0 0; }
label span { margin: -20px 0 0; padding: 0; }
strong { color: #c53d43; }
/* 縦中横 */
.text-combine { -webkit-text-combine: horizontal;
-ms-text-combine-horizontal: all; text-combine-upright: all; }
/* 傍点 */
span.boten { text-emphasis-style: filled; -webkit-text-emphasis-style: filled;
-moz-text-emphasis-style: filled; -ms-text-emphasis-style: filled; }
span.dash { font-family: 'Hiragino Mincho ProN W3','ヒラギノ明朝 ProN W3','MS 明朝',serif; }
/*-----------------------
	jqueryのスタイル変更
-----------------------*/
.f_small{ font-size: 100%; }
.f_middle{ font-size: 130%; }
.f_large{ font-size: 160%; }
.f_LHsmall p { line-height: 1.4; }
.f_LHmiddle p { line-height: 1.8; }
.f_LHlarge p { line-height: 2.3; }
.f_tate { writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl;
 letter-spacing: 0; }
@media all and (min-width: 720px) { .f_tate { height: 100vh; max-height: 600px; } }
@media all and (max-width: 719px) { .f_tate { height: 150vh; } }
.f_yoko { writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb;
-ms-writing-mode: horizontal-tb; }
.f_mincho { font-family: 'Hiragino Mincho ProN W3','ヒラギノ明朝 ProN W3','凸版文久明朝','游明朝',YuMincho,serif; }
.f_gothic { font-family: -apple-system,BlinkMacSystem,"Arial","Yu Gothic","Meiryo",sans-serif; }
.f_default { background: #e8ecef; color: #2d3033; }
.f_box_default { column-rule-color: #C2CADA; }
/* 白黒 */
.f_wb { background: #fff; color: #313536; }
.f_box_wb { column-rule-color: #e6e6e6; }
/* 黒白 */
.f_bw { background: #000; color: #e6e6e6; }
.f_box_bw { column-rule-color: #4d4d4d; }
/* セピア */
.f_sepia { background: #e6e1cf; color: #4d4b45; }
.f_box_sepia { column-rule-color: #ccc8b8; }

.grecaptcha-badge { visibility: hidden; }