/* ■■■■■■■■  Component : カラー情報  ■■■■■■■■ */
/*================================================
// ホワイト（デフォルトカラー）
//===============================================*/
.col_wh01 {
  background-color: #FAFAFA;
}
.col_wh01 .l_footer {
  border-top: 4px solid #FFF;
}
.col_wh01 .c_color_btn {
  color: #222222;
  background: #FFF;
  border: 2px solid #222222;
}
.col_wh01 .c_color_btn .c_color_icon {
  fill: #222222;
}
.col_wh01 .c_color_btn:hover {
  background: #222;
  color: #FFF;
  border: 2px solid #696969;
}
.col_wh01 .c_color_btn:hover .c_color_icon {
  fill: #FFF;
}
.col_wh01 .p_cmn_title--lv02 {
  border-top: 4px solid #222222;
}
.col_wh01 .p_cmn_box {
  background: #F8F8F8;
}
.col_wh01 .c_color_bg_dlg {
  border: 2px solid #222;
}
.col_wh01 .c_form_type--req {
  background: #222222;
}
.col_wh01 .c_form_input--check:checked + .c_form_input--check_label:before {
  background-color: #222222;
}
.col_wh01 .c_form_input--radio:checked + .c_form_input--radio_label:before {
  border: 6px solid #222222;
}
.col_wh01 .c_hamburger {
  border: none;
}
.col_wh01 .c_hamburger:hover {
  background: #F7F7F7;
  border: none;
}
/*================================================
// ブラック
//===============================================*/
.col_bk01 {
  background-color: #212121;
}
.col_bk01 .icon_color {
  fill: #111111;
}
.col_bk01 .c_hamburger {
  background-color: #111111;
}
.col_bk01 .c_hamburger_bar {
  background-color: #FFF;
}
.col_bk01 .c_hamburger_title {
  color: #FFF;
}
.col_bk01 .l_footer {
  border-top: 4px solid #111111;
}
.col_bk01 .c_color_btn {
  color: #FFF;
  background: #111111;
  border: 2px solid #111111;
}
.col_bk01 .c_color_btn .c_color_icon {
  fill: #FFF;
}
.col_bk01 .c_color_btn:hover {
  background: #444444;
  border: 2px solid #444444;
}
.col_bk01 .p_cmn_title--lv02 {
  border-top: 4px solid #111111;
}
.col_bk01 .p_cmn_title--lv03:before {
  background: #111111;
}
.col_bk01 .p_cmn_title--cal {
  border-bottom: 4px solid #111111;
}
.col_bk01 .p_cmn_box {
  background: #F8F8F8;
}
.col_bk01 .c_color_bg_blk {
  background: #F8F8F8;
}
.col_bk01 .c_color_bg_dlg {
  background: #111111;
  color: #FFF;
}
.col_bk01 .c_form_type--req {
  background: #111111;
}
.col_bk01 .c_form_input--check:checked + .c_form_input--check_label:before {
  background-color: #111111;
}
.col_bk01 .c_form_input--radio:checked + .c_form_input--radio_label:before {
  border: 6px solid #111111;
}
/*================================================
// レッド
//===============================================*/
.col_rd01 {
  background-color: #FDFDEF;
}
.col_rd01 .icon_color {
  fill: #CE0505;
}
.col_rd01 .c_hamburger {
  background-color: #CE0505;
}
.col_rd01 .c_hamburger_bar {
  background-color: #FFF;
}
.col_rd01 .c_hamburger_title {
  color: #FFF;
}
.col_rd01 .l_footer {
  border-top: 4px solid #CE0505;
}
.col_rd01 .c_color_btn {
  color: #FFF;
  background: #CE0505;
  border: 2px solid #CE0505;
}
.col_rd01 .c_color_btn .c_color_icon {
  fill: #FFF;
}
.col_rd01 .c_color_btn:hover {
  background: #FF4A4A;
  border: 2px solid #FF4A4A;
}
.col_rd01 .p_cmn_title--lv02 {
  border-top: 4px solid #CE0505;
}
.col_rd01 .p_cmn_title--lv03:before {
  background: #CE0505;
}
.col_rd01 .p_cmn_title--cal {
  border-bottom: 4px solid #CE0505;
}
.col_rd01 .p_cmn_box {
  background: #FFF3F3;
}
.col_rd01 .c_color_bg_blk {
  background: #FFF3F3;
}
.col_rd01 .c_color_bg_dlg {
  background: #CE0505;
  color: #FFF;
}
.col_rd01 .c_form_type--req {
  background: #CE0505;
}
.col_rd01 .c_form_input--check:checked + .c_form_input--check_label:before {
  background-color: #CE0505;
}
.col_rd01 .c_form_input--radio:checked + .c_form_input--radio_label:before {
  border: 6px solid #CE0505;
}
/*================================================
// オレンジ
//===============================================*/
.col_or01 {
  background-color: #F9F5ED;
}
.col_or01 .icon_color {
  fill: #F47719;
}
.col_or01 .c_hamburger {
  background-color: #F47719;
}
.col_or01 .c_hamburger_bar {
  background-color: #FFF;
}
.col_or01 .c_hamburger_title {
  color: #FFF;
}
.col_or01 .l_footer {
  border-top: 4px solid #F47719;
}
.col_or01 .c_color_btn {
  color: #FFF;
  background: #F47719;
  border: 2px solid #F47719;
}
.col_or01 .c_color_btn .c_color_icon {
  fill: #FFF;
}
.col_or01 .c_color_btn:hover {
  background: #FF9D5A;
  border: 2px solid #FF9D5A;
}
.col_or01 .p_cmn_title--lv02 {
  border-top: 4px solid #F47719;
}
.col_or01 .p_cmn_title--lv03:before {
  background: #F47719;
}
.col_or01 .p_cmn_title--cal {
  border-bottom: 4px solid #F47719;
}
.col_or01 .p_cmn_box {
  background: #FFF3E6;
}
.col_or01 .c_color_bg_blk {
  background: #FFF3E6;
}
.col_or01 .c_color_bg_dlg {
  background: #F47719;
  color: #FFF;
}
.col_or01 .c_form_type--req {
  background: #F47719;
}
.col_or01 .c_form_input--check:checked + .c_form_input--check_label:before {
  background-color: #F47719;
}
.col_or01 .c_form_input--radio:checked + .c_form_input--radio_label:before {
  border: 6px solid #F47719;
}
/*================================================
// ペールイエロー
//===============================================*/
.col_ye01 {
  background-color: #FFFFF4;
}
.col_ye01 .icon_color {
  fill: #C7B900;
}
.col_ye01 .c_hamburger {
  background-color: #F9F18A;
}
.col_ye01 .c_hamburger_bar {
  background-color: #222;
}
.col_ye01 .c_hamburger_title {
  color: #222;
}
.col_ye01 .l_footer {
  border-top: 4px solid #F9F18A;
}
.col_ye01 .c_color_btn {
  color: #222;
  background: #F9F18A;
  border: 2px solid #F9F18A;
}
.col_ye01 .c_color_btn .c_color_icon {
  fill: #222;
}
.col_ye01 .c_color_btn:hover {
  background: #FCF7BB;
  border: 2px solid #FCF7BB;
  color: #222;
}
.col_ye01 .c_color_btn:hover .c_color_icon {
  fill: #222;
}
.col_ye01 .p_cmn_title--lv02 {
  border-top: 4px solid #F9F18A;
}
.col_ye01 .p_cmn_title--lv03:before {
  background: #C7B900;
}
.col_ye01 .p_cmn_title--cal {
  border-bottom: 4px solid #F9F18A;
}
.col_ye01 .p_cmn_box {
  background: #FFFDD7;
}
.col_ye01 .c_color_bg_blk {
  background: #FFFDD7;
}
.col_ye01 .c_color_bg_dlg {
  background: #F9F18A;
}
.col_ye01 .c_form_type--req {
  background: #C7B900;
  color: #FFF;
}
.col_ye01 .c_form_input--check:checked + .c_form_input--check_label:before {
  background-color: #C7B900;
}
.col_ye01 .c_form_input--radio:checked + .c_form_input--radio_label:before {
  border: 6px solid #C7B900;
}
/*================================================
// イエロー
//===============================================*/
.col_ye02 {
  background-color: #FFF4C5;
}
.col_ye02 .icon_color {
  fill: #EBAC00;
}
.col_ye02 .c_hamburger {
  background-color: #FFD112;
}
.col_ye02 .c_hamburger_bar {
  background-color: #222;
}
.col_ye02 .c_hamburger_title {
  color: #222;
}
.col_ye02 .l_footer {
  border-top: 4px solid #FFD112;
}
.col_ye02 .c_color_btn {
  color: #222;
  background: #FFD112;
  border: 2px solid #FFD112;
}
.col_ye02 .c_color_btn .c_color_icon {
  fill: #222;
}
.col_ye02 .c_color_btn:hover {
  background: #FFE576;
  border: 2px solid #FFE576;
  color: #222;
}
.col_ye02 .c_color_btn:hover .c_color_icon {
  fill: #222;
}
.col_ye02 .p_cmn_title--lv02 {
  border-top: 4px solid #FFD112;
}
.col_ye02 .p_cmn_title--lv03:before {
  background: #EBAC00;
}
.col_ye02 .p_cmn_title--cal {
  border-bottom: 4px solid #FFD112;
}
.col_ye02 .p_cmn_box {
  background: #FFF9DE;
}
.col_ye02 .c_color_bg_blk {
  background: #FFF9DE;
}
.col_ye02 .c_color_bg_dlg {
  background: #FFD112;
}
.col_ye02 .c_form_type--req {
  background: #EBAC00;
  color: #FFF;
}
.col_ye02 .c_form_input--check:checked + .c_form_input--check_label:before {
  background-color: #EBAC00;
}
.col_ye02 .c_form_input--radio:checked + .c_form_input--radio_label:before {
  border: 6px solid #EBAC00;
}
/*================================================
// スカイブルー
//===============================================*/
.col_bl01 {
  background-color: #F0F1F2;
}
.col_bl01 .icon_color {
  fill: #0098E8;
}
.col_bl01 .c_hamburger {
  background-color: #0098E8;
}
.col_bl01 .c_hamburger_bar {
  background-color: #FFF;
}
.col_bl01 .c_hamburger_title {
  color: #FFF;
}
.col_bl01 .l_footer {
  border-top: 4px solid #0098E8;
}
.col_bl01 .c_color_btn {
  color: #FFF;
  background: #0098E8;
  border: 2px solid #0098E8;
}
.col_bl01 .c_color_btn .c_color_icon {
  fill: #FFF;
}
.col_bl01 .c_color_btn:hover {
  background: #31C1F4;
  border: 2px solid #31C1F4;
}
.col_bl01 .p_cmn_title--lv02 {
  border-top: 4px solid #0098E8;
}
.col_bl01 .p_cmn_title--lv03:before {
  background: #0098E8;
}
.col_bl01 .p_cmn_title--cal {
  border-bottom: 4px solid #0098E8;
}
.col_bl01 .p_cmn_box {
  background: #DCF5FF;
}
.col_bl01 .c_color_bg_blk {
  background: #DCF5FF;
}
.col_bl01 .c_color_bg_dlg {
  background: #0098E8;
  color: #FFF;
}
.col_bl01 .c_form_type--req {
  background: #0098E8;
}
.col_bl01 .c_form_input--check:checked + .c_form_input--check_label:before {
  background-color: #0098E8;
}
.col_bl01 .c_form_input--radio:checked + .c_form_input--radio_label:before {
  border: 6px solid #0098E8;
}
/*================================================
// ネイビーブルー
//===============================================*/
.col_bl02 {
  background-color: #E8EBED;
}
.col_bl02 .icon_color {
  fill: #063D93;
}
.col_bl02 .c_hamburger {
  background-color: #063D93;
}
.col_bl02 .c_hamburger_bar {
  background-color: #FFF;
}
.col_bl02 .c_hamburger_title {
  color: #FFF;
}
.col_bl02 .l_footer {
  border-top: 4px solid #063D93;
}
.col_bl02 .c_color_btn {
  color: #FFF;
  background: #063D93;
  border: 2px solid #063D93;
}
.col_bl02 .c_color_btn .c_color_icon {
  fill: #FFF;
}
.col_bl02 .c_color_btn:hover {
  background: #2066BA;
  border: 2px solid #2066BA;
}
.col_bl02 .p_cmn_title--lv02 {
  border-top: 4px solid #063D93;
}
.col_bl02 .p_cmn_title--lv03:before {
  background: #063D93;
}
.col_bl02 .p_cmn_title--cal {
  border-bottom: 4px solid #063D93;
}
.col_bl02 .p_cmn_box {
  background: #EBF2FC;
}
.col_bl02 .c_color_bg_blk {
  background: #EBF2FC;
}
.col_bl02 .c_color_bg_dlg {
  background: #063D93;
  color: #FFF;
}
.col_bl02 .c_form_type--req {
  background: #063D93;
}
.col_bl02 .c_form_input--check:checked + .c_form_input--check_label:before {
  background-color: #063D93;
}
.col_bl02 .c_form_input--radio:checked + .c_form_input--radio_label:before {
  border: 6px solid #063D93;
}
/*================================================
// グリーン
//===============================================*/
.col_gr01 {
  background-color: #F6F7F5;
}
.col_gr01 .icon_color {
  fill: #09933A;
}
.col_gr01 .c_hamburger {
  background-color: #09933A;
}
.col_gr01 .c_hamburger_bar {
  background-color: #FFF;
}
.col_gr01 .c_hamburger_title {
  color: #FFF;
}
.col_gr01 .l_footer {
  border-top: 4px solid #09933A;
}
.col_gr01 .c_color_btn {
  color: #FFF;
  background: #09933A;
  border: 2px solid #09933A;
}
.col_gr01 .c_color_btn .c_color_icon {
  fill: #FFF;
}
.col_gr01 .c_color_btn:hover {
  background: #31BA55;
  border: 2px solid #31BA55;
}
.col_gr01 .p_cmn_title--lv02 {
  border-top: 4px solid #09933A;
}
.col_gr01 .p_cmn_title--lv03:before {
  background: #09933A;
}
.col_gr01 .p_cmn_title--cal {
  border-bottom: 4px solid #09933A;
}
.col_gr01 .p_cmn_box {
  background: #F1F9ED;
}
.col_gr01 .c_color_bg_blk {
  background: #F1F9ED;
}
.col_gr01 .c_color_bg_dlg {
  background: #09933A;
  color: #FFF;
}
.col_gr01 .c_form_type--req {
  background: #09933A;
}
.col_gr01 .c_form_input--check:checked + .c_form_input--check_label:before {
  background-color: #09933A;
}
.col_gr01 .c_form_input--radio:checked + .c_form_input--radio_label:before {
  border: 6px solid #09933A;
}
/*================================================
// ブルーグリーン
//===============================================*/
.col_gr02 {
  background-color: #E4F9F5;
}
.col_gr02 .icon_color {
  fill: #3DC4AA;
}
.col_gr02 .c_hamburger {
  background-color: #83E5D2;
}
.col_gr02 .c_hamburger_bar {
  background-color: #222;
}
.col_gr02 .c_hamburger_title {
  color: #222;
}
.col_gr02 .l_footer {
  border-top: 4px solid #83E5D2;
}
.col_gr02 .c_color_btn {
  color: #222;
  background: #83E5D2;
  border: 2px solid #83E5D2;
}
.col_gr02 .c_color_btn .c_color_icon {
  fill: #222;
}
.col_gr02 .c_color_btn:hover {
  color: #222;
  background: #BEF4E9;
  border: 2px solid #BEF4E9;
}
.col_gr02 .c_color_btn:hover .c_color_icon {
  fill: #222;
}
.col_gr02 .p_cmn_title--lv02 {
  border-top: 4px solid #83E5D2;
}
.col_gr02 .p_cmn_title--lv03:before {
  background: #3DC4AA;
}
.col_gr02 .p_cmn_title--cal {
  border-bottom: 4px solid #83E5D2;
}
.col_gr02 .p_cmn_box {
  background: #F0FFFA;
}
.col_gr02 .c_color_bg_blk {
  background: #F0FFFA;
}
.col_gr02 .c_color_bg_dlg {
  background: #83E5D2;
}
.col_gr02 .c_form_type--req {
  background: #3DC4AA;
}
.col_gr02 .c_form_input--check:checked + .c_form_input--check_label:before {
  background-color: #3DC4AA;
}
.col_gr02 .c_form_input--radio:checked + .c_form_input--radio_label:before {
  border: 6px solid #3DC4AA;
}
/*================================================
// ライトグリーン
//===============================================*/
.col_gr03 {
  background-color: #F7F9F4;
}
.col_gr03 .icon_color {
  fill: #9BB727;
}
.col_gr03 .c_hamburger {
  background-color: #B9E254;
}
.col_gr03 .c_hamburger_bar {
  background-color: #222;
}
.col_gr03 .c_hamburger_title {
  color: #222;
}
.col_gr03 .l_footer {
  border-top: 4px solid #B9E254;
}
.col_gr03 .c_color_btn {
  color: #222;
  background: #B9E254;
  border: 2px solid #B9E254;
}
.col_gr03 .c_color_btn .c_color_icon {
  fill: #222;
}
.col_gr03 .c_color_btn:hover {
  color: #222;
  background: #E0F48C;
  border: 2px solid #E0F48C;
}
.col_gr03 .c_color_btn:hover .c_color_icon {
  fill: #222;
}
.col_gr03 .p_cmn_title--lv02 {
  border-top: 4px solid #B9E254;
}
.col_gr03 .p_cmn_title--lv03:before {
  background: #9BB727;
}
.col_gr03 .p_cmn_title--cal {
  border-bottom: 4px solid #B9E254;
}
.col_gr03 .p_cmn_box {
  background: #F6FCDE;
}
.col_gr03 .c_color_bg_blk {
  background: #F6FCDE;
}
.col_gr03 .c_color_bg_dlg {
  background: #B9E254;
}
.col_gr03 .c_form_type--req {
  background: #9BB727;
}
.col_gr03 .c_form_input--check:checked + .c_form_input--check_label:before {
  background-color: #9BB727;
}
.col_gr03 .c_form_input--radio:checked + .c_form_input--radio_label:before {
  border: 6px solid #9BB727;
}
/*================================================
// ベージュ
//===============================================*/
.col_br01 {
  background-color: #FAF8F4;
}
.col_br01 .icon_color {
  fill: #A58B62;
}
.col_br01 .c_hamburger {
  background-color: #D6B992;
}
.col_br01 .c_hamburger_bar {
  background-color: #222;
}
.col_br01 .c_hamburger_title {
  color: #222;
}
.col_br01 .l_footer {
  border-top: 4px solid #D6B992;
}
.col_br01 .c_color_btn {
  color: #222;
  background: #D6B992;
  border: 2px solid #D6B992;
}
.col_br01 .c_color_btn .c_color_icon {
  fill: #222;
}
.col_br01 .c_color_btn:hover {
  color: #222;
  background: #E8D3BA;
  border: 2px solid #E8D3BA;
}
.col_br01 .c_color_btn:hover .c_color_icon {
  fill: #222;
}
.col_br01 .p_cmn_title--lv02 {
  border-top: 4px solid #D6B992;
}
.col_br01 .p_cmn_title--lv03:before {
  background: #A58B62;
}
.col_br01 .p_cmn_title--cal {
  border-bottom: 4px solid #D6B992;
}
.col_br01 .p_cmn_box {
  background: #F9F4EA;
}
.col_br01 .c_color_bg_blk {
  background: #F9F4EA;
}
.col_br01 .c_color_bg_dlg {
  background: #D6B992;
}
.col_br01 .c_form_type--req {
  background: #A58B62;
}
.col_br01 .c_form_input--check:checked + .c_form_input--check_label:before {
  background-color: #A58B62;
}
.col_br01 .c_form_input--radio:checked + .c_form_input--radio_label:before {
  border: 6px solid #A58B62;
}
/*================================================
// ブラウン
//===============================================*/
.col_br02 {
  background-color: #E8E6E3;
}
.col_br02 .icon_color {
  fill: #4C372E;
}
.col_br02 .c_hamburger {
  background-color: #4C372E;
}
.col_br02 .c_hamburger_bar {
  background-color: #FFF;
}
.col_br02 .c_hamburger_title {
  color: #FFF;
}
.col_br02 .l_footer {
  border-top: 4px solid #4C372E;
}
.col_br02 .c_color_btn {
  color: #FFF;
  background: #4C372E;
  border: 2px solid #4C372E;
}
.col_br02 .c_color_btn .c_color_icon {
  fill: #FFF;
}
.col_br02 .c_color_btn:hover {
  background: #705F5A;
  border: 2px solid #705F5A;
}
.col_br02 .p_cmn_title--lv02 {
  border-top: 4px solid #4C372E;
}
.col_br02 .p_cmn_title--lv03:before {
  background: #4C372E;
}
.col_br02 .p_cmn_title--cal {
  border-bottom: 4px solid #4C372E;
}
.col_br02 .p_cmn_box {
  background: #F2EAE7;
}
.col_br02 .c_color_bg_blk {
  background: #F2EAE7;
}
.col_br02 .c_color_bg_dlg {
  background: #4C372E;
  color: #FFF;
}
.col_br02 .c_form_type--req {
  background: #4C372E;
}
.col_br02 .c_form_input--check:checked + .c_form_input--check_label:before {
  background-color: #4C372E;
}
.col_br02 .c_form_input--radio:checked + .c_form_input--radio_label:before {
  border: 6px solid #4C372E;
}
/*================================================
// ライトブラウン
//===============================================*/
.col_pu01 {
  background-color: #F6F6F1;
}
.col_pu01 .icon_color {
  fill: #9F9BDD;
}
.col_pu01 .c_hamburger {
  background-color: #CEC7EF;
}
.col_pu01 .c_hamburger_bar {
  background-color: #222;
}
.col_pu01 .c_hamburger_title {
  color: #222;
}
.col_pu01 .l_footer {
  border-top: 4px solid #CEC7EF;
}
.col_pu01 .c_color_btn {
  color: #222;
  background: #CEC7EF;
  border: 2px solid #CEC7EF;
}
.col_pu01 .c_color_btn .c_color_icon {
  fill: #222;
}
.col_pu01 .c_color_btn:hover {
  color: #222;
  background: #E1DFF7;
  border: 2px solid #E1DFF7;
}
.col_pu01 .c_color_btn:hover .c_color_icon {
  fill: #222;
}
.col_pu01 .p_cmn_title--lv02 {
  border-top: 4px solid #CEC7EF;
}
.col_pu01 .p_cmn_title--lv03:before {
  background: #9F9BDD;
}
.col_pu01 .p_cmn_title--cal {
  border-bottom: 4px solid #CEC7EF;
}
.col_pu01 .p_cmn_box {
  background: #F4F2FC;
}
.col_pu01 .c_color_bg_blk {
  background: #F4F2FC;
}
.col_pu01 .c_color_bg_dlg {
  background: #CEC7EF;
}
.col_pu01 .c_form_type--req {
  background: #9F9BDD;
}
.col_pu01 .c_form_input--check:checked + .c_form_input--check_label:before {
  background-color: #9F9BDD;
}
.col_pu01 .c_form_input--radio:checked + .c_form_input--radio_label:before {
  border: 6px solid #9F9BDD;
}
/*================================================
// ライトピンク
//===============================================*/
.col_pi01 {
  background-color: #F9F7F8;
}
.col_pi01 .icon_color {
  fill: #F2879B;
}
.col_pi01 .c_hamburger {
  background-color: #F9D4DE;
}
.col_pi01 .c_hamburger_bar {
  background-color: #222;
}
.col_pi01 .c_hamburger_title {
  color: #222;
}
.col_pi01 .l_footer {
  border-top: 4px solid #F9D4DE;
}
.col_pi01 .c_color_btn {
  color: #222;
  background: #F9D4DE;
  border: 2px solid #F9D4DE;
}
.col_pi01 .c_color_btn .c_color_icon {
  fill: #222;
}
.col_pi01 .c_color_btn:hover {
  color: #222;
  background: #FFEEF2;
  border: 2px solid #FFEEF2;
}
.col_pi01 .c_color_btn:hover .c_color_icon {
  fill: #222;
}
.col_pi01 .p_cmn_title--lv02 {
  border-top: 4px solid #F9D4DE;
}
.col_pi01 .p_cmn_title--lv03:before {
  background: #F2879B;
}
.col_pi01 .p_cmn_title--cal {
  border-bottom: 4px solid #F9D4DE;
}
.col_pi01 .p_cmn_box {
  background: #FFF8FA;
}
.col_pi01 .c_color_bg_blk {
  background: #FFF8FA;
}
.col_pi01 .c_color_bg_dlg {
  background: #F9D4DE;
}
.col_pi01 .c_form_type--req {
  background: #F2879B;
}
.col_pi01 .c_form_input--check:checked + .c_form_input--check_label:before {
  background-color: #F2879B;
}
.col_pi01 .c_form_input--radio:checked + .c_form_input--radio_label:before {
  border: 6px solid #F2879B;
}
/*================================================
// ピンク
//===============================================*/
.col_pi02 {
  background-color: #F7F5F6;
}
.col_pi02 .icon_color {
  fill: #EA71AB;
}
.col_pi02 .c_hamburger {
  background-color: #EA71AB;
}
.col_pi02 .c_hamburger_bar {
  background-color: #FFF;
}
.col_pi02 .c_hamburger_title {
  color: #FFF;
}
.col_pi02 .l_footer {
  border-top: 4px solid #EA71AB;
}
.col_pi02 .c_color_btn {
  color: #FFF;
  background: #EA71AB;
  border: 2px solid #EA71AB;
}
.col_pi02 .c_color_btn .c_color_icon {
  fill: #FFF;
}
.col_pi02 .c_color_btn:hover {
  background: #F98FBF;
  border: 2px solid #F98FBF;
}
.col_pi02 .p_cmn_title--lv02 {
  border-top: 4px solid #EA71AB;
}
.col_pi02 .p_cmn_title--lv03:before {
  background: #EA71AB;
}
.col_pi02 .p_cmn_title--cal {
  border-bottom: 4px solid #EA71AB;
}
.col_pi02 .p_cmn_box {
  background: #FFF0F8;
}
.col_pi02 .c_color_bg_blk {
  background: #FFF0F8;
}
.col_pi02 .c_color_bg_dlg {
  background: #EA71AB;
  color: #FFF;
}
.col_pi02 .c_form_type--req {
  background: #EA71AB;
}
.col_pi02 .c_form_input--check:checked + .c_form_input--check_label:before {
  background-color: #EA71AB;
}
.col_pi02 .c_form_input--radio:checked + .c_form_input--radio_label:before {
  border: 6px solid #EA71AB;
}
/*================================================
// グラデーション ブルー
//===============================================*/
.col_gd01 {
  background: linear-gradient(to right, #EEFFEE, #E9FDFF);
}
.col_gd01 .icon_color {
  fill: #4BD6DD;
}
.col_gd01 .c_hamburger_bar {
  background-color: #222;
}
.col_gd01 .c_hamburger_title {
  color: #222;
}
.col_gd01 .l_footer {
  border-top: none;
}
.col_gd01 .l_footer:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(45deg, #CAFCE0, #71E4FF);
}
.col_gd01 .c_color_btn {
  color: #222;
  border: none;
  position: relative;
  z-index: 1;
}
.col_gd01 .c_color_btn:before {
  transition: all .200s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #CAFCE0, #71E4FF);
  z-index: -1;
}
.col_gd01 .c_color_btn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #71E4FF, #CAFCE0);
  z-index: -2;
}
.col_gd01 .c_color_btn .c_color_icon {
  fill: #222;
}
.col_gd01 .c_color_btn:hover {
  color: #222;
  border: none;
}
.col_gd01 .c_color_btn:hover .c_color_icon {
  fill: #222;
}
.col_gd01 .c_color_btn:hover:before {
  opacity: 0;
}
.col_gd01 .p_cmn_title--lv02 {
  position: relative;
  border-top: none;
}
.col_gd01 .p_cmn_title--lv02:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(45deg, #CAFCE0, #71E4FF);
}
.col_gd01 .p_cmn_title--lv03:before {
  background: #4BD6DD;
}
.col_gd01 .p_cmn_title--cal {
  position: relative;
  border-bottom: none;
}
.col_gd01 .p_cmn_title--cal:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(45deg, #CAFCE0, #71E4FF);
}
.col_gd01 .p_cmn_box {
  background: #EBFFF9;
}
.col_gd01 .c_color_bg_blk {
  background: #EBFFF9;
}
.col_gd01 .c_color_bg_dlg {
  background: linear-gradient(to right, #EEFFEE, #E9FDFF);
}
.col_gd01 .c_form_type--req {
  background: #4BD6DD;
}
.col_gd01 .c_form_input--check:checked + .c_form_input--check_label:before {
  background-color: #4BD6DD;
}
.col_gd01 .c_form_input--radio:checked + .c_form_input--radio_label:before {
  border: 6px solid #4BD6DD;
}
/*================================================
// グラデーション ピンク
//===============================================*/
.col_gd02 {
  background: linear-gradient(to right, #FCF4F0, #F8E0E8);
}
.col_gd02 .icon_color {
  fill: #F48998;
}
.col_gd02 .c_hamburger_bar {
  background-color: #222;
}
.col_gd02 .c_hamburger_title {
  color: #222;
}
.col_gd02 .l_footer {
  border-top: none;
}
.col_gd02 .l_footer:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(45deg, #FFE4C7, #FF87A9);
}
.col_gd02 .c_color_btn {
  color: #222;
  border: none;
  position: relative;
  z-index: 1;
}
.col_gd02 .c_color_btn:before {
  transition: all .200s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #FFE4C7, #FF87A9);
  z-index: -1;
}
.col_gd02 .c_color_btn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #FF87A9, #FFE4C7);
  z-index: -2;
}
.col_gd02 .c_color_btn .c_color_icon {
  fill: #222;
}
.col_gd02 .c_color_btn:hover {
  color: #222;
  border: none;
}
.col_gd02 .c_color_btn:hover .c_color_icon {
  fill: #222;
}
.col_gd02 .c_color_btn:hover:before {
  opacity: 0;
}
.col_gd02 .p_cmn_title--lv02 {
  position: relative;
  border-top: none;
}
.col_gd02 .p_cmn_title--lv02:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(45deg, #FFE4C7, #FF87A9);
}
.col_gd02 .p_cmn_title--lv03:before {
  background: #F48998;
}
.col_gd02 .p_cmn_title--cal {
  position: relative;
  border-bottom: none;
}
.col_gd02 .p_cmn_title--cal:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(45deg, #FFE4C7, #FF87A9);
}
.col_gd02 .p_cmn_box {
  background: #FFF3F3;
}
.col_gd02 .c_color_bg_blk {
  background: #FFF3F3;
}
.col_gd02 .c_color_bg_dlg {
  background: linear-gradient(to right, #FFE4C7, #FF87A9);
}
.col_gd02 .c_form_type--req {
  background: #F48998;
}
.col_gd02 .c_form_input--check:checked + .c_form_input--check_label:before {
  background-color: #F48998;
}
.col_gd02 .c_form_input--radio:checked + .c_form_input--radio_label:before {
  border: 6px solid #F48998;
}
/*================================================
// グラデーション グリーン
//===============================================*/
.col_gd03 {
  background: linear-gradient(to right, #FFFFF0, #EDFBE3);
}
.col_gd03 .icon_color {
  fill: #6FC94C;
}
.col_gd03 .c_hamburger_bar {
  background-color: #222;
}
.col_gd03 .c_hamburger_title {
  color: #222;
}
.col_gd03 .l_footer {
  border-top: none;
}
.col_gd03 .l_footer:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(45deg, #FCFFAA, #80ED66);
}
.col_gd03 .c_color_btn {
  color: #222;
  border: none;
  position: relative;
  z-index: 1;
}
.col_gd03 .c_color_btn:before {
  transition: all .200s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #FCFFAA, #80ED66);
  z-index: -1;
}
.col_gd03 .c_color_btn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #80ED66, #FCFFAA);
  z-index: -2;
}
.col_gd03 .c_color_btn .c_color_icon {
  fill: #222;
}
.col_gd03 .c_color_btn:hover {
  color: #222;
  border: none;
}
.col_gd03 .c_color_btn:hover .c_color_icon {
  fill: #222;
}
.col_gd03 .c_color_btn:hover:before {
  opacity: 0;
}
.col_gd03 .p_cmn_title--lv02 {
  position: relative;
  border-top: none;
}
.col_gd03 .p_cmn_title--lv02:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(45deg, #FCFFAA, #80ED66);
}
.col_gd03 .p_cmn_title--lv03:before {
  background: #6FC94C;
}
.col_gd03 .p_cmn_title--cal {
  position: relative;
  border-bottom: none;
}
.col_gd03 .p_cmn_title--cal:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(45deg, #FCFFAA, #80ED66);
}
.col_gd03 .p_cmn_box {
  background: #F6FCEB;
}
.col_gd03 .c_color_bg_blk {
  background: #F6FCEB;
}
.col_gd03 .c_color_bg_dlg {
  background: linear-gradient(to right, #FCFFAA, #80ED66);
}
.col_gd03 .c_form_type--req {
  background: #6FC94C;
}
.col_gd03 .c_form_input--check:checked + .c_form_input--check_label:before {
  background-color: #6FC94C;
}
.col_gd03 .c_form_input--radio:checked + .c_form_input--radio_label:before {
  border: 6px solid #6FC94C;
}
/*================================================
// グラデーション パープル
//===============================================*/
.col_gd04 {
  background: linear-gradient(to right, #F8F2FB, #F2FBFF);
}
.col_gd04 .icon_color {
  fill: #A684BF;
}
.col_gd04 .c_hamburger_bar {
  background-color: #222;
}
.col_gd04 .c_hamburger_title {
  color: #222;
}
.col_gd04 .l_footer {
  border-top: none;
}
.col_gd04 .l_footer:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(45deg, #D7BBF0, #71E4FF);
}
.col_gd04 .c_color_btn {
  color: #222;
  border: none;
  position: relative;
  z-index: 1;
}
.col_gd04 .c_color_btn:before {
  transition: all .200s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #D7BBF0, #71E4FF);
  z-index: -1;
}
.col_gd04 .c_color_btn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #71E4FF, #D7BBF0);
  z-index: -2;
}
.col_gd04 .c_color_btn .c_color_icon {
  fill: #222;
}
.col_gd04 .c_color_btn:hover {
  color: #222;
  border: none;
}
.col_gd04 .c_color_btn:hover .c_color_icon {
  fill: #222;
}
.col_gd04 .c_color_btn:hover:before {
  opacity: 0;
}
.col_gd04 .p_cmn_title--lv02 {
  position: relative;
  border-top: none;
}
.col_gd04 .p_cmn_title--lv02:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(45deg, #D7BBF0, #71E4FF);
}
.col_gd04 .p_cmn_title--lv03:before {
  background: #A684BF;
}
.col_gd04 .p_cmn_title--cal {
  position: relative;
  border-bottom: none;
}
.col_gd04 .p_cmn_title--cal:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(45deg, #D7BBF0, #71E4FF);
}
.col_gd04 .p_cmn_box {
  background: #F1F2FF;
}
.col_gd04 .c_color_bg_blk {
  background: #F1F2FF;
}
.col_gd04 .c_color_bg_dlg {
  background: linear-gradient(to right, #D7BBF0, #71E4FF);
}
.col_gd04 .c_form_type--req {
  background: #A684BF;
}
.col_gd04 .c_form_input--check:checked + .c_form_input--check_label:before {
  background-color: #A684BF;
}
.col_gd04 .c_form_input--radio:checked + .c_form_input--radio_label:before {
  border: 6px solid #A684BF;
}