@charset "UTF-8";

/*　画面サイズが1200pxまで、以下のスタイル適用 */
@media (min-width: 1200px){
/* パンくずコンテナ(pc) */
header #head_wrap { width: 1100px; display: flex; margin: 0 auto;}
#pc {display:block;}
#sp {display:none;}
}

/*　画面サイズが896pxまで、以下のスタイル適用 */
@media (max-width: 896px){
/* ヘッダ設定 */
header #head_wrap {width: 98%; display: block;}
header .shop { margin: 0 0 10px; }
#pc {display:none;}
#sp {display:block;}
header ul{ padding-top: 18px;}
header ul li:first-child { margin: 0 20px 0 0;}
header a{ font-size: 34px;}

/* 顧客情報表示 */
#custmer_info ul{ font-size: 17px; width: 98%; padding: 12px 0;}
.selectdiv {font-size: 14px; width: 98%; padding: 12px 0 17px; line-height: 1.7;}
.selectdiv:after { content: '>'; font: 16px "Consolas", monospace; color: #005793; right: 12px; top: 13px; padding: 0 0 2px; }
.selectdiv select { max-width: 280px; margin: 0 0 0 8px; padding: 2px 8px 0; font-size: 13px;}

/* 各種プルダウン設定 */
.selectdiv2 { margin: 0 auto; padding: 2px 0 8x;}
.selectdiv2:after { font: 18px "Consolas", monospace; color: #005793; right: 12px; top: 6px; padding: 0;}
.selectdiv2 select { padding: 4px 8px; font-size: 17px;}
.selectdiv3 { margin: 0; padding: 2px 0 50px;}
select::-ms-expand {display: none;}
.selectdiv3:after { font: 22px "Consolas", monospace; color: #005793; right: 12px; top: 12px;}
.selectdiv3 select { font-size: 16px; }

/* ファイルアップボタン設定 */
#file_up { font-size: 18px; }
#file_up input { font-size: 16px; }
.image_preview { width: 90%; display: block; margin-bottom: 30px;}

/* メイン設定 */
main { width: 100%; margin: 0 auto; padding: 20px 0;}
main #title { width: 98%;}
main #title h1 {font-size: 26px; margin-bottom: 20px;}
main #title h2 {font-size: 15px; line-height: 1.6; margin-bottom: 20px;}

/* お知らせ表示 */
main #attend { width: 98%;}
main ol { width: 100%; margin: 0 0 18px;}
main ol li:first-child { width: 20%; font-size: 15px;}
main ol li:last-child { width: 74%; font-size: 15px;}
main ol a { font-size: 15px;}

/* ナビゲーションタブ表示 */
main #main_navi { width: 98%;}
main .tab1 { font-size:16px; width: 20.8%; margin: 0 0.2% 0 0; padding: 0.5% 2%;}
main .tab1:hover { font-size:16px; width: 20.8%; margin: 0 0.2% 0 0; padding: 0.5% 2%;}
main .tab1_on { font-size:16px; width: 20.8%; margin: 0 0.2% 0 0; padding: 0.5% 2%;}
main .tab2 { font-size:16px; width: 20.8%; margin: 0 0.2% 0 0; padding: 0.5% 2%;}
main .tab2:hover { font-size:16px; width: 20.8%; margin: 0 0.2% 0 0; padding: 0.5% 2%;}
main .tab2_on { font-size:16px; width: 20.8%; margin: 0 0.2% 0 0; padding: 0.5% 2%;}
main .tab3 { font-size:16px; width: 20.9%; margin: 0 0.2% 0 0; padding: 0.5% 2%;}
main .tab3:hover { font-size:16px; width: 20.9%; margin: 0 0.2% 0 0; padding: 0.5% 2%;}
main .tab3_on { font-size:16px; width: 20.9%; margin: 0 0.2% 0 0; padding: 0.5% 2%;}
main .tab4 { font-size:16px; width: 21%; padding: 0.5% 2%;}
main .tab4:hover { font-size:16px; width: 21%; padding: 0.5% 2%;}
main .tab4_on { font-size:16px; width: 21%; padding: 0.5% 2%;}
main .et_wrap2 { width: 96%; margin: 2% 0 0; padding: 2% 1.8%;}

/* コンテンツ部分 */
main #contents { width: 94%; margin: 0 auto 10px; padding: 10px 2% 1px; line-height: 1.6;}
main #contents2 { width: 94%; margin: 0 auto 10px; padding: 10px 2% 1px; line-height: 1.6;}

/* 月次切り替え */
main #month_navi { width: 100%; margin: 0 auto 18px;}
main #month_navi a { width: 100%; color:#FFF; padding: 1% 0; display: block;}
main #month_navi a:hover { width: 100%; color:#333; padding: 1% 0; display: block;}
main .tab2_wrap { width: 100%; margin: 5px auto 0; padding: 0; }
main .tab1_mt { font-size:16px; width: 33%; margin: 0; padding: 0;}
main .tab1_mt:hover { font-size:16px; width: 33%; margin: 0; padding: 0;}
main .tab1_mt_on { font-size:16px; width: 33%; margin: 0; padding: 0.3%;}
main .tab2_mt { font-size:16px; width: 33.6%; margin: 0; padding: 0;}
main .tab2_mt:hover { font-size:16px; width: 33.6%; margin: 0; padding: 0;}
main .tab2_mt_on { font-size:16px; width: 33.6%; margin: 0; padding: 0.3%;}
main .tab3_mt { font-size:16px; width: 33.15%; margin: 0; padding: 0;}
main .tab3_mt:hover { font-size:16px; width: 33.15%; margin: 0; padding: 0;}
main .tab3_mt_on { font-size:16px; width: 33.15%; margin: 0; padding: 0;}

/* データ関連見出し各種 */
main .score { width: 96%; margin: 0 0 20px; padding: 0 2%;}
main .score_title { width: 100%; margin: 0; padding: 0; display: flex;}
main .st_1 { width: 32%; padding: 0; font-size: 19px;}
main .st_2 { width: 60%; padding: 6px 0 0 0; font-size: 13px;}

/* 各種ボタン設定 */
main .btn { margin: 0 auto 8px; font-size: 17px;}
main .btn:hover { margin: 0 auto 8px; font-size: 17px;}
main .btn2 { margin: 0 auto 25px; font-size: 17px;}
main .btn2:hover { margin: 0 auto 25px; font-size: 17px;}
main .btn3 { margin: 15px auto 15px; font-size: 17px; }
main .btn3:hover { margin: 15px auto 15px; font-size: 17px;}
main .btn4 { margin: 0 auto 20px; font-size: 17px;}
main .btn4:hover { margin: 0 auto 20px; font-size: 17px;}

/* 顧客情報表組み */
main table { width: 96%; font-size: 14px;}
main .info_td1 { width: 32%; padding: 8px 4%;}
main .info_td2 { width: 56%; padding: 8px 2%;}
main .info_td3 { width: 32%; padding: 8px 4%;}
main .info_td4 { width: 56%; padding: 8px 2%;}

/* 変更フォーム見出し */
main .et_1 { margin: 2% 2% 4px; font-size: 19px; margin: 3% 2% 4px;}
main .et_2 { margin: 0 2% 0; font-size: 15px;}
main .et_3 { margin: 0 2% 1%; font-size: 19px;}
main .et_3_post { width: 60%; font-size: 19px;}
main .et_3_2 { margin: 0 2% 0.2%; font-size: 19px;}
main .et_3_none { margin: 0 2% 2%; font-size: 19px;}
main .et_4 { margin: 0 2%; font-size: 19px;}

main .et_5 { width: 88%; margin: 1.5% 6%; padding: 0; font-size: 15px; line-height: 22px;}
main .et_6 { width: 88%; margin: 1.5% 6%; padding: 0 0 15px; font-size: 15px; line-height: 22px;}
main .et_7 { width: 84%; margin: 1.5% auto; padding: 2% 2% 3%; font-size: 21px;}
main .et7_text { width: 98%; margin: 12px auto 0; font-size: 15px; line-height: 22px;}
main .et7_text2 { width: 92%; margin: 12px auto 0; padding: 2% 3%; font-size: 15px; line-height: 22px;}
main .et7_text3 { width: 98%; margin: 12px auto 0; font-size: 15px;}
main .et7_text4 { width: 98%; margin: 0 auto; font-size: 13px; line-height: 20px;}
main .et7_text5 { width: 98%; margin: 12px auto 0; font-size: 13px; line-height: 20px;}
main .et_8 { width: 88%; margin: 1.5% 6%; padding: 0 0 15px; font-size: 15px; line-height: 22px;}
main .et_10 {font-size: 15px;}
#step { margin: 0 20px 0 0; padding: 2px 10px; font-size: 16px; }
main .et_img { width: 83%; margin: 0 auto;}
main .et_img2 { width: 35%; margin: 0 auto;}
main .et_img3 { width: 50%; margin: 0 auto;}

/* ラジオボタン */
main fieldset {	width: 97%; margin: 1.5% 1.5% 2.5%;}

/* 解約フォーム見出し */
main .ft_1 { margin: 2% 2% 4px; font-size: 19px;}
main .ft_2 { margin: 4px 2% 4%; font-size: 15px;}
main .ft_3 { margin: 4px 2% 2%; font-size: 13px; line-height: 1.4;}
main .ft_4 { margin: 0 2% 4%; font-size: 14px;}
main .ft_strong {font-size: 15px; margin-bottom: 5px;}

/* フォーム見出し */
main .info { margin: 0 auto 10px; padding: 8px 2%; font-size: 13px;}
main .info2 { margin: 0 auto 25px; padding: 2%; font-size: 15px; line-height: 1.4;}
main .info3 { margin: 0 auto 8px; padding: 8px 2%; font-size: 13px;}
main .info4 { margin: 0 auto 8px; padding: 8px 2%; font-size: 13px;}
main .info5 { margin: 15px auto 8px; padding: 8px 2%; font-size: 13px;}

/* エラーメッセージ部分 */
main #error_message {width: 92%; margin: 0 0 25px; padding: 2% 4% 1%;}

/* 各種設定 */
main h3 { font-size: 19px;}
main h4 { font-size: 13px;}
main h5 { font-size: 19px;}
main h6 { font-size: 13px;}
main small { font-size: 13px;}
main input { font-size: 14px;}
main .change { font-size: 14px;}
main textarea { margin: 0 0 5px 0; padding: 8px 1%; font-size: 16px;}
main .edit { margin: 0 0 5px 0; padding: 8px 1%; font-size: 16px;}
main .edit_post { font-size: 16px;}
main .forget_attend { font-size: 13px; margin: 0 0 15px;}
main ul { width: 74%; margin: 15px auto 30px; padding: 25px 3%; font-size: 13px; line-height: 1.6; }
main ul li { width: 92%; margin: 0 4%; font-size: 12px; line-height: 2; }
main strong {font-size: 15px; margin-bottom: 12px;}
main .forget_btn { font-size: 16px;}
main .forget_btn:hover { font-size: 16px;}
main .forget_btn2 { font-size: 16px;}
main .forget_btn2:hover { font-size: 16px;}
main .forget_btn3 { font-size: 16px;}
main .forget_btn3:hover { font-size: 16px;}
main .forget_btn4 { font-size: 18px;}
main .forget_btn4:hover { font-size: 18px;}
main .forget_btn5 { font-size: 18px;}
main .forget_btn5:hover { font-size: 18px;}
input[type="submit"] { font-size: 18px;}
input[type="submit"]:hover { font-size: 18px;}

/* モーダルウィンドウ */
.modal-wrapper { padding: 40px 10px;}
.modal-wrapper .modal-window { width: 96%; max-width: 96%; padding: 2% 2% 1%;}
.review_01 { width: 94%; margin: 18px auto 0; padding: 3%; font-size: 18px;}
.review_02 { width: 98%; margin: 20px 0 10px; padding: 0 1%; font-size: 18px;}
.review_03 { width: 98%; margin: 0 auto; padding: 0 1%; font-size: 15px; line-height: 1.3;}
}


@media screen and (max-width: 768px) {
.fas { font-size: 18px; }
.modal-wrapper { align-items: flex-start; padding-top: 10%; }
.modal-window { width: 90%; max-width: 90%;padding: 15px; transform: translateY(0); }
.modal-content, 
.modal-content2 {max-height: 70vh; padding-right: 10px; }
.modal-close { width: 30px;height: 30px;font-size: 18px;top: 5px;right: 5px; }
.modal-cont-wrap strong { font-size: 18px;}
.modal-title { font-size: 16px; }
.modal-title02 { font-size: 14px; }
.modal-title03 { font-size: 14px; }
.modal-text { font-size: 14px; }
.modal-text02 { font-size: 14px; }
.modal-text03 { font-size: 14px; }
.modal-img { width: 100%; text-align: center;margin-bottom: 10px; }
.modal-img img { width: 80%; }
.modal-cont-wrap { flex-direction: column; }
.modal-text { width: 100%;text-align: center; }
}


/*　画面サイズが480pxまで、以下のスタイル適用 */
@media (max-width: 480px){
/* ロゴサイズ設定 */
header .logo{ width: 40%; margin: 0 0;}
header .logo img{width: 150px; margin: 12px 0;}
header ul{ padding-top: 0px;}
header ul li:first-child { margin: 0 10px 0 0; display: inline;}
header a{ font-size: 24px;}
footer .footer_logo {width: 200px;}

/* 顧客情報表示 */
#custmer_info ul{ font-size: 15px; width: 98%; padding: 12px 0;}
.selectdiv {font-size: 12px; width: 98%; padding: 12px 0 17px; line-height: 1.7;}
.selectdiv:after { content: '>'; font: 14px "Consolas", monospace; color: #005793; right: 12px; top: 15px; padding: 0 0 2px; }
.selectdiv select { max-width: 250px; margin: 0 0 0 8px; padding: 2px 8px 0; font-size: 12px; border: 1px solid #cccccc; border-radius: 5px;}

/* お知らせ表示 */
main #attend { width: 98%;}
main ol { width: 100%; margin: 12px 0;}
main ol li:first-child { width: 24%; font-size: 13px;}
main ol li:last-child { width: 70%; font-size: 13px;}
main ol a { font-size: 13px;}

/* メイン設定 */
main { width: 100%; margin: 0 auto; padding: 20px 0;}
main #title { width: 98%;}
main #title h1 {font-size: 22px; margin-bottom: 20px;}
main #title h2 {font-size: 13px; line-height: 1.6; margin-bottom: 20px;}
main input {width: 63px;margin: 0 0 8px 0px; padding: 10px 1%; background-color: #F3F5FE; border: solid 1px #B8C0D7; border-radius: 5px; font-size: 18px; color: #000000; font-weight: normal;}


/* ナビゲーションタブ表示 */
main .tab1 { font-size:14px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab1:hover { font-size:14px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab1_on { font-size:14px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab2 { font-size:14px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab2:hover { font-size:14px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab2_on { font-size:14px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab3 { font-size:14px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab3:hover { font-size:14px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab3_on { font-size:14px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab4 { font-size:14px; width: 20.7%; padding: 0.5% 2%;}
main .tab4:hover { font-size:14px; width: 20.7%; padding: 0.5% 2%;}
main .tab4_on { font-size:14px; width: 20.7%; padding: 0.5% 2%;}
main .et_wrap2 { width: 96%; margin: 3% 0 0; padding: 1.4% 1.5%;}

/* コンテンツ部分 */
main #contents { width: 94%; margin: 0 auto 20px; padding: 2px 2% 1px; line-height: 1.6;}
main #contents2 { width: 94%; margin: 0 auto 20px; padding: 2px 2% 1px; line-height: 1.6;}

/* 月次切り替え */
main .tab1_mt { font-size:14px; width: 33%; margin: 0; padding: 0;}
main .tab1_mt:hover { font-size:14px; width: 33%; margin: 0; padding: 0;}
main .tab1_mt_on { font-size:14px; width: 33%; margin: 0; padding: 0.3%;}
main .tab2_mt { font-size:14px; width: 33.6%; margin: 0; padding: 0;}
main .tab2_mt:hover { font-size:14px; width: 33.6%; margin: 0; padding: 0;}
main .tab2_mt_on { font-size:14px; width: 33.6%; margin: 0; padding: 0.3%;}
main .tab3_mt { font-size:14px; width: 33.15%; margin: 0; padding: 0;}
main .tab3_mt:hover { font-size:14px; width: 33.15%; margin: 0; padding: 0;}
main .tab3_mt_on { font-size:14px; width: 33.15%; margin: 0; padding: 0;}

/* データ関連見出し各種 */
main .score { width: 96%; margin: 0 0 20px; padding: 0 2%;}
main .score_title { width: 100%; margin: 0; padding: 0; display: block;}
main .st_1 { width: 96%; margin: 2% 2% 1%; padding: 0; font-size: 19px;}
main .st_2 { width: 96%; margin: 0 2% 3%; padding: 0; font-size: 13px;}

/* 複数台契約データ関連見出し各種 */
main .score_title_corp { width: 100%; background-color: transparent; list-style: none; margin: 0; padding: 0; display: flex;}
main .stc_1 { width: 44%; margin: 2%; padding: 3px 0 0 0; font-size: 14px; color: #333;}
main .stc_2 { width: 48%; margin: 2%; padding: 3px 0 0 0; font-size: 14px; text-align: right;}

/* データ表示部分 */
main .score_detail { width: 96%; margin: 0 auto 15px; display: block;}
main .sd_1 { width: 96%; margin: 2% 2% 0; padding: 0; font-size: 14px; text-align: center;}
main .sd_2 { width: 96%; margin: 0 2% 3%; padding: 0; font-size: 14px; text-align: center;}
main span { font-size: 18px;}

/* 過去データ表示部分 */
main .score_detail_back { width: 96%; margin: 0 auto 15px; padding: 0; display: flex;}
main .score_detail_back2 { width: 96%; margin: 0 auto 10px; padding: 0; display: flex;}
main .score_detail_back3 { width: 96%; margin: 15px auto 20px; padding: 0; display: flex;}
main .sdb_1 { width: 40%; margin: 2%; padding: 4px 0 0 0; font-size: 14px;}
main .sdb_2 { width: 48%; margin: 2%; padding: 0; font-size: 18px;}

/* 国内 過去データ 日別表示部分 */
main .dt_td1 { font-size: 12px}
main .dt_td2 { font-size: 12px}
main .dt_td3 { font-size: 12px}
main .dt_td4 { font-size: 12px}

/* 海外 過去データ 日別表示部分 */
main .oversers_td1 { font-size: 12px}
main .oversers_td2 { font-size: 12px}
main .oversers_td3 { font-size: 12px}
main .oversers_td4 { font-size: 12px}
main .oversers_td5 { font-size: 12px}
main .oversers_td6 { font-size: 12px}

/* 支払い明細表組み */
main .info_detail { width: 96%; margin: 0 auto 8px;}
main .info_detail2 { width: 96%; margin: 0 auto 15px;}
main .info_detail3 { width: 96%; margin: 0 auto 5px;}
main .info_detail4 { width: 96%; margin: 0 auto 60px;}
main .id_td1 { font-size: 12px}
main .id_td2 { font-size: 12px}
main .id_td3 { font-size: 12px}
main .id_td4 { font-size: 12px}
main .id_td5 { font-size: 12px}
main .id_td6 { font-size: 12px}

/* 各種ボタン設定 */
main .btn { margin: 0 auto 8px; font-size: 16px;}
main .btn:hover { margin: 0 auto 8px; font-size: 16px;}
main .btn2 { margin: 0 auto 15px; font-size: 16px;}
main .btn2:hover { margin: 0 auto 15px; font-size: 16px;}
main .btn3 { margin: 15px auto 15px; font-size: 16px; }
main .btn3:hover { margin: 15px auto 15px; font-size: 16px;}
main .btn4 { margin: 0 auto 20px; font-size: 16px;}
main .btn4:hover { margin: 0 auto 20px; font-size: 16px;}

/* 顧客情報表組み */
main table { width: 96%; font-size: 13px;}

/* ヘルプ項目一覧 */
main .ht_1 { width: 46%; padding: 2%; font-size: 14px;}
main .ht_btn { font-size: 13px;}
main .ht_btn:hover { font-size: 13px;}
main .ht_btn2 { font-size: 13px;}
main .ht_btn2:hover { font-size: 13px;}

/* ラジオボタン */
main fieldset {	width: 97.4%; margin: 2.5% 1.3% 5%; font-size: 15px;}

/* 変更フォーム見出し */
main .et_1 { margin: 2% 2% 4px; font-size: 18px; line-height: 1.7; margin: 6% 2% 4px;}
main .et_2 { font-size: 14px;}
main .et_3 { margin: 0 2% 2%; font-size: 18px;}
main .et_3_post { width: 60%; font-size: 18px;}
main .et_3_2 { margin: 0 2% 1%; font-size: 18px;}
main .et_3_none { margin: 0 2% 2%; font-size: 18px;}
main .et_4 { margin: 0 2%; font-size: 18px;}

main .et_5 { width: 88%; margin: 1.5% 6%; padding: 0; font-size: 14px; line-height: 21px;}
main .et_6 { width: 88%; margin: 1.5% 6%; padding: 0 0 14px; font-size: 14px; line-height: 21px;}
main .et_7 { width: 84%; margin: 1.5% auto; padding: 2% 2% 3%; font-size: 18px;}
main .et7_text { width: 98%; margin: 11px auto 0; font-size: 14px; line-height: 21px;}
main .et7_text2 { width: 92%; margin: 11px auto 0; padding: 2% 3%; font-size: 14px; line-height: 21x;}
main .et7_text3 { width: 98%; margin: 11px auto 0; font-size: 15px;}
main .et7_text4 { width: 98%; margin: 0 auto; font-size: 12px; line-height: 19px;}
main .et7_text5 { width: 98%; margin: 11px auto 0; font-size: 12px; line-height: 19px;}
main .et_8 { width: 88%; margin: 1.5% 6%; padding: 0 0 15px; font-size: 14px; line-height: 21px;}
main .et_9 { width: 94%; margin: 1.5% auto; padding: 1.5%; background-color: #EFF4FA; font-size: 18px; font-weight: bold; color: #2771cf;}
main .et_9_2 { width: 98%; margin: 0; padding: 1%; font-size: 14px; font-weight: bold; color: #2771cf;}
main .et_10 { font-size: 14px;}


/* チェックボックス */
input[type=checkbox] { margin: 5px 5px 5px 0; vertical-align: middle;}
::-webkit-full-page-media, :future, :root input[type=checkbox] { margin: 2px 3px 2px 0; vertical-align: middle; transform: scale(0.8,0.8);}

/* オプションチェックボックス */
.select_options { width: 100%; margin: 5px auto; padding: 0; font-size: 15.5px; white-space: nowrap; line-height: 1.8; clear: both; display: block;}
::-webkit-full-page-media, :future, :root .select_options { margin: 3px auto; padding: 0; font-size: 15.5px; white-space: nowrap; line-height: 1.8; clear: both; display: block;}
#options_adapter { display: block !important; -webkit-display: block !important; }
#options_battery { display: block !important; -webkit-display: block !important; }
#options_early_delivery { display: block !important; -webkit-display: block !important; }
#options_transit { display: block !important; -webkit-display: block !important; }
#options_pocketalk { display: block !important; -webkit-display: block !important; }

/* オプション選択肢 */
.select_options { display: block; }
.tabitomo_free { font-size: 15.5px; font-weight: normal; color: #ff0000; margin-left: 0px; }
.association_free { font-size: 15.5px; font-weight: normal; color: #ff0000; margin-left: 0px; }
.association_normal { font-size: 15.5px; font-weight: normal; color: #666; margin-left: 0px; }
.shop_options { padding: 0 10px; }

	/* 見積結果 */
#step { margin: 0 18px 0 0; padding: 1.5px 9px; font-size: 13px; }
#convenient_name { font-size: 13px; }
#convenient_shop_name { font-size: 13px; }
#convenient_shop_address { font-size: 13px; }
#estimate_plan { font-size: 13px; margin: 0; }
#estimate_amount { font-size: 13px; margin: 0; }
.et_9_2_1 { margin: 5px 0 5px 0; }
main .et_img { width: 94%; margin: 0 auto;}
main .et_img2 { width: 55%; margin: 0 auto;}
main .et_img3 { width: 75%; margin: 0 auto;}

/* 解約フォーム見出し */
main .ft_1 { margin: 2% 2% 4px; font-size: 18px; line-height: 1.7;}
main .ft_2 { margin: 4px 2% 4%; font-size: 14px;}
main .ft_3 { margin: 4px 2% 2%; font-size: 12px; line-height: 1.3;}
main .ft_4 { font-size: 13px;}
main .ft_strong {font-size: 14px; margin-bottom: 5px;}

/* フォーム見出し */
main .info { margin: 0 auto 15px; padding: 8px 2%; font-size: 13px;}
main .info2 { margin: 0 auto 25px; padding: 2%; font-size: 14px; line-height: 1.3;}
main .info3 { margin: 0 auto 8px; padding: 8px 2%; font-size: 13px;}
main .info4 { margin: 0 auto 8px; padding: 8px 2%; font-size: 13px;}

/* メイン設定 */
main { padding: 3px 0 5px;}

/* エラーメッセージ部分 */
main #error_message {width: 92%; margin: 0 0 20px; padding: 2% 4% 1%;}

/* 各種設定 */
main h3 { font-size: 19px;}
main h4 { font-size: 13px;}
main h5 { font-size: 19px;}
main h6 { font-size: 13px;}
main small { font-size: 13px;}
main input { font-size: 15px;}
main .change { font-size: 13px;}
main textarea { margin: 0 0 3px 0; padding: 6px 1%; font-size: 16px;}
main .edit { margin: 0 0 3px 0; padding: 6px 1%; font-size: 16px;}
main .edit_post { font-size: 16px;}
main .forget_attend { font-size: 13px; margin: 0 0 10px;}
main ul { width: 80%; margin: 15px auto 30px; padding: 25px 5%; font-size: 13px; line-height: 1.6; }
main ul li { width: 92%; margin: 0 4%; font-size: 12px; line-height: 2; }
main strong {font-size: 15px; margin-bottom: 12px;}
main .forget_btn { font-size: 16px;}
main .forget_btn:hover { font-size: 16px;}
main .forget_btn2 { font-size: 16px;}
main .forget_btn2:hover { font-size: 16px;}
main .forget_btn3 { font-size: 16px;}
main .forget_btn3:hover { font-size: 16px;}
main .forget_btn4 { font-size: 18px;}
main .forget_btn4:hover { font-size: 18px;}
main .forget_btn5 { font-size: 18px;}
main .forget_btn5:hover { font-size: 18px;}
input[type="submit"] { font-size: 18px;}
input[type="submit"]:hover { font-size: 18px;}

/* 各種プルダウン設定 */
.selectdiv2 { margin: 0 auto; padding: 2px 0 8x;}
.selectdiv2:after { font: 17px "Consolas", monospace; color: #005793; right: 12px; top: 6px; padding: 0;}
.selectdiv2 select { padding: 4px 8px; font-size: 13px;}
.selectdiv3 { margin: 0; padding: 2px 0 43px;}
select::-ms-expand {display: none;}
.selectdiv3:after { font: 20px "Consolas", monospace; color: #005793; right: 12px; top: 8px;}
.selectdiv3 select { font-size: 15px; padding: 5px; }
.selectdiv4 input[type=checkbox] { margin: 0px 5px 5px 0; }
.selectdiv6 { margin: 0; padding: 2px 0 10px;}
.selectdiv6 .title { width: 40%; font-size: 14px; margin: 0 10px;}
.selectdiv6 .value { width: 38%; font-size: 13px;}
select::-ms-expand {display: none;}
.selectdiv6:after { font: 20px "Consolas", monospace; color: #005793; right: 12px; top: 8px;}
.selectdiv6 select { font-size: 13px; padding: 5px; }

/* ファイルアップボタン設定 */
#file_up { font-size: 17px; }
#file_up input { font-size: 15px; }
.image_preview { width: 90%; display: block; margin-bottom: 30px;}

/* モーダルウィンドウ */
.modal-wrapper .modal-window { width: 96%; max-width: 96%; padding: 2% 2% 1%;}
.modal-wrapper .modal-window .modal-content { max-height: 70vh; overflow-y: auto;}
.review_01 { width: 90%; margin: 18px auto 0; padding: 1.5%; font-size: 14px;}
.review_02 { width: 90%; margin: 20px auto 10px; padding: 0 1.5%; font-size: 16px;}
.review_03 { width: 90%; margin: 0 auto; padding: 0 1.5%; font-size: 14px; line-height: 1.2;}
}

/*　画面サイズが360pxまで、以下のスタイル適用 */
@media (max-width: 360px){
header .logo img{width: 180px; margin: 12px 0;}
header a{ font-size: 23px;}
footer .footer_logo {width: 180px;}

/* エラーメッセージ部分 */
main #error_message {width: 92%; margin: 0 0 15px; padding: 3% 4% 1%;}

/* 各種設定 */
main h3 { font-size: 16px;}
main h4 { font-size: 12px;}
main h5 { font-size: 16px;}
main h6 { font-size: 12px;}
main small { font-size: 12px;}
main input { font-size: 13px;}
main textarea { margin: 0; padding: 6px 1%; font-size: 14px;}
main .edit { margin: 0; padding: 6px 1%; font-size: 14px;}
main .edit_post { font-size: 14px;}
main .change { font-size: 12px;}
main .forget_attend { font-size: 12px;}
main ul { width: 82%; margin: 15px auto 30px; padding: 25px 4%; font-size: 12px; line-height: 1.5; }
main ul li { width: 92%; margin: 0 4%; font-size: 11px; line-height: 2; }
main strong {font-size: 14px; margin-bottom: 12px;}
main .forget_btn { font-size: 14px;}
main .forget_btn:hover { font-size: 14px;}
main .forget_btn2 { font-size: 14px;}
main .forget_btn2:hover { font-size: 14px;}
main .forget_btn3 { font-size: 14px;}
main .forget_btn3:hover { font-size: 14px;}
main .forget_btn4 { font-size: 16px;}
main .forget_btn4:hover { font-size: 16px;}
main .forget_btn5 { font-size: 16px;}
main .forget_btn5:hover { font-size: 16px;}
main .address_btn { font-size: 16px;}
main .address_btn:hover { font-size: 16px;}
input[type="submit"] { font-size: 16px;}
input[type="submit"]:hover { font-size: 16px;}

/* 顧客情報表示 */
#custmer_info ul{ font-size: 13px; width: 98%; padding: 12px 0;}
.selectdiv {font-size: 11px; width: 98%; padding: 12px 0 17px; line-height: 1.7;}
.selectdiv:after { content: '>'; font: 13px "Consolas", monospace; color: #005793; right: 12px; top: 13px; padding: 0 0 2px; }
.selectdiv select { max-width: 230px; margin: 0 0 0 8px; padding: 2px 8px 0; font-size: 11px; border: 1px solid #cccccc; border-radius: 5px;}

/* お知らせ表示 */
main #attend { width: 98%;}
main ol { width: 100%; margin: 10px 0;}
main ol li:first-child { width: 26%; font-size: 12px;}
main ol li:last-child { width: 68%; font-size: 12px;}
main ol a { font-size: 12px;}

/* メイン設定 */
main { width: 100%; margin: 0 auto; padding: 20px 0;}
main #title { width: 98%;}
main #title h1 {font-size: 20px; margin-bottom: 20px;}
main #title h2 {font-size: 13px; line-height: 1.6; margin-bottom: 20px;}

/* ナビゲーションタブ表示 */
main .tab1 { font-size:12px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab1:hover { font-size:12px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab1_on { font-size:12px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab2 { font-size:12px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab2:hover { font-size:12px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab2_on { font-size:12px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab3 { font-size:12px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab3:hover { font-size:12px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab3_on { font-size:12px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab4 { font-size:12px; width: 20.7%; padding: 0.5% 2%;}
main .tab4:hover { font-size:12px; width: 20.7%; padding: 0.5% 2%;}
main .tab4_on { font-size:12px; width: 20.7%; padding: 0.5% 2%;}

/* 月次切り替え */
main .tab1_mt { font-size:12px; width: 33%; margin: 0; padding: 0;}
main .tab1_mt:hover { font-size:12px; width: 33%; margin: 0; padding: 0;}
main .tab1_mt_on { font-size:12px; width: 33%; margin: 0; padding: 0.3%;}
main .tab2_mt { font-size:12px; width: 33.6%; margin: 0; padding: 0;}
main .tab2_mt:hover { font-size:12px; width: 33.6%; margin: 0; padding: 0;}
main .tab2_mt_on { font-size:12px; width: 33.6%; margin: 0; padding: 0.3%;}
main .tab3_mt { font-size:12px; width: 33.15%; margin: 0; padding: 0;}
main .tab3_mt:hover { font-size:12px; width: 33.15%; margin: 0; padding: 0;}
main .tab3_mt_on { font-size:12px; width: 33.15%; margin: 0; padding: 0;}
main .et_wrap2 { width: 95.5%; margin: 5% 0 0; padding: 1.8% 1.5%;}

/* データ関連見出し各種 */
main .st_1 { width: 96%; margin: 2% 2% 1%; padding: 0; font-size: 17px;}
main .st_2 { width: 96%; margin: 0 2% 3%; padding: 0; font-size: 12px;}

/* 各種ボタン設定 */
main .btn { margin: 0 auto 8px; font-size: 15px;}
main .btn:hover { margin: 0 auto 8px; font-size: 15px;}
main .btn2 { margin: 0 auto 15px; font-size: 15px;}
main .btn2:hover { margin: 0 auto 15px; font-size: 15px;}
main .btn3 { margin: 15px auto 15px; font-size: 15px; }
main .btn3:hover { margin: 15px auto 15px; font-size: 15px;}
main .btn4 { margin: 0 auto 20px; font-size: 15px;}
main .btn4:hover { margin: 0 auto 20px; font-size: 15px;}

/* 顧客情報表組み */
main table { width: 96%; font-size: 12px;}

/* ヘルプ項目一覧 */
main .ht_1 { width: 90%; padding: 5%; font-size: 14px;}
main .ht_btn { font-size: 13px;}
main .ht_btn:hover { font-size: 13px;}
main .ht_btn2 { font-size: 13px;}
main .ht_btn2:hover { font-size: 13px;}

/* 変更フォーム見出し */
main .et_1 { margin: 2% 2% 4px; font-size: 16px; line-height: 1.5; margin: 6% 2% 4px;}
main .et_2 { font-size: 13px;}
main .et_3 { margin: 0 2% 2%; font-size: 16px;}
main .et_3_post { width: 60%; font-size: 16px;}
main .et_3_2 { margin: 0 2% 2%; font-size: 16px;}
main .et_3_none { margin: 0 2% 2%; font-size: 16px;}
main .et_4 { margin: 0 2%; font-size: 16px;}


main .et_5 { width: 88%; margin: 1.5% 6%; padding: 0; font-size: 13px; line-height: 20px;}
main .et_6 { width: 88%; margin: 1.5% 6%; padding: 0 0 13px; font-size: 13px; line-height: 20px;}
main .et_7 { width: 84%; margin: 1.5% auto; padding: 2% 2% 3%; font-size: 16px;}
main .et7_text { width: 98%; margin: 10px auto 0; font-size: 13px; line-height: 20px;}
main .et7_text2 { width: 92%; margin: 10px auto 0; padding: 2% 3%; font-size: 13px; line-height: 20px;}
main .et7_text3 { width: 98%; margin: 10px auto 0; font-size: 14px;}
main .et7_text4 { width: 98%; margin: 0 auto; font-size: 11.5px; line-height: 18px;}
main .et7_text5 { width: 98%; margin: 10px auto 0; font-size: 11.5px; line-height: 18px;}
main .et_8 { width: 88%; margin: 1.5% 6%; padding: 0 0 14px; font-size: 13px; line-height: 20px;}
main .et_9 { width: 94%; margin: 1.5% auto; padding: 2.5% 1.5%; background-color: #EFF4FA; font-size: 16px; font-weight: bold; color: #2771cf;}
main .et_9_2 { width: 98%; margin: 0; padding: 1.5% 1%; font-size: 14px; font-weight: bold; color: #2771cf;}
main .et_10 { font-size: 13px;}
#step { margin: 0 16px 0 0; padding: 1px 8px; font-size: 14px; }

/* 解約フォーム見出し */
main .ft_1 { margin: 2% 2% 4px; font-size: 16px; line-height: 1.5;}
main .ft_2 { margin: 4px 2% 4%; font-size: 13px;}
main .ft_3 { margin: 4px 2% 2%; font-size: 12px; line-height: 1.3;}
main .ft_4 { font-size: 13px;}
main .ft_strong {font-size: 13px; margin-bottom: 5px;}

/* フォーム見出し */
main .info { margin: 0 auto 15px; padding: 8px 2%; font-size: 12px;}
main .info2 { margin: 0 auto 25px; padding: 2%; font-size: 13px; line-height: 1.2;}
main .info3 { margin: 0 auto 8px; padding: 8px 2%; font-size: 12px;}
main .info4 { margin: 0 auto 8px; padding: 8px 2%; font-size: 12px;}
main .info5 { margin: 6px auto; padding: 8px 2%; font-size: 12px;}
main .info5_span { font-size: 12px; }

/* ラジオボタン */
main fieldset {	font-size: 13px;}

/* 各種プルダウン設定 */
.selectdiv2 { margin: 0 auto; padding: 2px 0 8x;}
.selectdiv2:after { font: 15px "Consolas", monospace; color: #005793; right: 12px; top: 5px; padding: 0;}
.selectdiv2 select { padding: 4px 8px; font-size: 12px;}
.selectdiv3 { margin: 0; padding: 2px 0 36px;}
select::-ms-expand {display: none;}
.selectdiv3:after { font: 15px "Consolas", monospace; color: #005793; right: 12px; top: 8px;}
.selectdiv3 select { font-size: 13px; padding: 5px; }

/* ファイルアップボタン設定 */
#file_up { font-size: 16px; }
#file_up input { font-size: 14px; }
.image_preview { width: 90%; display: block; margin-bottom: 30px;}

/* モーダルウィンドウ */
.modal-wrapper .modal-window { width: 96%; max-width: 96%; padding: 2% 2% 1%;}
.review_01 { width: 90%; margin: 18px auto 0; padding: 1.5%; font-size: 13px;}
.review_02 { width: 90%; margin: 20px auto 10px; padding: 0 1.5%; font-size: 14px;}
.review_03 { width: 90%; margin: 0 auto; padding: 0 1.5%; font-size: 12px; line-height: 1.2;}

}