変数
2023/02/09 12:10
//変数 2023/02/09 12:10
//font-family: 'Noto Sans JP', sans-serif;
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');
//font-family: 'Noto Serif JP', serif;
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;700&display=swap');
//font-family: 'Shippori Mincho', serif;
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;700&display=swap');
//font-family: 'Zen Kaku Gothic New', sans-serif;
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;700&display=swap');
//font-family: 'Zen Old Mincho', serif;
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;700&display=swap');
//font-family: 'Zen Maru Gothic', sans-serif;
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;700&display=swap');
#__next {
/*--- 基本カラー設定 ---*/
--fo-main-color: #2D6EB3;
--fo-sub-color: #359AD0;
--fo-accent-color: #71D1F6;
--fo-background-color1: #fff;
--fo-background-color2: #F8F8F8;
/*--- 見出しフォント設定 ---*/
//フォントサイズ PC
--fo-h1-font-size-pc: 46px;
--fo-h2-font-size-pc: 32px;
--fo-h3-font-size-pc: 24px;
--fo-h4-font-size-pc: 20px;
--fo-h5-font-size-pc: 16px;
//フォントサイズ SP
--fo-h1-font-size-sp: 28px;
--fo-h2-font-size-sp: 26px;
--fo-h3-font-size-sp: 22px;
--fo-h4-font-size-sp: 18px;
--fo-h5-font-size-sp: 16px;
//字間
--fo-heading-letter-spacing: 0em;
//行間
--fo-heading-line-height: 1.5;
/*--- 基本テキストフォント設定 ---*/
//フォントサイズ PC
--fo-text-font-size-pc: 16px;
//フォントサイズ sp
--fo-text-font-size-sp: 16px;
//字間
--fo-text-letter-spacing: 0em;
//行間
--fo-text-line-height: 1.75;
/*--- 見出し設定 ---*/
--fo-heading-main-color: #000;
--fo-heading-accent-color: var(--fo-accent-color);
--fo-heading-font-family: "Noto Sans JP", sans-serif;
--fo-heading-link-color: #f00;
--fo-heading-link-hover-text-decoration: underline;
--fo-heading-link-hover-font-weight: bold;
--fo-heading-link-hover-invert: var(--fo-heading-main-color);
--fo-heading-link-hover-opacity: .7;
/*--- 英字設定 ---*/
//--fo-latin-main-color: #2D6EB3;
//--fo-latin-accent-color: #2D6EB3;
//--fo-latin-font-family: 'Roboto', sans-serif;
//--fo-latin-link-color: #f00;
//--fo-latin-link-hover-text-decoration: underline;
//--fo-latin-link-hover-font-weight: normal;
//--fo-latin-link-hover-invert: var(--fo-latin-main-color);
//--fo-latin-link-hover-opacity: .7;
/*--- 基本テキスト設定 ---*/
--fo-text-main-color: #000;
--fo-text-accent-color: #000;
--fo-text-font-family: "Noto Sans JP", sans-serif;
--fo-text-link-color: var(--fo-sub-color);
--fo-text-link-hover-text-decoration: none;
--fo-text-link-hover-font-weight: normal;
--fo-text-link-hover-invert: var(--fo-text-main-color);
--fo-text-link-hover-opacity: .7;
/*--- 各種ボタン設定 ---*/
//アイコン
--fo-button-download-fa-unicode: "\f0f6";
--fo-button-contact-fa-unicode: "\f003";
//ボタンサイズ（大）
--fo-button-large-font-size: 20px;
--fo-button-large-min-width-pc: 350px;
--fo-button-large-min-width-sp: 100%;
//ボタンサイズ（中）
--fo-button-medium-font-size: 16px;
--fo-button-medium-min-width-pc: 280px;
--fo-button-medium-min-width-sp: 90%;
//ボタンサイズ（小）
--fo-button-small-font-size: 14px;
--fo-button-small-min-width-pc: 200px;
--fo-button-small-min-width-sp: 80%;
//ボタン1
--fo-button1-text-color: #fff;
--fo-button1-border-radius: 50vh;
--fo-button1-background: linear-gradient(-90deg, var(--fo-accent-color), var(--fo-sub-color));
--fo-button1-border-color: rgba(0, 0, 0, 0);
--fo-button1-hover-background-color: var(--fo-button1-background);
--fo-button1-hover-text-color: var(--fo-button1-text-color);
--fo-button1-hover-border-color: var(--fo-button1-border-color);
--fo-button1-hover-opacity: .4;
--fo-button1-hover-scale: 1.05;
//ボタン２
--fo-button2-text-color: #fff;
--fo-button2-border-radius: 50vh;
--fo-button2-background: #2D6EB3;
--fo-button2-border-color: #2D6EB3;
--fo-button2-hover-background-color: var(--fo-button2-background);
--fo-button2-hover-text-color: var(--fo-button2-text-color);
--fo-button2-hover-border-color: var(--fo-button2-border-color);
--fo-button2-hover-opacity: .4;
--fo-button2-hover-scale: 1.05;
//ボタン3
--fo-button3-text-color: #fff;
--fo-button3-border-radius: 50vh;
--fo-button3-background: #2D6EB3;
--fo-button3-border-color: #2D6EB3;
--fo-button3-hover-background-color: var(--fo-button3-background);
--fo-button3-hover-text-color: var(--fo-button3-text-color);
--fo-button3-hover-border-color: var(--fo-button3-border-color);
--fo-button3-hover-opacity: .4;
--fo-button3-hover-scale: 1.05;
//ボタン4
--fo-button4-text-color: #000;
--fo-button4-border-radius: 0;
--fo-button4-background: none;
--fo-button4-border-color: none;
--fo-button4-hover-background-color: none;
--fo-button4-hover-text-color: rgba(#fff), 0;
--fo-button4-hover-border-color: rgba(#2D6EB3), 0;
--fo-button4-hover-opacity: .4;
--fo-button4-hover-scale: 1.05;
//ボタン5
--fo-button5-text-color: #fff;
--fo-button5-border-radius: 50vh;
--fo-button5-background: none;
--fo-button5-border-color: #fff;
--fo-button5-hover-background-color: var(--fo-button5-background);
--fo-button5-hover-text-color: var(--fo-button5-text-color);
--fo-button5-hover-border-color: var(--fo-button5-border-color);
--fo-button5-hover-opacity: .4;
--fo-button5-hover-scale: 1.05;
//ボタン6
--fo-button6-text-color: #2D6EB3;
--fo-button6-border-radius: 50vh;
--fo-button6-background: #fff;
--fo-button6-border-color: #fff;
--fo-button6-hover-background-color: var(--fo-button6-background);
--fo-button6-hover-text-color: var(--fo-button6-text-color);
--fo-button6-hover-border-color: var(--fo-button6-border-color);
--fo-button6-hover-opacity: .4;
--fo-button6-hover-scale: 1.05;
/*--- タグ設定 ---*/
--fo-tag-border-radius: 0;
--fo-tag-border-radius: 6px;
--fo-tag-border-radius: 50vh;
--fo-tag-fa-unicode: "\f02b";
--fo-tag-background-color: #359AD0;
--fo-tag-border-color: #359AD0;
--fo-tag-text-color: #fff;
--fo-shadow-color: rgba(0, 0, 0, .16);
/*--- 余白設定 ---*/
--fo-spacing-coef: 1;
}