@charset "utf-8";
/* CSS Document */

/* ブラウザ独自設定リセット */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;500;600;900&display=swap');
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,a,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin: 0; padding: 0; border: 0; outline: 0; font-family: 'Noto Sans JP', sans-serif; /* Edit */ font-size: 100%; color: #000000; /* Edit */ font-weight: 500; vertical-align: baseline; text-decoration: none; background: transparent;}
body { margin: 0 auto; line-height: 1; background-image: url("../img/202502/back.png"); background-repeat: no-repeat; background-position: top; background-size: 100%; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block;}
ul { list-style: none;}
table { border-collapse: collapse; border-spacing: 0;}
input,select { vertical-align: middle;}

/* フォント基本設定 */
h1 { margin: 30px 0 15px 0; font-size: 230%; font-weight: 900; white-space: nowrap; letter-spacing: 0em; color: #313131; text-shadow: 0px 2px 8px #cccccc; }
h2 { margin: 0 0 25px 0; font-size: 120%; font-weight: 500; white-space: nowrap; letter-spacing: 0em; line-height: 0; color: #008cd6;}
h3 { width: 100%; margin: 0; padding: 0.1% 0 0; font-size: 90%; font-weight: 500; letter-spacing: 0em; line-height: 1.3; display: block;}
.extend_h3 { width: 100%; margin: 0; padding: 1% 0 0; font-size: 90%; font-weight: 500; letter-spacing: 0em; line-height: 1.3; display: block;}
strong { margin: 0 0 5px 0; font-size: 115%; font-weight: 500; display: block; color: #ff6600;}
small { width: 97%; margin: 37px 0 0; padding: 1% 1.5% 1.3%; text-align: left; display: block; background-color: #F8F8F8; border-radius: 0px 8px 8px 8px; position: relative;}
small:before { font-family: 'Font Awesome 5 Free'; font-size: 80%; font-weight: 900; position: absolute; top: -32px; left: 0; height: 22px; padding: 10px 15px 0; content: '\f0a4  注意事項'; color: #fff; border-radius: 7px 7px 0 0; background: #777777; z-index: 20;}
small span { font-size: 80%; font-weight: 300; line-height: 1.4; color: #000000; display: block;}

/* ヘッダー ナビエリア設定 */
header #header_navi { width: 100%; padding: 12px 0 15px; position: fixed; top: 0; left: 0; background-color: #E8E8E1; z-index: 30; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); }
header .hn_wrap { width: 98%; max-width: 1340px; margin: 0 auto; display: flex; text-align: center;}

/* ヘッダー ロゴ表示設定 */
header .logo { width: 30%; text-align: left;}
header .header_logo { width: 70%; max-width: 500px; margin: 0 0 0 68px; padding: 0;}

/* ヘッダー ナビエリア設定 */
header nav { width: 70%; margin: 13.5px auto 0; text-align: right;}

/* ヘッダー ナビエリア用 ボタン1設定 */
header .header_btn01 { margin: 0 8px 0 0; padding: 2px 20px 4px; background-color: #ff0014; border-radius: 6px; border: solid 2px #ff0014; text-align: center; color: #FFFFFF; -webkit-box-shadow: 0 3px 0 #c1000c; box-shadow: 0 3px 0 #c1000c;}
header .header_btn01:before { font-family: 'Font Awesome 5 Free'; font-size: 100%; font-weight: 900; position: relative; content: '\f0e0  お問合せ';}
header .header_btn01:hover { background-color: #FFFFFF; border: solid 2px #ff0014; color: #ff0014;}

/* ヘッダー ナビエリア用 ボタン2設定 */
header .header_btn02 { margin: 0 0 0 8px; padding: 2px 20px 4px; background-color: #ff8b00; border-radius: 6px; border: solid 2px #ff8b00; text-align: center; color: #FFFFFF; -webkit-box-shadow: 0 3px 0 #ab5f00; box-shadow: 0 3px 0 #ab5f00;}
header .header_btn02:before { font-family: 'Font Awesome 5 Free'; font-size: 100%; font-weight: 900; position: relative; content: '\f044  お申込み';}
header .header_btn02:hover { background-color: #FFFFFF; border: solid 2px #ff8b00; color: #ff8b00;}

/* ヘッダー ナビエリア用 ボタン3設定 */
header .header_btn03 { margin: 0 0 0 0; padding: 2px 20px 4px; background-color: #00934f; border-radius: 6px; border: solid 2px #00934f; text-align: center; color: #FFFFFF; -webkit-box-shadow: 0 3px 0 #008d26; box-shadow: 0 3px 0 #008d26;}
header .header_btn03:before { font-family: 'Font Awesome 5 Free'; font-size: 100%; font-weight: 900; position: relative; content: '\f1c1  料金表';}
header .header_btn03:hover { background-color: #FFFFFF; border: solid 2px #00934f; color: #00934f;}

/* ヘッダー アイキャッチ画像 表示設定 */
header #eye_catch { width: 100%; margin: 120px auto 10px; text-align: center;}
header #eye_catch ul { max-width: 1316px; margin: 0 auto; display: flex;}
header #eye_catch ul li:first-child { width: 42%; float: left; }
header #eye_catch ul li:last-child { width: 58%; float: right; line-height: 0; }
header #eye_catch .erea_202502_01 { width: 90%; max-width: 1220px; margin: 0 auto; white-space: nowrap; text-align: center; }
header #eye_catch .erea_202502_01 img { display: block; float: left;}
header #eye_catch .erea_202502_02 { width: 90%; max-width: 1220px; margin: 0 auto; white-space: nowrap; text-align: center; background-image: url("../img/202502/pc_graf_bg.png"); background-repeat: no-repeat; background-position: top center; background-size: 100% auto; clear: both; }
header #eye_catch .eye_01_img { width: 100%; margin: 0; padding: 0;}
header #eye_catch .eye_02_img { width: 33.333333%; margin: 0; padding: 0;}
header #eye_catch .eye_03_img { width: 92%; max-width: 1104px; margin: 0; padding: 0;}
header #eye_catch .eye_04_img { margin: 0; padding: 0 0 2.5em;}

/*　画面サイズが1040pxまで、以下の背景スタイル適用_202502追加 */
@media (max-width: 1039px){
header #eye_catch { width: 100%; margin: 90px auto 10px; text-align: center;}
header #eye_catch ul li:first-child { width: 36.9167%; float: left; }
header #eye_catch ul li:last-child { width: 63.083%; float: right; line-height: 0; }
header #eye_catch .erea_202502_02 { width: 90%; max-width: 1220px; margin: 0 auto 0; white-space: nowrap; text-align: center; background-image: url("../img/202502/tab_graf_bg.png"); background-repeat: no-repeat; background-position: top center; background-size: 100% auto; clear: both; }
header #eye_catch .eye_01_img { width: 100%; margin: 0; padding: 0;}
header #eye_catch .eye_03_img { width: 88%; max-width: 925px; margin: 0; padding: 0;}
header #eye_catch .eye_04_img { width: 1px; height: 1px; margin: 0; padding: 0 0 40px;}

body { margin: 0 auto; line-height: 1; background-image: url("../img/202502/tab_back.png"); background-repeat: no-repeat; background-position: top; background-size: 100%; }

}

/* モーダルメニュー */
header .span-container,
header .checkbox { width: 25px; height: 25px; position: absolute; top: 48%; transform: translateY(-50%); border: solid 3px #000000; border-radius: 5px; padding: 0.45% 0.6% 0.45% 0.6%;}
header .checkbox { opacity: 0; z-index: 100;}
header .span-container { display: flex; flex-flow: row wrap; align-items: center; z-index: 90;}
header .span-container span { width: 100%; height: 3px; background: #000000; transition: all 250ms ease-out; transform-origin: 0 0;}
header .checkbox:checked ~ .span-container span:nth-last-child(1) { transform: rotate(-45deg) translate(1px, 3px); background: #000;}
header .checkbox:checked ~ .span-container span:nth-last-child(2) { transform: rotate(0deg) scale(0.2, 0.2); opacity: 0;}
header .checkbox:checked ~ .span-container span:nth-last-child(3) { transform: rotate(45deg) translate(3px, -3px); background: #000;}
header .checkbox:checked ~ .span-container { background: #ffff00;}
header .checkbox:checked { width: 18%; height:  10000%; top: 0;}
header .nav-container { position: fixed; left: 0; top: 0; width: 100%; height: 98vh; padding: 1vh 0; display: flex; flex-flow: column wrap; justify-content: center; align-items: center; z-index: 50; background: #444; opacity: 90%; transition: all 250ms ease-out; transform: translateX(-100%);}
header .nav-container a { width: 40%; margin: 8px auto; padding: 0 0.5% 1.0%; font-size: 120%; text-decoration: none; text-align: left; color: white; border-bottom: solid 1px #CDCDCD;}
header .nav-container a:hover { color: #ffff00; }
header .checkbox:checked ~ .nav-container {transform: translateX(0%);}

/* メイン設定 */
main { width: 100%; margin: 0; padding: 0; clear: both;}
main section { width: 100%; margin: 0; padding: 0;}
main h1 { position: relative; line-height: 1.4; padding:0.25em 1em; display: inline-block; }
main h1:before, h1:after { content:''; width: 20px; height: 30px; position: absolute; display: inline-block; }
main h1:before { border-left: solid 1px #BFBFBF; border-top: solid 1px #BFBFBF; top:0; left: 0; }
main h1:after { border-right: solid 1px #BFBFBF; border-bottom: solid 1px #BFBFBF; bottom:0; right: 0; }

/* メイン セクション背景設定 */
main #erea_01 { width: 100%; max-width: 1400px; margin: 0 auto; display: block; background-image: url("../img/sub_bg_03.png"); background-repeat: no-repeat; background-position: center right; background-size: 300px;}
main #erea_02 { width: 100%; max-width: 1400px; margin: 0 auto; display: block; background-image: url("../img/sub_bg_01.png"); background-repeat: no-repeat; background-position: top left; background-size: 300px;}
main #erea_03 { width: 100%; max-width: 1400px; margin: 0 auto; display: block; background-image: url("../img/sub_bg_02.png"); background-repeat: no-repeat; background-position: top right; background-size: 166px;}
main #erea_04 { width: 100%; max-width: 1400px; margin: 0 auto; display: block; background-image: url("../img/sub_bg_01.png"); background-repeat: no-repeat; background-position: top left; background-size: 300px;}
main #erea_05 { width: 100%; max-width: 1400px; margin: 0 auto; display: block; background-image: url("../img/sub_bg_03.png"); background-repeat: no-repeat; background-position: center right; background-size: 300px;}
main #erea_06 { width: 100%; max-width: 1400px; margin: 0 auto; display: block; background-image: url("../img/sub_bg_02.png"); background-repeat: no-repeat; background-position: top left; background-size: 166px;}
main #erea_07 { width: 100%; max-width: 1400px; margin: 0 auto; display: block; background-image: url("../img/sub_bg_01.png"); background-repeat: no-repeat; background-position: top right; background-size: 300px;}

/* コンバージョンエリア 基本設定 */
main ol { width: 820px; margin: 60px auto 0; display: flex; flex-wrap: nowrap; list-style: none;}
main ol li { width: 50%; }

/* 申込エリア 基本設定 */
main #entry { width: 100%; margin: 0 auto 20px; position: relative; display: inline-block; z-index: 10;}

/* 申込エリア ボタン設定 */
main #entry a { width: 360px; margin: 0 auto; padding: 5.0% 0 4.0% 2.0%; color: white; text-decoration: none; letter-spacing: 0.2em; text-shadow: 0px 2px 6px #372400; text-align: center; border-radius: 6px; border: 1px solid #ff8a00; background: #ff8a00; background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #ff8a00), to(#ffa123)); background: -webkit-linear-gradient(bottom, #ff8a00 50%, #ffa123 100%); background: linear-gradient(0deg, #ff8a00 50%, #ffa123 100%); -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1); display: block;}

/* 申込エリア ボタン押下設定 */
main #entry a:hover { text-shadow: none; background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #ff8a00), to(#ff8a00)); background: -webkit-linear-gradient(bottom, #ff8a00 50%, #ff8a00 100%); background: linear-gradient(0deg, #ff8a00 50%, #ff8a00 100%); -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);}

/* 申込エリア ボタン文字ラベル設定 */
main #entry a:before { font-family: 'Font Awesome 5 Free'; font-size: 160%; font-weight: 900; position: relative; content: '今すぐお申し込み \f044';}

/* 申込エリア 吹き出し設定 */
main #entry span { width: 300px; padding: 5.8px 0 6.6px; font-size: 115%; display: block; position: absolute; top: -1.4em; left: calc(50% - 150px); color: #ff8a00; text-shadow: none; letter-spacing: 0.1em; border: 2px solid #ff8a00; border-radius: 30px; background: #fff; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);}
main #entry span:before,main #entry span:after { position: absolute; left: calc(50% - 10px); content: "";}
main #entry span:before { bottom: -10px; border-width: 10px 10px 0 10px; border-style: solid; border-color: #ff8a00 transparent transparent transparent;}
main #entry span:after { bottom: -7px; border-width: 10px 10px 0 10px; border-style: solid; border-color: #fff transparent transparent transparent;}

/* 問合せエリア 基本設定 */
main #inquiry { width: 100%; margin: 0 auto 20px; position: relative; display: inline-block; z-index: 10;}

/* 問合せエリア ボタン設定 */
main #inquiry a { width: 360px; margin: 0 auto; padding: 5.0% 0 4.0% 2.0%; color: white; text-decoration: none; letter-spacing: 0.2em; text-shadow: 0px 2px 6px #4e0016; text-align: center; border-radius: 6px; border: 1px solid #ff072a; background: #ff072a; background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #ff072a), to(#ff5d74)); background: -webkit-linear-gradient(bottom, #ff072a 50%, #ff5d74 100%); background: linear-gradient(0deg, #ff072a 50%, #ff5d74 100%); -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1); display: block;}

/* 問合せエリア ボタン押下設定 */
main #inquiry a:hover { text-shadow: none; background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #ff072a), to(#ff072a)); background: -webkit-linear-gradient(bottom, #ff072a 50%, #ff072a 100%); background: linear-gradient(0deg, #ff072a 50%, #ff072a 100%); -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);}

/* 問合せエリア ボタン文字ラベル設定 */
main #inquiry a:before { font-family: 'Font Awesome 5 Free'; font-size: 160%; font-weight: 900; position: relative; content: 'お問合せ(無料) \f0e0';}

/* 問合せエリア 吹き出し設定 */
main #inquiry span { width: 340px; padding: 5.8px 0 6.6px; font-size: 115%; display: block; position: absolute; top: -1.4em; left: calc(50% - 170px); color: #ff072a; text-shadow: none; letter-spacing: 0.1em; border: 2px solid #ff072a; border-radius: 30px; background: #fff; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);}
main #inquiry span:before,main #inquiry span:after { position: absolute; left: calc(50% - 10px); content: "";}
main #inquiry span:before { bottom: -10px; border-width: 10px 10px 0 10px; border-style: solid; border-color: #ff072a transparent transparent transparent;}
main #inquiry span:after { bottom: -7px; border-width: 10px 10px 0 10px; border-style: solid; border-color: #fff transparent transparent transparent;}

/* プラン表リンクエリア 基本設定 */
main #all_plan { width: 100%; margin: 0 auto 20px; position: relative; display: inline-block; z-index: 10;}

/* プラン表リンクエリア ボタン設定 */
main #all_plan a { width: 360px; margin: 0 auto; padding: 5.0% 0 4.0% 2.0%; color: white; text-decoration: none; letter-spacing: 0.2em; text-shadow: 0px 2px 6px #94002a; text-align: center; border-radius: 6px; border: 1px solid #00944d; background: #00944d; background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #00944d), to(#00c488)); background: -webkit-linear-gradient(bottom, #00944d 50%, #00c488 100%); background: linear-gradient(0deg, #00944d 50%, #00c488 100%); -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1); display: block;}

/* プラン表リンクエリア ボタン押下設定 */
main #all_plan a:hover { text-shadow: none; background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #00944d), to(#00944d)); background: -webkit-linear-gradient(bottom, #00944d 50%, #00944d 100%); background: linear-gradient(0deg, #00944d 50%, #00944d 100%); -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);}

/* プラン表リンクエリア ボタン文字ラベル設定 */
main #all_plan a:before { font-family: 'Font Awesome 5 Free'; font-size: 160%; font-weight: 900; position: relative; content: '対応国別料金表 \f57d';}

/* プラン表リンクエリア 吹き出し設定 */
main #all_plan span { width: 340px; padding: 5.8px 0 6.6px; font-size: 115%; display: block; position: absolute; top: -1.4em; left: calc(50% - 170px); color: #00944d; text-shadow: none; letter-spacing: 0.1em; border: 2px solid #00944d; border-radius: 30px; background: #fff; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);}
main #all_plan span:before,main #all_plan span:after { position: absolute; left: calc(50% - 10px); content: "";}
main #all_plan span:before { bottom: -10px; border-width: 10px 10px 0 10px; border-style: solid; border-color: #00944d transparent transparent transparent;}
main #all_plan span:after { bottom: -7px; border-width: 10px 10px 0 10px; border-style: solid; border-color: #fff transparent transparent transparent;}

/* 基本0_1列設定 */
main #style_0_1 { width: 80%; max-width: 1100px; margin: 0 auto; padding: 30px 0 0; text-align: center;}
main #style_0_1 img { width: 100%; margin: 0 auto; display: block; background-color: #ffffff;}
main #style_0_1 h4 { width: 98%; margin: 1.6% 0 0; padding: 1.6% 1%; background-color: #FFCE00; font-size: 110%; font-weight: 900; letter-spacing: 0em; color: #000; border-radius: 8px 8px 0 0;}
main #style_0_1 h5 { width: 97%; margin: 0 0 4.0%; padding: 1.2% 1.5% 1.4%; background-color: #F4F4F4; font-size: 90%; font-weight: 500; line-height: 1.5; letter-spacing: 0em; text-align: left; border-radius: 0 0 8px 8px; display: block;}
main #style_0_1 ol { width: 100%; margin: 0; display: flex; flex-wrap: nowrap;}
main #style_0_1 ol li:first-child { width: 49.5%; margin: 0.5% 0.5% 0.5% 0;}
main #style_0_1 ol li { }
main #style_0_1 ol li:last-child { width: 49.5%; margin: 0.5% 0 0.5% 0.5%;}

/* ガイドリンク */
main #style_0_1 .guide_btn { width: 96.5%; margin: 5px auto 0; padding: 2.1% 1.5% 2.6%; font-size: 130%; font-weight: 900; color: #000000; text-align: center; display: block; border: solid 1px #d3d0c0; background-color: #d3d0c0; border-radius: 8px;}
main #style_0_1 .guide_btn:hover { color: #fff; background: #2A2A2A; border: solid 1px #2A2A2A;}

/* 基本0_2列設定 */
main #style_0_2 { width: 80%; max-width: 1100px; margin: 0 auto; padding: 30px 0; text-align: center;}
main #style_0_2 img { width: 100%; margin: 0 auto; display: block; background-color: #ffffff;}
main #style_0_2 h4 { width: 96%; margin: 0; padding: 3.2% 2%; background-color: #FFCE00; font-size: 110%; font-weight: 900; letter-spacing: 0em; color: #000000; border-radius: 8px 8px 0 0;}
main #style_0_2 h5 { width: 95%; height: auto; margin: 0; padding: 2.4% 2.5% 3.0%; font-size: 90%; font-weight: 500; line-height: 1.5; letter-spacing: 0em; text-align: left;}
main #style_0_2 ul { width: 100%; margin: 1.4% 0 0; display: flex; flex-wrap: nowrap;}
main #style_0_2 ul li:first-child { width: 49.5%; margin: 0.5% 0.5% 0.5% 0;}
main #style_0_2 ul li { background-color: #F4F4F4; border-radius: 10px 10px 8px 8px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
main #style_0_2 ul li:last-child { width: 49.5%; margin: 0.5% 0 0.5% 0.5%;}
main #style_0_2 strong { margin: 10px 0 5px 0; font-size: 100%; font-weight: 500; display: block; color: #F15A00;}
main #style_0_2 span { margin: 5px 0 5px 0; font-size: 90%; font-weight: 500; line-height: 1.4;  display: block; color: #F15A00;}

/* 基本FAQ SIMロックリンク */
main #style_0_2 .docomo { width: 94.5%; margin: 8px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 100%; font-weight: 500; color: white; text-align: left; display: block; border: solid 1px #cc0033; background-color: #cc0033; border-radius: 8px;}
main #style_0_2 .docomo:hover { color: #fff; background: #2A2A2A; border: solid 1px #2A2A2A;}
main #style_0_2 .au { width: 94.5%; margin: 5px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 100%; font-weight: 500; color: white; text-align: left; display: block; border: solid 1px #eb5505; background-color: #eb5505; border-radius: 8px;}
main #style_0_2 .au:hover { color: #fff; background: #2A2A2A; border: solid 1px #2A2A2A;}
main #style_0_2 .softbank { width: 94.5%; margin: 5px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 100%; font-weight: 500; color: white; text-align: left; display: block; border: solid 1px #828282; background-color: #828282; border-radius: 8px;}
main #style_0_2 .softbank:hover { color: #fff; background: #2A2A2A; border: solid 1px #2A2A2A;}
main #style_0_2 a i { margin: 0 0.5% 0 0; font-size: 130%; line-height: 1; color: #fff;}

/* 基本FAQ タブ内展開メニュー*/
main #style_0_2 .hidden_box { width: 100%; margin: 0 auto; padding: 0; display: block;}

/* 基本FAQ タブ内ボタン装飾*/
main #style_0_2 label { width: 94.5%; margin: 8px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 100%; font-weight: 500; text-align: left; display: block; border: solid 1px #d3d0c0; background-color: #d3d0c0; border-radius: 8px; color: #000000;}
main #style_0_2 i { margin: 0 0.5% 0 0; font-size: 130%; line-height: 1; color: #000000;}

/* 基本FAQ タブ内ボタンホバー時*/
main #style_0_2 label:hover { color: #000000; background: #FFEC4C; border: solid 1px #FFEC4C;}
main #style_0_2 input { display: none;}
main #style_0_2 input:checked ~ .hidden_show { width: 100%; padding: 0; height: auto; opacity: 1;}
main #style_0_2 .hidden_show { height: 0; padding: 0; overflow: hidden; opacity: 0;}
main #style_0_2 p { width: 97%; margin: 0 auto; padding: 1.4% 1.5% 1.5%; font-size: 90%; font-weight: 300; line-height: 1.4; text-align: left; display: block;}

/* 基本0_3列設定 */
main #style_0_3 { width: 80%; max-width: 1100px; margin: 0 auto; padding: 30px 0; text-align: center;}
main #style_0_3 img { width: 99%; margin: 0 auto; display: block; background-color: #EEEEEE;}
main #style_0_3 h4 { width: 96%; margin: 0; padding: 4.4% 2% 4.4%; background-color: #FFCE00; font-size: 110%; font-weight: 900; letter-spacing: 0em; color: #000000; border-radius: 8px 8px 0 0;}
main #style_0_3 h5 { width: 93%; height: auto; margin: 0; padding: 3.6% 3.5% 4.4%; font-size: 90%; font-weight: 500; line-height: 1.5; letter-spacing: 0em; text-align: left;}
main #style_0_3 ul { width: 100%; margin: 1.4% 0 0; display: flex; flex-wrap: nowrap;}
main #style_0_3 ul li:first-child { width: 32.7%; margin: 0.5% 0 0.5%;}
main #style_0_3 ul li { width: 32.6%; margin: 0.5% 1% 0.5%; background-color: #F4F4F4; border-radius: 10px 10px 8px 8px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
main #style_0_3 ul li:last-child { width: 32.7%; margin: 0.5% 0 0.5%;}

/* 基本0_5列設定 */
main #style_0_5 { width: 80%; max-width: 1100px; margin: 0 auto; padding: 30px 0; text-align: center;}
main #style_0_5 img { width: 100%; margin: 0 auto; display: block; background-color: #ffffff;}
main #style_0_5 h4 { width: 94%; height: 25px; margin: 00; padding: 6% 3% 4%; background-color: #FFCE00; font-size: 110%; font-weight: 900; letter-spacing: 0em; color: #000000; border-radius: 8px 8px 0 0;}
main #style_0_5 h5 { width: 90%; height: auto; margin: 0; padding: 4.4% 5% 7.4%; font-size: 90%; font-weight: 500; line-height: 1.5; letter-spacing: 0em; text-align: left; border-radius: 0px 0px 8px 8px;}
main #style_0_5 ul { width: 100%; margin: 1.4% 0  4.0%; display: flex; flex-wrap: nowrap;}
main #style_0_5 ul li:first-child { width: 19.2%; margin: 0.5% 1% 0.5% 0;}
main #style_0_5 ul li { width: 19.2%; margin: 0.5% 1% 0.5% 0; background-color: #f4f4f4; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); border-radius: 10px 10px 8px 8px;}
main #style_0_5 ul li:last-child { width: 19.2%; margin: 0.5% 0 0.5%;}

/* 基本テーブル列設定 */
main #style_tab { width: 80%; max-width: 1100px; margin: 0 auto; padding: 30px 0; text-align: center;}
main #style_tab img { width: 99%; margin: 0 auto; display: block; background-color: #EEEEEE;}
main #style_tab h4 { width: 96%; margin: 0; padding: 4.4% 2% 4.4%; background-color: #FFCE00; font-size: 110%; font-weight: 500; letter-spacing: 0em; color: #000000; border-radius: 8px 8px 0 0;}
main #style_tab h5 { width: 93%; height: auto; margin: 0; padding: 3.6% 3.5% 4.4%; font-size: 90%; font-weight: 500; line-height: 1.5; letter-spacing: 0em; text-align: left;}

/* 基本テーブル２列設定 */
main #basic { width: 100%; margin: 0 0 2.5%;}
main #basic caption { width: 30.7%; margin: 0% 0 3%; font-size: 140%; font-weight: 900; text-align: center; white-space: nowrap;  position: relative; padding: 1rem 0.5rem; border-bottom: 4px solid #f4c500;}
main #basic caption:before { position: absolute; bottom: -4px; left: 0; width: 20%; height: 4px; content: ''; background: #e19f00;}
main #basic td { width: 22%; padding: 2% 1.5%;}
main #basic .hdr_1 { width: 30%; padding: 1.5%; border-bottom: dashed 1px #C8C8BE; }
main #basic .hdr_2 { width: 64%; padding: 1.5%; background-color: #FFCE00; border-left: solid 4px #FFFFFF; border-bottom: dashed 1px #C8C8BE; font-size: 120%; font-weight: 900; border-radius: 10px 10px 0 0 ; }
main #basic .td_1 { width: 30%; padding: 1.5%; text-align: left; border-bottom: dashed 1px #C8C8BE; font-size: 100%; font-weight: 500;}
main #basic .td_2 { width: 64%; padding: 1.5%; background-color: #F4F4F4; border-left: solid 4px #FFFFFF; border-bottom: dashed 1px #C8C8BE; font-size: 110%; font-weight: 500; }

/* 基本テーブル３列設定 */
main #plans { width: 100%; margin: 0 0 4.5%;}
main #plans caption { width: 30.7%; margin: 2% 0 3%; font-size: 140%; font-weight: 900; text-align: center; white-space: nowrap;  position: relative; padding: 1rem 0.5rem; border-bottom: 4px solid #00db98;}
main #plans caption:before { position: absolute; bottom: -4px; left: 0; width: 20%; height: 4px; content: ''; background: #00b17d;}
main #plans td { width: 22%; padding: 2% 1.5%;}
main #plans .hdr_1 { width: 28%; padding: 1.5%; border-bottom: dashed 1px #C8C8BE; }
main #plans .hdr_2 { width: 30%; padding: 1.5%; background-color: #00db98; border-left: solid 4px #FFFFFF; border-bottom: dashed 1px #C8C8BE;  font-size: 120%; font-weight: 900; border-radius: 10px 10px 0 0 ; color: #FFFFFF; }
main #plans .hdr_3 { width: 30%; padding: 1.5%; background-color: #00db98; border-left: solid 4px #FFFFFF; border-bottom: dashed 1px #C8C8BE;  font-size: 120%; font-weight: 900; border-radius: 10px 10px 0 0 ; color: #FFFFFF; }
main #plans .td_1 { width: 28%; padding: 1.5%; text-align: left; border-bottom: dashed 1px #C8C8BE; font-size: 100%; font-weight: 500;}
main #plans .td_2 { width: 30%; padding: 1.5%; background-color: #F4F4F4; border-left: solid 4px #FFFFFF; border-bottom: dashed 1px #C8C8BE; font-size: 110%; font-weight: 500; }
main #plans .td_3 { width: 30%; padding: 1.5%; background-color: #F4F4F4; border-left: solid 4px #FFFFFF; border-bottom: dashed 1px #C8C8BE; font-size: 110%; font-weight: 500; }

/* 基本テーブル４列設定 */
main #plans4 { width: 100%; margin: 0 0 4.5%;}
main #plans4 caption { width: 30.7%; margin: 2% 0 3%; font-size: 140%; font-weight: 900; text-align: center; white-space: nowrap;  position: relative; padding: 1rem 0.5rem; border-bottom: 4px solid #00db98;}
main #plans4 caption:before { position: absolute; bottom: -4px; left: 0; width: 20%; height: 4px; content: ''; background: #00b17d;}
main #plans4 td { width: 22%; padding: 2% 1.5%;}
main #plans4 .hdr_1 { width: 28%; padding: 1.5%; border-bottom: dashed 1px #C8C8BE; }
main #plans4 .hdr_2 { width: 20%; padding: 1.5%; background-color: #00db98; border-left: solid 4px #FFFFFF; border-bottom: dashed 1px #C8C8BE;  font-size: 120%; font-weight: 900; border-radius: 10px 10px 0 0 ; color: #FFFFFF; }
main #plans4 .hdr_3 { width: 20%; padding: 1.5%; background-color: #00db98; border-left: solid 4px #FFFFFF; border-bottom: dashed 1px #C8C8BE;  font-size: 120%; font-weight: 900; border-radius: 10px 10px 0 0 ; color: #FFFFFF; }
main #plans4 .hdr_4 { width: 20%; padding: 1.5%; background-color: #00db98; border-left: solid 4px #FFFFFF; border-bottom: dashed 1px #C8C8BE;  font-size: 120%; font-weight: 900; border-radius: 10px 10px 0 0 ; color: #FFFFFF; }
main #plans4 .td_1 { width: 28%; padding: 1.5%; text-align: left; border-bottom: dashed 1px #C8C8BE; font-size: 100%; font-weight: 500;}
main #plans4 .td_2 { width: 20%; padding: 1.5%; background-color: #F4F4F4; border-left: solid 4px #FFFFFF; border-bottom: dashed 1px #C8C8BE; font-size: 110%; font-weight: 500; }
main #plans4 .td_3 { width: 20%; padding: 1.5%; background-color: #F4F4F4; border-left: solid 4px #FFFFFF; border-bottom: dashed 1px #C8C8BE; font-size: 110%; font-weight: 500; }
main #plans4 .td_4 { width: 20%; padding: 1.5%; background-color: #F4F4F4; border-left: solid 4px #FFFFFF; border-bottom: dashed 1px #C8C8BE; font-size: 110%; font-weight: 500; }

/* 基本FAQ設定 */
main #style_faq { width: 80%; max-width: 1100px; margin: 0 auto 20px; padding: 30px 0; text-align: center;}
main #style_faq section { margin: 0 auto 30px;}

/* 基本FAQ ナビゲーションエリア設定 */
main #style_faq ul { width: 100%; margin: 1.4% auto 50px;  display: flex; flex-wrap: wrap;}
main #style_faq ul li:first-child { width: 25%; padding: 0; }
main #style_faq ul li { width: 24%; padding: 0 0 0 1%; }
main #style_faq ul li:last-child { width: 24%; padding: 0 0 0 1%; }

/* 基本FAQ ナビゲーションボタン設定 */
main #style_faq .btn { width: 90%; padding: 3.8% 5% 4%; font-size: 100%; position: relative; color: #000000; background-color: #ffce00; border-radius: 30px; display: block;-webkit-box-shadow: 0 3px 0 #aa8900; box-shadow: 0 3px 0 #aa8900; border: solid 2px #ffce00;}
main #style_faq .btn:hover { color: #000000; background-color: #FFFFFF;}
main #style_faq .btn:before { padding: 0 4% 0 0; font-family: 'Font Awesome 5 Free'; font-size: 100%; font-weight: 900; position: relative; content: '\f078';}

/* 基本FAQ セクション見出し設定 */
main #style_faq h4 { margin: 10px auto 20px; padding: 0.8% 0 0 6.0%; font-size: 120%; font-weight: 900; letter-spacing: 0em; text-align: left; position: relative; display: block;}
main #style_faq h4 span { position: absolute; top: 0; left: 0; padding: 0.5% 1.1% 0.8% 1.0%; font-size: 120%; font-weight: 500; letter-spacing: 0em; color: #FFFFFF; background: #000000; border-radius: 4px;}
main #style_faq h4 span:after { position: absolute; top: calc(50% - 6px); right: -10px; width: 0; height: 0; content: ''; border-width: 6px 0 6px 12px; border-style: solid; border-color: transparent transparent transparent #000000;}

/* 基本FAQ タブ内展開メニュー*/
main #style_faq .hidden_box { width: 100%; margin: 0 auto; padding: 0; display: block;}

/* 基本FAQ タブ内ボタン装飾*/
main #style_faq label { width: 96.5%; margin: 5px auto 0; padding: 0.7% 1.5% 1.0%; font-size: 110%; font-weight: 500; text-align: left; display: block; border: solid 1px #E1DFD6; background-color: #E1DFD6; border-radius: 8px; color: #000000;}
main #style_faq i { margin: 0 0.5% 0 0; font-size: 130%; line-height: 1; color: #000000;}

/* 基本FAQ タブ内ボタンホバー時*/
main #style_faq label:hover { color: #000000; background: #FFD43F; border: solid 1px #FFD43F;}
main #style_faq input { display: none;}
main #style_faq input:checked ~ .hidden_show { width: 100%; padding: 0; height: auto; opacity: 1;}
main #style_faq .hidden_show { height: 0; padding: 0; overflow: hidden; opacity: 0;}
main #style_faq p { width: 97%; margin: 0 auto; padding: 1.4% 1.5% 1.5%; background-color: #f4f4f4; font-size: 100%; font-weight: 500; text-align: left; display: block; border-radius: 8px}
main #style_faq p a { color: #ff0014;}

/* フッターエリア基本設定 */
footer { margin: 0 auto; padding: 40px 0; text-align: center; background-color: #333333;}
footer img { width: 400px; }
footer p { margin: 0; }
footer a { font-size: 88%; font-weight: 500; line-height: 1; text-decoration: none; color: #ffffff;}
footer nav { margin: 15px 0 20px;}
footer .copyright { font-size: 85%; font-weight: 300; line-height: 1.4; text-decoration: none; color: #ffffff; }
footer .special_thanks { font-size: 85%; font-weight: 300; line-height: 1.4; text-decoration: none; color: #ffffff; }

/*　画面サイズが1280pxまで、以下のスタイル適用 */
@media (max-width: 1280px){

/* フォント基本設定 */
h1 { margin: 30px 0 15px 0; font-size: 220%;}
h2 { margin: 0 0 25px 0; font-size: 110%;}
h3 { padding: 0.1% 0 0; font-size: 80%; line-height: 1.5;}
.extend_h3 { padding: 1% 0 0; font-size: 80%; line-height: 1.5;}
strong { margin: 0 0 5px 0; font-size: 105%;}
small { margin: 50px 0 0; padding: 1% 1.5% 1.3%;}
small:before { font-size: 80%; top: -35px; left: 0; height: 22px; padding: 13px 15px 0;}
small span { font-size: 80%; line-height: 1.5;}

/* ヘッダー ナビエリア設定 */
header #header_navi { padding: 16px 0 19px;}
header .hn_wrap { width: 92%; max-width: 1280px;}

/* ヘッダー ロゴ表示設定 */
header .logo { width: 30%;}
header .header_logo { width: 70%; max-width: 400px; margin: 0 0 0 68px;}

/* ヘッダー ナビエリア設定 */
header nav { width: 70%; margin: 5.5px auto 0;;}

/* ヘッダー ナビエリア用 ボタン1設定 */
header .header_btn01 { margin: 0 8px 0 0; padding: 2px 20px 4px;}
header .header_btn01:before { font-size: 95%;}

/* ヘッダー ナビエリア用 ボタン2設定 */
header .header_btn02 { margin: 0 0 0 8px; padding: 2px 20px 4px;}
header .header_btn02:before { font-size: 95%;}
	
/* ヘッダー ナビエリア用 ボタン3設定 */
header .header_btn03 { margin: 0 0 0 0; padding: 2px 20px 4px;}
header .header_btn03:before { font-size: 95%;}

/* ヘッダー アイキャッチ画像 表示設定 */
header #eye_catch h1 { margin: 160px 0 25px 0; font-size: 268%;}
header #eye_catch h2 { width: 570px; margin: 6px auto; padding: 10px 10px 15px 10px; font-size: 110%;}

/* モーダルメニュー */
header .span-container,
header .checkbox { width: 24px; height: 24px; top: 48%; border: solid 2.5px #000000; padding: 0.40% 0.55%;}
header .checkbox:checked { width: 20%; height:  10000%; top: 0;}
header .nav-container a { width: 50%; margin: 8px auto; padding: 0 0.5% 1.0%; font-size: 110%; }

/* メイン設定 */
main h1 { padding:0.25em 1em; }
main h1:before, h1:after { width: 18px; height: 28px;}

/* メイン セクション背景設定 */
main #erea_01 { max-width: 1280px; background-size: 250px;}
main #erea_02 { max-width: 1280px; background-size: 250px;}
main #erea_03 { max-width: 1280px; background-size: 136px;}
main #erea_04 { max-width: 1280px; background-size: 250px;}
main #erea_05 { max-width: 1280px; background-size: 250px;}
main #erea_06 { max-width: 1280px; background-size: 136px;}
main #erea_07 { max-width: 1280px; background-size: 250px;}

/* コンバージョンエリア 基本設定 */
main ol { width: 100%; margin: 60px auto 0; display: flex; flex-wrap: nowrap;}
main ol li { width: 50%; }

/* 申込エリア ボタン設定 */
main #entry a { width: 360px; padding: 5.0% 0 4.0% 2.0%;}

/* 申込エリア ボタン文字ラベル設定 */
main #entry a:before { font-size: 150%;}

/* 申込エリア 吹き出し設定 */
main #entry span { width: 300px; padding: 7.8px 0 8.6px; font-size: 105%; top: -1.8em; left: calc(50% - 150px);}

/* 問合せエリア ボタン設定 */
main #inquiry a { width: 360px; padding: 5.0% 0 4.0% 2.0%;}

/* 問合せエリア ボタン文字ラベル設定 */
main #inquiry a:before { font-size: 150%;}

/* 問合せエリア 吹き出し設定 */
main #inquiry span { width: 340px; padding: 7.8px 0 8.6px; font-size: 105%; top: -1.8em; left: calc(50% - 170px);}

/* プラン表リンクエリア ボタン設定 */
main #all_plan a { width: 360px; padding: 5.0% 0 4.0% 2.0%;}

/* プラン表リンクエリア ボタン文字ラベル設定 */
main #all_plan a:before { font-size: 150%;}

/* プラン表リンクエリア 吹き出し設定 */
main #all_plan span { width: 340px; padding: 7.8px 0 8.6px; font-size: 105%; top: -1.8em; left: calc(50% - 170px);}

/* 基本0_1列設定 */
main #style_0_1 { width: 92%; max-width: 980px; padding: 30px 0 0;}
main #style_0_1 h4 { width: 98%; margin: 1.6% 0 0; padding: 1.6% 1%; font-size: 105%;}
main #style_0_1 h5 { width: 97%; margin: 0 0 4.0%; padding: 1.2% 1.5% 1.4%; font-size: 85%; line-height: 1.5;}
main #style_0_1 ol { display: flex; flex-wrap: nowrap;}
main #style_0_1 ol li:first-child { width: 49.5%; margin: 0.5% 0.5% 0.5% 0;}
main #style_0_1 ol li:last-child { width: 49.5%; margin: 0.5% 0 0.5% 0.5%;}

/* ガイドリンク */
main #style_0_1 .guide_btn { width: 96.5%; margin: 5px auto 0; padding: 2.1% 1.5% 2.6%; font-size: 120%;}

/* 基本0_2列設定 */
main #style_0_2 { width: 92%; max-width: 980px; padding: 30px 0;}
main #style_0_2 h4 { width: 96%; margin: 0; padding: 3.2% 2%; font-size: 105%;}
main #style_0_2 h5 { width: 95%; padding: 2.4% 2.5% 3.0%; font-size: 85%; line-height: 1.5;}
main #style_0_2 ul { margin: 1.4% 0 0; display: flex; flex-wrap: nowrap;}
main #style_0_2 ul li:first-child { width: 49.5%; margin: 0.5% 0.5% 0.5% 0;}
main #style_0_2 ul li:last-child { width: 49.5%; margin: 0.5% 0 0.5% 0.5%;}
main #style_0_2 strong { margin: 10px 0 5px 0; font-size: 95%;}
main #style_0_2 span { margin: 5px 0 5px 0; font-size: 85%; line-height: 1.4;}

/* 基本FAQ SIMロックリンク */
main #style_0_2 .docomo { width: 94.5%; margin: 8px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 95%;}
main #style_0_2 .au { width: 94.5%; margin: 5px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 95%; }
main #style_0_2 .softbank { width: 94.5%; margin: 5px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 95%;}
main #style_0_2 a i { margin: 0 0.5% 0 0; font-size: 120%;}

/* 基本FAQ タブ内ボタン装飾*/
main #style_0_2 label { width: 94.5%; margin: 8px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 95%; }
main #style_0_2 i { margin: 0 0.5% 0 0; font-size: 120%;}

/* 基本FAQ タブ内ボタンホバー時*/
main #style_0_2 p { width: 97%; adding: 1.4% 1.5% 1.5%; font-size: 85%; line-height: 1.4;}

/* 基本0_3列設定 */
main #style_0_3 { width: 92%; max-width: 980px; padding: 0px 0 30px;}
main #style_0_3 h4 { width: 96%; margin: 0; padding: 4.4% 2% 4.4%; font-size: 105%;}
main #style_0_3 h5 { width: 93%; padding: 3.6% 3.5% 4.4%; font-size: 85%; line-height: 1.5;}
main #style_0_3 ul { width: 100%; margin: 1.4% 0 0; display: flex; flex-wrap: nowrap;}
main #style_0_3 ul li:first-child { width: 32.7%; margin: 0.5% 0 0.5%;}
main #style_0_3 ul li { width: 32.6%; margin: 0.5% 1% 0.5%;}
main #style_0_3 ul li:last-child { width: 32.7%; margin: 0.5% 0 0.5%;}

/* 基本0_5列設定 */
main #style_0_5 { width: 92%; max-width: 980px; padding: 30px 0;}
main #style_0_5 h4 { width: 94%; height: 25px; padding: 6% 3% 4%; font-size: 105%;}
main #style_0_5 h5 { width: 90%; padding: 4.4% 5% 7.4%; font-size: 85%; line-height: 1.5;}
main #style_0_5 ul { width: 100%; margin: 1.4% 0  4.0%; display: flex; flex-wrap: nowrap;}
main #style_0_5 ul li:first-child { width: 19.2%; margin: 0.5% 1% 0.5% 0;}
main #style_0_5 ul li { width: 19.2%; margin: 0.5% 1% 0.5% 0;}
main #style_0_5 ul li:last-child { width: 19.2%; margin: 0.5% 0 0.5%;}

/* 基本テーブル列設定 */
main #style_tab { width: 92%; max-width: 980px; padding: 30px 0;}
main #style_tab h4 { width: 96%; padding: 4.4% 2% 4.4%; font-size: 105%;}
main #style_tab h5 { width: 93%; padding: 3.6% 3.5% 4.4%; font-size: 85%; line-height: 1.5;}

/* 基本テーブル２列設定 */
main #basic { width: 100%; margin: 0 0 2.5%;}
main #basic caption { width: 30.7%; margin: 0% 0 3%; font-size: 135%; padding: 1rem 0.5rem;}
main #basic caption:before { bottom: -4px; width: 20%; height: 4px;}
main #basic td { width: 22%; padding: 2% 1.5%;}
main #basic .hdr_1 { width: 30%; padding: 1.5%;}
main #basic .hdr_2 { width: 64%; padding: 1.5%; font-size: 115%;}
main #basic .td_1 { width: 30%; padding: 1.5%; font-size: 95%;}
main #basic .td_2 { width: 64%; padding: 1.5%; font-size: 105%;}

/* 基本テーブル３列設定 */
main #plans { width: 100%; margin: 0 0 4.5%;}
main #plans caption { width: 30.7%; margin: 2% 0 3%; font-size: 135%; padding: 1rem 0.5rem;}
main #plans caption:before { bottom: -4px; width: 20%; height: 4px;}
main #plans td { width: 22%; padding: 2% 1.5%;}
main #plans .hdr_1 { width: 28%; padding: 1.5%;}
main #plans .hdr_2 { width: 30%; padding: 1.5%; font-size: 115%;}
main #plans .hdr_3 { width: 30%; padding: 1.5%; font-size: 115%;}
main #plans .td_1 { width: 28%; padding: 1.5%; font-size: 95%;}
main #plans .td_2 { width: 30%; padding: 1.5%; font-size: 105%;}
main #plans .td_3 { width: 30%; padding: 1.5%; font-size: 105%;}

/* 基本FAQ設定 */
main #style_faq { width: 92%; max-width: 980px; margin: 0 auto 20px;  padding: 30px 0;}
main #style_faq section { margin: 0 auto 30px;}

/* 基本FAQ ナビゲーションエリア設定 */
main #style_faq ul { width: 100%; margin: 1.4% auto 50px;  display: flex; flex-wrap: wrap;}
main #style_faq ul li:first-child { width: 25%; padding: 0; }
main #style_faq ul li { width: 24%; padding: 0 0 0 1%; }
main #style_faq ul li:last-child { width: 24%; padding: 0 0 0 1%; }

/* 基本FAQ ナビゲーションボタン設定 */
main #style_faq .btn { width: 90%; padding: 3.8% 5% 4%; font-size: 95%;}
main #style_faq .btn:before { padding: 0 4% 0 0; font-size: 95%;}

/* 基本FAQ セクション見出し設定 */
main #style_faq h4 { margin: 10px auto 20px; padding: 0.8% 0 0 7.0%; font-size: 115%;}
main #style_faq h4 span { padding: 0.5% 1.1% 0.8% 1.0%; font-size: 115%;}
main #style_faq h4 span:after { top: calc(50% - 5px); right: -8px; border-width: 5px 0 5px 8px;}

/* 基本FAQ タブ内ボタン装飾*/
main #style_faq label { width: 95.8%; margin: 5px auto 0; padding: 1.3% 2.0% 1.4%; font-size: 105%;}
main #style_faq i { margin: 0 0.5% 0 0; font-size: 120%;}

/* 基本FAQ タブ内ボタンホバー時*/
main #style_faq p { width: 95%; padding: 1.8% 2.5% 1.9%; font-size: 95%;}

/* フッターエリア基本設定 */
footer { padding: 34px 0;}
footer img { width: 300px;}
footer a { font-size: 83%;}
footer nav { margin: 13px 0 17px;}
footer .copyright { font-size: 80%;}
footer .special_thanks { font-size: 80%;}
}

/*　画面サイズが1024pxまで、以下のスタイル適用 */
@media (max-width: 1024px){

/* フォント基本設定 */
h1 { margin: 30px 0 15px 0; font-size: 195%;}
h2 { margin: 0 0 25px 0; font-size: 100%;}
h3 { padding: 0.1% 0 0; font-size: 75%; line-height: 1.4;}
.extend_h3 { padding: 1% 0 0; font-size: 75%; line-height: 1.4;}
strong { margin: 0 0 5px 0; font-size: 95%;}
small { margin: 55px 0 0; padding: 1% 1.5% 1.3%;}
small:before { font-size: 75%; top: -35px; left: 0; height: 22px; padding: 13px 15px 0;}
small span { font-size: 75%; line-height: 1.5;}

/* ヘッダー ナビエリア設定 */
header #header_navi { padding: 13px 0 17px;}
header .hn_wrap { width: 92%; max-width: 1024px;}

/* ヘッダー ロゴ表示設定 */
header .logo { width: 30%;}
header .header_logo { width: 85%; max-width: 300px; margin: 0 0 0 58px;}

/* ヘッダー ナビエリア設定 */
header nav { width: 70%; margin: 5.5px auto 0;;}

/* ヘッダー ナビエリア用 ボタン1設定 */
header .header_btn01 { margin: 0 6px 0 0; padding: 2px 15px 4px;}
header .header_btn01:before { font-size: 85%;}

/* ヘッダー ナビエリア用 ボタン2設定 */
header .header_btn02 { margin: 0 0 0 6px; padding: 2px 15px 4px;}
header .header_btn02:before { font-size: 85%;}

/* ヘッダー ナビエリア用 ボタン3設定 */
header .header_btn03 { margin: 0 0 0 0; padding: 2px 15px 4px;}
header .header_btn03:before { font-size: 85%;}

/* ヘッダー アイキャッチ画像 表示設定 */
header #eye_catch h1 { margin: 130px 0 29px 0; font-size: 263%;}
header #eye_catch h2 { width: 565px; margin: 8px auto; padding: 12px 10px 15px 10px; font-size: 100%;}

/* モーダルメニュー */
header .span-container,
header .checkbox { width: 24px; height: 24px; top: 44%; border: solid 2.5px #000000; padding: 0.40% 0.55%;}
header .checkbox:checked { width: 20%; height:  10000%; top: 0;}
header .nav-container a { width: 50%; margin: 8px auto; padding: 0 0.5% 1.0%; font-size: 100%; }

/* メイン設定 */
main h1 { padding:0.25em 1em; }
main h1:before, h1:after { width: 18px; height: 28px;}

/* メイン セクション背景設定 */
main #erea_01 { max-width: 1024px; background-size: 220px;}
main #erea_02 { max-width: 1024px; background-size: 220px;}
main #erea_03 { max-width: 1024px; background-size: 106px;}
main #erea_04 { max-width: 1024px; background-size: 220px;}
main #erea_05 { max-width: 1024px; background-size: 220px;}
main #erea_06 { max-width: 1024px; background-size: 106px;}
main #erea_07 { max-width: 1024px; background-size: 220px;}

/* コンバージョンエリア 基本設定 */
main ol { width: 100%; margin: 60px auto 0; display: flex; flex-wrap: nowrap;}
main ol li { width: 50%; }

/* 申込エリア ボタン設定 */
main #entry a { width: 360px; padding: 5.0% 0 4.0% 2.0%;}

/* 申込エリア ボタン文字ラベル設定 */
main #entry a:before { font-size: 145%;}

/* 申込エリア 吹き出し設定 */
main #entry span { width: 300px; padding: 7.8px 0 8.6px; font-size: 100%; top: -1.8em; left: calc(50% - 150px);}

/* 問合せエリア ボタン設定 */
main #inquiry a { width: 360px; padding: 5.0% 0 4.0% 2.0%;}

/* 問合せエリア ボタン文字ラベル設定 */
main #inquiry a:before { font-size: 145%;}

/* 問合せエリア 吹き出し設定 */
main #inquiry span { width: 340px; padding: 7.8px 0 8.6px; font-size: 100%; top: -1.8em; left: calc(50% - 170px);}

/* プラン表リンクエリア ボタン設定 */
main #all_plan a { width: 360px; padding: 5.0% 0 4.0% 2.0%;}

/* プラン表リンクエリア ボタン文字ラベル設定 */
main #all_plan a:before { font-size: 145%;}

/* プラン表リンクエリア 吹き出し設定 */
main #all_plan span { width: 340px; padding: 7.8px 0 8.6px; font-size: 100%; top: -1.8em; left: calc(50% - 170px);}

/* 基本0_1列設定 */
main #style_0_1 { width: 92%; max-width: 980px; padding: 30px 0 0;}
main #style_0_1 h4 { width: 98%; margin: 1.6% 0 0; padding: 1.6% 1%; font-size: 100%;}
main #style_0_1 h5 { width: 97%; margin: 0 0 4.0%; padding: 1.2% 1.5% 1.4%; font-size: 80%; line-height: 1.5;}
main #style_0_1 ol { display: flex; flex-wrap: nowrap;}
main #style_0_1 ol li:first-child { width: 49.5%; margin: 0.5% 0.5% 0.5% 0;}
main #style_0_1 ol li:last-child { width: 49.5%; margin: 0.5% 0 0.5% 0.5%;}

/* ガイドリンク */
main #style_0_1 .guide_btn { width: 96.5%; margin: 5px auto 0; padding: 2.1% 1.5% 2.6%; font-size: 115%;}

/* 基本0_2列設定 */
main #style_0_2 { width: 92%; max-width: 980px; padding: 30px 0;}
main #style_0_2 h4 { width: 96%; margin: 0; padding: 3.2% 2%; font-size: 100%;}
main #style_0_2 h5 { width: 95%; padding: 2.4% 2.5% 3.0%; font-size: 80%; line-height: 1.5;}
main #style_0_2 ul { margin: 1.4% 0 0; display: flex; flex-wrap: nowrap;}
main #style_0_2 ul li:first-child { width: 49.5%; margin: 0.5% 0.5% 0.5% 0;}
main #style_0_2 ul li:last-child { width: 49.5%; margin: 0.5% 0 0.5% 0.5%;}
main #style_0_2 strong { margin: 10px 0 5px 0; font-size: 90%;}
main #style_0_2 span { margin: 5px 0 5px 0; font-size: 80%; line-height: 1.4;}

/* 基本FAQ SIMロックリンク */
main #style_0_2 .docomo { width: 94.5%; margin: 8px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 90%;}
main #style_0_2 .au { width: 94.5%; margin: 5px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 90%; }
main #style_0_2 .softbank { width: 94.5%; margin: 5px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 90%;}
main #style_0_2 a i { margin: 0 0.5% 0 0; font-size: 115%;}

/* 基本FAQ タブ内ボタン装飾*/
main #style_0_2 label { width: 94.5%; margin: 8px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 90%; }
main #style_0_2 i { margin: 0 0.5% 0 0; font-size: 115%;}

/* 基本FAQ タブ内ボタンホバー時*/
main #style_0_2 p { width: 97%; adding: 1.4% 1.5% 1.5%; font-size: 80%; line-height: 1.4;}

/* 基本0_3列設定 */
main #style_0_3 { width: 92%; max-width: 980px; padding: 0px 0 30px;}
main #style_0_3 h4 { width: 96%; margin: 0; padding: 4.4% 2% 4.4%; font-size: 100%;}
main #style_0_3 h5 { width: 93%; padding: 3.6% 3.5% 4.4%; font-size: 80%; line-height: 1.5;}
main #style_0_3 ul { width: 100%; margin: 1.4% 0 0; display: flex; flex-wrap: nowrap;}
main #style_0_3 ul li:first-child { width: 32.7%; margin: 0.5% 0 0.5%;}
main #style_0_3 ul li { width: 32.6%; margin: 0.5% 1% 0.5%;}
main #style_0_3 ul li:last-child { width: 32.7%; margin: 0.5% 0 0.5%;}

/* 基本0_5列設定 */
main #style_0_5 { width: 92%; max-width: 980px; padding: 30px 0;}
main #style_0_5 h4 { width: 94%; height: 25px; padding: 8% 3% 4%; font-size: 100%;}
main #style_0_5 h5 { width: 90%; padding: 4.4% 5% 7.4%; font-size: 80%; line-height: 1.5;}
main #style_0_5 ul { width: 100%; margin: 1.4% 0  4.0%; display: flex; flex-wrap: nowrap;}
main #style_0_5 ul li:first-child { width: 19.2%; margin: 0.5% 1% 0.5% 0;}
main #style_0_5 ul li { width: 19.2%; margin: 0.5% 1% 0.5% 0;}
main #style_0_5 ul li:last-child { width: 19.2%; margin: 0.5% 0 0.5%;}

/* 基本テーブル列設定 */
main #style_tab { width: 92%; max-width: 980px; padding: 30px 0;}
main #style_tab h4 { width: 96%; padding: 4.4% 2% 4.4%; font-size: 100%;}
main #style_tab h5 { width: 93%; padding: 3.6% 3.5% 4.4%; font-size: 80%; line-height: 1.5;}

/* 基本テーブル２列設定 */
main #basic { width: 100%; margin: 0 0 2.5%;}
main #basic caption { width: 30.7%; margin: 0% 0 3%; font-size: 120%; padding: 1rem 0.5rem;}
main #basic caption:before { bottom: -4px; width: 20%; height: 4px;}
main #basic td { width: 22%; padding: 2% 1.5%;}
main #basic .hdr_1 { width: 30%; padding: 1.5%;}
main #basic .hdr_2 { width: 64%; padding: 1.5%; font-size: 110%;}
main #basic .td_1 { width: 30%; padding: 1.5%; font-size: 90%;}
main #basic .td_2 { width: 64%; padding: 1.5%; font-size: 100%;}

/* 基本テーブル３列設定 */
main #plans { width: 100%; margin: 0 0 4.5%;}
main #plans caption { width: 30.7%; margin: 2% 0 3%; font-size: 120%; padding: 1rem 0.5rem;}
main #plans caption:before { bottom: -4px; width: 20%; height: 4px;}
main #plans td { width: 22%; padding: 2% 1.5%;}
main #plans .hdr_1 { width: 28%; padding: 1.5%;}
main #plans .hdr_2 { width: 30%; padding: 1.5%; font-size: 110%;}
main #plans .hdr_3 { width: 30%; padding: 1.5%; font-size: 110%;}
main #plans .td_1 { width: 28%; padding: 1.5%; font-size: 90%;}
main #plans .td_2 { width: 30%; padding: 1.5%; font-size: 100%;}
main #plans .td_3 { width: 30%; padding: 1.5%; font-size: 100%;}

/* 基本FAQ設定 */
main #style_faq { width: 92%; max-width: 980px; margin: 0 auto 20px;  padding: 30px 0;}
main #style_faq section { margin: 0 auto 30px;}

/* 基本FAQ ナビゲーションエリア設定 */
main #style_faq ul { width: 100%; margin: 1.4% auto 50px;  display: flex; flex-wrap: wrap;}
main #style_faq ul li:first-child { width: 25%; padding: 0; }
main #style_faq ul li { width: 24%; padding: 0 0 0 1%; }
main #style_faq ul li:last-child { width: 24%; padding: 0 0 0 1%; }

/* 基本FAQ ナビゲーションボタン設定 */
main #style_faq .btn { width: 90%; padding: 3.8% 5% 4%; font-size: 95%;}
main #style_faq .btn:before { padding: 0 4% 0 0; font-size: 95%;}

/* 基本FAQ セクション見出し設定 */
main #style_faq h4 { margin: 10px auto 20px; padding: 0.8% 0 0 7.0%; font-size: 110%;}
main #style_faq h4 span { padding: 0.5% 1.1% 0.8% 1.0%; font-size: 110%;}
main #style_faq h4 span:after { top: calc(50% - 5px); right: -8px; border-width: 5px 0 5px 8px;}

/* 基本FAQ タブ内ボタン装飾*/
main #style_faq label { width: 95.8%; margin: 5px auto 0; padding: 1.3% 2.0% 1.4%; font-size: 100%;}
main #style_faq i { margin: 0 0.5% 0 0; font-size: 110%;}

/* 基本FAQ タブ内ボタンホバー時*/
main #style_faq p { width: 95%; padding: 1.8% 2.5% 1.9%; font-size: 95%;}

/* フッターエリア基本設定 */
footer { padding: 34px 0;}
footer img { width: 300px;}
footer a { font-size: 78%;}
footer nav { margin: 13px 0 17px;}
footer .copyright { font-size: 75%;}
footer .special_thanks { font-size: 75%;}
}

/*　画面サイズが896pxまで、以下のスタイル適用 */
@media (max-width: 896px){

/* フォント基本設定 */
h1 { margin: 30px 0 15px 0; font-size: 170%;}
h2 { margin: 0 0 25px 0; font-size: 95%;}
h3 { padding: 0.1% 0 0; font-size: 75%; line-height: 1.4;}
.extend_h3 { padding: 1% 0 0; font-size: 75%; line-height: 1.4;}
strong { margin: 0 0 5px 0; font-size: 90%;}
small { margin: 55px 0 0; padding: 1% 1.5% 1.3%;}
small:before { font-size: 70%; top: -35px; left: 0; height: 22px; padding: 13px 15px 0;}
small span { font-size: 70%; line-height: 1.5;}

/* ヘッダー ナビエリア設定 */
header #header_navi { padding: 13px 0 17px;}
header .hn_wrap { width: 92%; max-width: 896px;}

/* ヘッダー ロゴ表示設定 */
header .logo { width: 30%;}
header .header_logo { width: 85%; max-width: 200px; margin: 0 0 0 58px;}

/* ヘッダー ナビエリア設定 */
header nav { width: 70%; margin: 5.5px auto 0;;}

/* ヘッダー ナビエリア用 ボタン1設定 */
header .header_btn01 { margin: 0 6px 0 0; padding: 2px 15px 4px;}
header .header_btn01:before { font-size: 80%;}

/* ヘッダー ナビエリア用 ボタン2設定 */
header .header_btn02 { margin: 0 0 0 6px; padding: 2px 15px 4px;}
header .header_btn02:before { font-size: 80%;}

/* ヘッダー ナビエリア用 ボタン3設定 */
header .header_btn03 { margin: 0 0 0 0; padding: 2px 15px 4px;}
header .header_btn03:before { font-size: 80%;}

/* ヘッダー アイキャッチ画像 表示設定 */
header img { width: 565px; margin: 0 auto 17px;}
header #eye_catch h1 { margin: 130px 0 29px 0; font-size: 254%;}
header #eye_catch h2 { width: 546px; margin: 8px auto; padding: 12px 10px 15px 10px; font-size: 95%;}

/* モーダルメニュー */
header .span-container,
header .checkbox { width: 24px; height: 24px; top: 44%; border: solid 2.5px #000000; padding: 0.40% 0.55%;}
header .checkbox:checked { width: 20%; height:  10000%; top: 0;}
header .nav-container a { width: 50%; margin: 8px auto; padding: 0 0.5% 1.0%; font-size: 95%; }

/* メイン設定 */
main h1 { padding:0.25em 1em; }
main h1:before, h1:after { width: 18px; height: 28px;}

/* メイン セクション背景設定 */
main #erea_01 { max-width: 896px; background-size: 200px;}
main #erea_02 { max-width: 896px; background-size: 200px;}
main #erea_03 { max-width: 896px; background-size: 86px;}
main #erea_04 { max-width: 896px; background-size: 200px;}
main #erea_05 { max-width: 896px; background-size: 200px;}
main #erea_06 { max-width: 896px; background-size: 86px;}
main #erea_07 { max-width: 896px; background-size: 200px;}

/* コンバージョンエリア 基本設定 */
main ol { width: 100%; margin: 60px auto 0; display: flex; flex-wrap: nowrap;}
main ol li { width: 50%; }

/* 申込エリア ボタン設定 */
main #entry a { width: 290px; padding: 5.0% 0 4.0% 2.0%;}

/* 申込エリア ボタン文字ラベル設定 */
main #entry a:before { font-size: 125%;}

/* 申込エリア 吹き出し設定 */
main #entry span { width: 250px; padding: 7.8px 0 8.6px; font-size: 95%; top: -1.8em; left: calc(50% - 125px);}

/* 問合せエリア ボタン設定 */
main #inquiry a { width: 290px; padding: 5.0% 0 4.0% 2.0%;}

/* 問合せエリア ボタン文字ラベル設定 */
main #inquiry a:before { font-size: 125%;}

/* 問合せエリア 吹き出し設定 */
main #inquiry span { width: 270px; padding: 7.8px 0 8.6px; font-size: 95%; top: -1.8em; left: calc(50% - 135px);}

/* プラン表リンクエリア ボタン設定 */
main #all_plan a { width: 290px; padding: 5.0% 0 4.0% 2.0%;}

/* プラン表リンクエリア ボタン文字ラベル設定 */
main #all_plan a:before { font-size: 125%;}

/* プラン表リンクエリア 吹き出し設定 */
main #all_plan span { width: 287px; padding: 7.8px 0 8.6px; font-size: 95%; top: -1.8em; left: calc(50% - 145px);}

/* 基本0_1列設定 */
main #style_0_1 { width: 92%; max-width: 768px; padding: 30px 0 0;}
main #style_0_1 h4 { width: 98%; margin: 1.6% 0 0; padding: 1.6% 1%; font-size: 95%;}
main #style_0_1 h5 { width: 97%; margin: 0 0 4.0%; padding: 1.2% 1.5% 1.4%; font-size: 80%; line-height: 1.5;}
main #style_0_1 ol { display: flex; flex-wrap: nowrap;}
main #style_0_1 ol li:first-child { width: 49.5%; margin: 0.5% 0.5% 0.5% 0;}
main #style_0_1 ol li:last-child { width: 49.5%; margin: 0.5% 0 0.5% 0.5%;}

/* ガイドリンク */
main #style_0_1 .guide_btn { width: 96.5%; margin: 5px auto 0; padding: 2.1% 1.5% 2.6%; font-size: 110%;}

/* 基本0_2列設定 */
main #style_0_2 { width: 92%; max-width: 768px; padding: 30px 0;}
main #style_0_2 h4 { width: 96%; margin: 0; padding: 3.2% 2%; font-size: 95%;}
main #style_0_2 h5 { width: 95%; padding: 2.4% 2.5% 3.0%; font-size: 80%; line-height: 1.5;}
main #style_0_2 ul { margin: 1.4% 0 0; display: flex; flex-wrap: nowrap;}
main #style_0_2 ul li:first-child { width: 49.5%; margin: 0.5% 0.5% 0.5% 0;}
main #style_0_2 ul li:last-child { width: 49.5%; margin: 0.5% 0 0.5% 0.5%;}
main #style_0_2 strong { margin: 10px 0 5px 0; font-size: 90%;}
main #style_0_2 span { margin: 5px 0 5px 0; font-size: 80%; line-height: 1.4;}

/* 基本FAQ SIMロックリンク */
main #style_0_2 .docomo { width: 94.5%; margin: 8px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 90%;}
main #style_0_2 .au { width: 94.5%; margin: 5px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 90%; }
main #style_0_2 .softbank { width: 94.5%; margin: 5px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 90%;}
main #style_0_2 a i { margin: 0 0.5% 0 0; font-size: 110%;}

/* 基本FAQ タブ内ボタン装飾*/
main #style_0_2 label { width: 94.5%; margin: 8px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 90%; }
main #style_0_2 i { margin: 0 0.5% 0 0; font-size: 110%;}

/* 基本FAQ タブ内ボタンホバー時*/
main #style_0_2 p { width: 97%; adding: 1.4% 1.5% 1.5%; font-size: 80%; line-height: 1.4;}

/* 基本0_3列設定 */
main #style_0_3 { width: 92%; max-width: 768px; padding: 0px 0 30px;}
main #style_0_3 h4 { width: 96%; margin: 0; padding: 4.4% 2% 4.4%; font-size: 95%;}
main #style_0_3 h5 { width: 93%; padding: 3.6% 3.5% 4.4%; font-size: 75%; line-height: 1.5;}
main #style_0_3 ul { width: 100%; margin: 1.4% 0 0; display: flex; flex-wrap: nowrap;}
main #style_0_3 ul li:first-child { width: 32.7%; margin: 0.5% 0 0.5%;}
main #style_0_3 ul li { width: 32.6%; margin: 0.5% 1% 0.5%;}
main #style_0_3 ul li:last-child { width: 32.7%; margin: 0.5% 0 0.5%;}

/* 基本0_5列設定 */
main #style_0_5 { width: 92%; max-width: 768px; padding: 30px 0;}
main #style_0_5 h4 { width: 94%; height: 25px; padding: 8% 3% 4%; font-size: 95%;}
main #style_0_5 h5 { width: 90%; padding: 4.4% 5% 7.4%; font-size: 75%; line-height: 1.5;}
main #style_0_5 ul { width: 100%; margin: 1.4% 0  4.0%; display: flex; flex-wrap: nowrap;}
main #style_0_5 ul li:first-child { width: 19.2%; margin: 0.5% 1% 0.5% 0;}
main #style_0_5 ul li { width: 19.2%; margin: 0.5% 1% 0.5% 0;}
main #style_0_5 ul li:last-child { width: 19.2%; margin: 0.5% 0 0.5%;}

/* 基本テーブル列設定 */
main #style_tab { width: 92%; max-width: 768px; padding: 30px 0;}
main #style_tab h4 { width: 96%; padding: 4.4% 2% 4.4%; font-size: 95%;}
main #style_tab h5 { width: 93%; padding: 3.6% 3.5% 4.4%; font-size: 75%; line-height: 1.5;}

/* 基本テーブル２列設定 */
main #basic { width: 100%; margin: 0 0 2.5%;}
main #basic caption { width: 30.7%; margin: 0% 0 3%; font-size: 110%; padding: 1rem 0.5rem;}
main #basic caption:before { bottom: -4px; width: 20%; height: 4px;}
main #basic td { width: 22%; padding: 2% 1.5%;}
main #basic .hdr_1 { width: 30%; padding: 1.5%;}
main #basic .hdr_2 { width: 64%; padding: 1.5%; font-size: 100%;}
main #basic .td_1 { width: 30%; padding: 1.5%; font-size: 85%;}
main #basic .td_2 { width: 64%; padding: 1.5%; font-size: 90%;}

/* 基本テーブル３列設定 */
main #plans { width: 100%; margin: 0 0 4.5%;}
main #plans caption { width: 30.7%; margin: 2% 0 3%; font-size: 110%; padding: 1rem 0.5rem;}
main #plans caption:before { bottom: -4px; width: 20%; height: 4px;}
main #plans td { width: 22%; padding: 2% 1.5%;}
main #plans .hdr_1 { width: 28%; padding: 1.5%;}
main #plans .hdr_2 { width: 30%; padding: 1.5%; font-size: 100%;}
main #plans .hdr_3 { width: 30%; padding: 1.5%; font-size: 100%;}
main #plans .td_1 { width: 28%; padding: 1.5%; font-size: 85%;}
main #plans .td_2 { width: 30%; padding: 1.5%; font-size: 90%;}
main #plans .td_3 { width: 30%; padding: 1.5%; font-size: 90%;}

/* 基本FAQ設定 */
main #style_faq { width: 92%; max-width: 768px; margin: 0 auto 20px;  padding: 30px 0;}
main #style_faq section { margin: 0 auto 30px;}

/* 基本FAQ ナビゲーションエリア設定 */
main #style_faq ul { width: 100%; margin: 1.4% auto 50px;  display: flex; flex-wrap: wrap;}
main #style_faq ul li:first-child { width: 25%; padding: 0; }
main #style_faq ul li { width: 24%; padding: 0 0 0 1%; }
main #style_faq ul li:last-child { width: 24%; padding: 0 0 0 1%; }

/* 基本FAQ ナビゲーションボタン設定 */
main #style_faq .btn { width: 90%; padding: 3.8% 5% 4%; font-size: 80%;}
main #style_faq .btn:before { padding: 0 4% 0 0; font-size: 80%;}

/* 基本FAQ セクション見出し設定 */
main #style_faq h4 { margin: 10px auto 20px; padding: 0.8% 0 0 7.0%; font-size: 100%;}
main #style_faq h4 span { padding: 0.5% 1.1% 0.8% 1.0%; font-size: 110%;}
main #style_faq h4 span:after { top: calc(50% - 5px); right: -8px; border-width: 5px 0 5px 8px;}

/* 基本FAQ タブ内ボタン装飾*/
main #style_faq label { width: 95.8%; margin: 5px auto 0; padding: 1.3% 2.0% 1.4%; font-size: 90%;}
main #style_faq i { margin: 0 0.5% 0 0; font-size: 110%;}

/* 基本FAQ タブ内ボタンホバー時*/
main #style_faq p { width: 95%; padding: 1.8% 2.5% 1.9%; font-size: 90%;}

/* フッターエリア基本設定 */
footer { padding: 34px 0;}
footer img { width: 250px;}
footer a { font-size: 73%;}
footer nav { margin: 13px 0 17px;}
footer .copyright { font-size: 70%;}
footer .special_thanks { font-size: 70%;}
}

/*　画面サイズが768pxまで、以下のスタイル適用 */
@media (max-width: 768px){

/* フォント基本設定 */
h1 { margin: 20px 0 15px 0; font-size: 160%;}
h2 { margin: 0 0 25px 0; font-size: 95%;}
h3 { padding: 0.1% 0 0; font-size: 85%; line-height: 1.4;}
.extend_h3 { padding: 1% 0 0; font-size: 65%; line-height: 1.4;}
strong { margin: 0 0 5px 0; font-size: 90%;}
small { margin: 55px 0 0; padding: 1.5% 1.5% 1.8%;}
small:before { font-size: 70%; top: -35px; left: 0; height: 22px; padding: 13px 15px 0;}
small span { font-size: 75%; line-height: 1.5;}

/* ヘッダー ナビエリア設定 */
header #header_navi { padding: 10px 0 15px;}
header .hn_wrap { width: 98%; max-width: 768px;}

/* ヘッダー ロゴ表示設定 */
header .logo { width: 30%;}
header .header_logo { width: 90%; max-width: 220px; margin: 2px 0 0 52px;}

/* ヘッダー ナビエリア設定 */
header nav { width: 70%; margin: 5.5px auto 0;;}

/* ヘッダー ナビエリア用 ボタン1設定 */
header .header_btn01 { margin: 0 3px 0 0; padding: 2px 12px 5px;}
header .header_btn01:before { font-size: 75%;}

/* ヘッダー ナビエリア用 ボタン2設定 */
header .header_btn02 { margin: 0 0 0 3px; padding: 2px 12px 5px;}
header .header_btn02:before { font-size: 75%;}

/* ヘッダー ナビエリア用 ボタン3設定 */
header .header_btn03 { margin: 0 0 0 0; padding: 2px 12px 5px;}
header .header_btn03:before { font-size: 75%;}

/* ヘッダー アイキャッチ画像 表示設定 */
header img { width: 550px; margin: 0 auto 17px;}
header #eye_catch h1 { margin: 130px 0 29px 0; font-size: 250%;}
header #eye_catch h2 { width: 530px; margin: 8px auto; padding: 12px 10px 15px 10px; font-size: 95%;}

/* モーダルメニュー */
header .span-container,
header .checkbox { width: 24px; height: 24px; top: 48%; border: solid 2.5px #000000; padding: 0.40% 0.55%;}
header .checkbox:checked { width: 20%; height:  10000%; top: 0;}
header .nav-container a { width: 50%; margin: 8px auto; padding: 0 0.5% 1.0%; font-size: 95%; }

/* メイン設定 */
main h1 { padding:0.25em 1em; }
main h1:before, h1:after { width: 18px; height: 28px;}

/* メイン セクション背景設定 */
main #erea_01 { max-width: 768px; background-size: 200px;}
main #erea_02 { max-width: 768px; background-size: 200px;}
main #erea_03 { max-width: 768px; background-size: 86px;}
main #erea_04 { max-width: 768px; background-size: 200px;}
main #erea_05 { max-width: 768px; background-size: 200px;}
main #erea_06 { max-width: 768px; background-size: 86px;}
main #erea_07 { max-width: 768px; background-size: 200px;}

/* コンバージョンエリア 基本設定 */
main ol { width: 100%; margin: 60px auto 0; display: block; flex-wrap: wrap;}
main ol li { width: 100%; }

/* 申込エリア ボタン設定 */
main #entry a { width: 98%; margin-top: 4%; padding: 3.0% 0 2.5% 2.0%;}

/* 申込エリア ボタン文字ラベル設定 */
main #entry a:before { font-size: 140%;}

/* 申込エリア 吹き出し設定 */
main #entry span { width: 70%; margin-top: 4%; padding: 1.5% 0 1.8%; font-size: 110%; top: -1.8em; left: calc(50% - 35%);}

/* 問合せエリア ボタン設定 */
main #inquiry a { width: 98%; padding: 3.0% 0 2.5% 2.0%;}

/* 問合せエリア ボタン文字ラベル設定 */
main #inquiry a:before { font-size: 140%;}

/* 問合せエリア 吹き出し設定 */
main #inquiry span { width: 70%; padding: 1.5% 0 1.8%; font-size: 110%; top: -1.8em; left: calc(50% - 35%);}

/* プラン表リンクエリア ボタン設定 */
main #all_plan a { width: 98%; padding: 3.0% 0 2.5% 2.0%;}

/* プラン表リンクエリア ボタン文字ラベル設定 */
main #all_plan a:before { font-size: 140%;}

/* プラン表リンクエリア 吹き出し設定 */
main #all_plan span { width: 70%; padding: 1.5% 0 1.8%; font-size: 110%; top: -1.8em; left: calc(50% - 35%);}

/* 基本0_1列設定 */
main #style_0_1 { width: 96%; max-width: 667px; padding: 30px 0 0;}
main #style_0_1 h4 { width: 98%; padding: 2.6% 2% 2.6%; font-size: 110%;}
main #style_0_1 h5 { width: 97%; margin: 0 0 4.0%; padding: 1.2% 1.5% 1.4%; font-size: 80%; line-height: 1.5;}
main #style_0_1 ol { display: flex; flex-wrap: wrap;}
main #style_0_1 ol li:first-child { width: 98.0%; margin: 0.5% auto 0.5%;}
main #style_0_1 ol li:last-child { width: 98.0%; margin: 1.0% auto 1.0%;}

/* ガイドリンク */
main #style_0_1 .guide_btn { width: 96.5%; margin: 5px auto 0; padding: 2.1% 1.5% 2.6%; font-size: 110%;}

/* 基本0_2列設定 */
main #style_0_2 { width: 96%; max-width: 667px; padding: 30px 0;}
main #style_0_2 h4 { width: 96%; margin: 0; padding: 4.4% 2% 4.4%; font-size: 110%;}
main #style_0_2 h5 { width: 95%; padding: 2.4% 2.5% 3.0%; font-size: 85%; line-height: 1.5;}
main #style_0_2 ul { margin: 1.4% 0 0; display: flex; flex-wrap: nowrap;}
main #style_0_2 ul li:first-child { width: 48.5%; margin: 0.5% 1.5% 0.5% 0;}
main #style_0_2 ul li:last-child { width: 48.5%; margin: 0.5% 0 0.5% 1.5%;}
main #style_0_2 strong { margin: 10px 0 5px 0; font-size: 100%;}
main #style_0_2 span { margin: 5px 0 5px 0; font-size: 85%; line-height: 1.4;}

/* 基本FAQ SIMロックリンク */
main #style_0_2 .docomo { width: 94.5%; margin: 8px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 90%;}
main #style_0_2 .au { width: 94.5%; margin: 5px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 90%; }
main #style_0_2 .softbank { width: 94.5%; margin: 5px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 90%;}
main #style_0_2 a i { margin: 0 0.5% 0 0; font-size: 110%;}

/* 基本FAQ タブ内ボタン装飾*/
main #style_0_2 label { width: 94.5%; margin: 8px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 90%; }
main #style_0_2 i { margin: 0 0.5% 0 0; font-size: 110%;}

/* 基本FAQ タブ内ボタンホバー時*/
main #style_0_2 p { width: 97%; adding: 1.4% 1.5% 1.5%; font-size: 85%; line-height: 1.4;}

/* 基本0_3列設定 */
main #style_0_3 { width: 96%; max-width: 667px; padding: 0px 0 30px;}
main #style_0_3 h4 { width: 96%; margin: 0; padding: 4.4% 2% 4.4%; font-size: 110%;}
main #style_0_3 h5 { width: 93%; padding: 3.6% 3.5% 4.4%; font-size: 85%; line-height: 1.5;}
main #style_0_3 ul { width: 100%; margin: 1.4% 0 0; display: flex; flex-wrap: wrap;}
main #style_0_3 ul li:first-child { width: 48.5%; margin: 0.5% 1.5% 0.5% 0;}
main #style_0_3 ul li { width: 48.5%; margin: 0.5% 0 0.5% 1.5%;}
main #style_0_3 ul li:last-child { width: 49.5%; margin: 2.5% auto 0.5%;}

/* 基本0_5列設定 */
main #style_0_5 { width: 96%; max-width: 667px; padding: 30px 0;}
main #style_0_5 h4 { width: 96%; margin: 0; padding: 4.4% 2% 4.4%; font-size: 110%;}
main #style_0_5 h5 { width: 93%; padding: 3.6% 3.5% 4.4%; font-size: 85%; line-height: 1.5;}
main #style_0_5 ul { width: 100%; margin: 1.4% 0  4.0%; display: flex; flex-wrap: wrap;}
main #style_0_5 ul #li_01 { width: 48.5%; margin: 0.5% 1.5% 1.5% 0;}
main #style_0_5 ul #li_02 { width: 48.5%; margin: 0.5% 0 1.5% 1.5%;}
main #style_0_5 ul #li_03 { width: 48.5%; margin: 1.5% 1.5% 1.5% 0;}
main #style_0_5 ul #li_04 { width: 48.5%; margin: 1.5% 0 1.5% 1.5%;}
main #style_0_5 ul #li_05 { width: 48.5%; margin: 1.5% auto 0.5%;}

/* 基本テーブル列設定 */
main #style_tab { width: 96%; max-width: 667px; padding: 30px 0;}
main #style_tab h4 { width: 96%; padding: 4.4% 2% 4.4%; font-size: 110%;}
main #style_tab h5 { width: 93%; padding: 3.6% 3.5% 4.4%; font-size: 85%; line-height: 1.5;}
main #style_tab .table-wrap { overflow-x: scroll; }

/* 基本テーブル２列設定 */
main #basic { width: 100%; margin: 0 0 2.5%; overflow-x: scroll;}
main #basic caption { width: 30.7%; margin: 0% 0 3%; font-size: 110%; padding: 1rem 0.5rem;}
main #basic caption:before { bottom: -4px; width: 20%; height: 4px;}
main #basic td { width: 22%; padding: 2% 1.5%;}
main #basic .hdr_1 { width: 30%; padding: 1.5%;}
main #basic .hdr_2 { width: 64%; padding: 1.5%; font-size: 100%;}
main #basic .td_1 { width: 30%; padding: 1.5%; font-size: 85%;}
main #basic .td_2 { width: 64%; padding: 1.5%; font-size: 90%;}

/* 基本テーブル３列設定 */
main #plans { width: 100%; min-width: 768px; margin: 0 0 4.5%; overflow-x: scroll;}
main #plans caption { width: 30.7%; margin: 2% 0 3%; font-size: 110%; padding: 1rem 0.5rem;}
main #plans caption:before { bottom: -4px; width: 20%; height: 4px;}
main #plans td { width: 22%; padding: 2% 1.5%;}
main #plans .hdr_1 { width: 22%; padding: 1.5%;}
main #plans .hdr_2 { width: 33%; padding: 1.5%; font-size: 100%;}
main #plans .hdr_3 { width: 33%; padding: 1.5%; font-size: 100%;}
main #plans .td_1 { width: 22%; padding: 1.5%; font-size: 85%;}
main #plans .td_2 { width: 33%; padding: 1.5%; font-size: 90%;}
main #plans .td_3 { width: 33%; padding: 1.5%; font-size: 90%;}

/* 基本FAQ設定 */
main #style_faq { width: 96%; max-width: 667px; margin: 0 auto 20px;  padding: 30px 0;}
main #style_faq section { margin: 0 auto 30px;}

/* 基本FAQ ナビゲーションエリア設定 */
main #style_faq ul { width: 100%; margin: 1.4% auto 50px;  display: flex; flex-wrap: wrap;}
main #style_faq ul li:first-child { width: 48%; margin: 1.0% 0; padding: 0 1.0%;}
main #style_faq ul li { width: 48%; margin: 1.0% 0; padding: 0 1.0% 0;}
main #style_faq ul li:last-child { width: 48%; margin: 1.0% 0; padding: 0 1.0%;}

/* 基本FAQ ナビゲーションボタン設定 */
main #style_faq .btn { width: 90%; padding: 3.8% 5% 4%; font-size: 95%;}
main #style_faq .btn:before { padding: 0 4% 0 0; font-size: 95%;}

/* 基本FAQ セクション見出し設定 */
main #style_faq h4 { margin: 10px auto 20px; padding: 0.8% 0 0 8.3%; font-size: 110%;}
main #style_faq h4 span { padding: 0.5% 1.1% 0.8% 1.0%; font-size: 110%;}
main #style_faq h4 span:after { top: calc(50% - 5px); right: -8px; border-width: 5px 0 5px 8px;}

/* 基本FAQ タブ内ボタン装飾*/
main #style_faq label { width: 95.8%; margin: 5px auto 0; padding: 1.3% 2.0% 1.4%; font-size: 95%;}
main #style_faq i { margin: 0 0.5% 0 0; font-size: 110%;}

/* 基本FAQ タブ内ボタンホバー時*/
main #style_faq p { width: 95%; padding: 1.8% 2.5% 1.9%; font-size: 95%;}

/* フッターエリア基本設定 */
footer { padding: 34px 0;}
footer img { width: 250px;}
footer a { font-size: 73%;}
footer nav { margin: 13px 0 17px;}
footer .copyright { font-size: 70%;}
footer .special_thanks { font-size: 70%;}
}

/*　画面サイズが667pxまで、以下のスタイル適用 */
@media (max-width: 667px){

/* フォント基本設定 */
h1 { margin: 20px 0 15px 0; font-size: 160%;}
h2 { margin: 0 0 25px 0; font-size: 95%;}
h3 { padding: 0.1% 0 0; font-size: 75%; line-height: 1.4;}
.extend_h3 { padding: 1% 0 0; font-size: 75%; line-height: 1.4;}
strong { margin: 0 0 5px 0; font-size: 90%;}
small { margin: 55px 0 0; padding: 1.5% 1.5% 1.8%;}
small:before { font-size: 70%; top: -35px; left: 0; height: 22px; padding: 13px 15px 0;}
small span { font-size: 75%; line-height: 1.5;}

/* ヘッダー ナビエリア設定 */
header #header_navi { padding: 10px 0 15px;}
header .hn_wrap { width: 98%; max-width: 667px;}

/* ヘッダー ロゴ表示設定 */
header .logo { width: 40%;}
header .header_logo { width: 90%; max-width: 200px; margin: 2px 0 0 42px;}

/* ヘッダー ナビエリア設定 */
header nav { width: 60%; margin: 4.5px auto 0;;}

/* ヘッダー ナビエリア用 ボタン1設定 */
header .header_btn01 { display: none;}

/* ヘッダー ナビエリア用 ボタン2設定 */
header .header_btn02 { margin: 0 0 0 1px; padding: 2px 14px 5px;}
header .header_btn02:before { font-size: 80%;}

/* ヘッダー アイキャッチ画像 表示設定 */
header img { width: 380px; margin: 0 auto 17px;}
header #eye_catch { width: 100%; margin: 80px auto 0px; text-align: center;}
header #eye_catch h1 { margin: 90px 0 16px 0; font-size: 170%;}
header #eye_catch h2 { width: 360px; margin: 4px auto; padding: 14px 10px 15px 10px; font-size: 75%;}

/* モーダルメニュー */
header .span-container,
header .checkbox { width: 20px; height: 20px; top: 48%; border: solid 2.5px #000000; padding: 0.40% 0.55%;}
header .checkbox:checked { width: 20%; height:  10000%; top: 0;}
header .nav-container a { width: 50%; margin: 8px auto; padding: 0 0.5% 1.0%; font-size: 95%; }

/* メイン設定 */
main h1 { padding:0.25em 1em; }
main h1:before, h1:after { width: 18px; height: 28px;}

/* メイン セクション背景設定 */
main #erea_01 { max-width: 667px; background-size: 200px;}
main #erea_02 { max-width: 667px; background-size: 200px;}
main #erea_03 { max-width: 667px; background-size: 86px;}
main #erea_04 { max-width: 667px; background-size: 200px;}
main #erea_05 { max-width: 667px; background-size: 200px;}
main #erea_06 { max-width: 667px; background-size: 86px;}
main #erea_07 { max-width: 667px; background-size: 200px;}

/* コンバージョンエリア 基本設定 */
main ol { width: 100%; margin: 60px auto 0; display: block; flex-wrap: wrap;}
main ol li { width: 100%; }

/* 申込エリア ボタン設定 */
main #entry a { width: 98%; margin-top: 7%; padding: 4.0% 0 3.5% 2.0%;}

/* 申込エリア ボタン文字ラベル設定 */
main #entry a:before { font-size: 120%;}

/* 申込エリア 吹き出し設定 */
main #entry span { width: 85%; margin-top: 7%; padding: 1.5% 0 1.8%; font-size: 100%; top: -1.8em; left: calc(50% - 42.5%);}

/* 問合せエリア ボタン設定 */
main #inquiry a { width: 98%; padding: 4.0% 0 3.5% 2.0%;}

/* 問合せエリア ボタン文字ラベル設定 */
main #inquiry a:before { font-size: 120%;}

/* 問合せエリア 吹き出し設定 */
main #inquiry span { width: 85%; padding: 1.5% 0 1.8%; font-size: 100%; top: -1.8em; left: calc(50% - 42.5%);}

/* プラン表リンクエリア ボタン設定 */
main #all_plan a { width: 98%; padding: 4.0% 0 3.5% 2.0%;}

/* プラン表リンクエリア ボタン文字ラベル設定 */
main #all_plan a:before { font-size: 120%;}

/* プラン表リンクエリア 吹き出し設定 */
main #all_plan span { width: 85%; padding: 1.5% 0 1.8%; font-size: 100%; top: -1.8em; left: calc(50% - 42.5%);}

/* 基本0_1列設定 */
main #style_0_1 { width: 88%; max-width: 667px; padding: 30px 0 0;}
main #style_0_1 h4 { width: 96%; padding: 2.6% 2% 2.6%; font-size: 110%;}
main #style_0_1 h5 { width: 97%; margin: 0 0 4.0%; padding: 1.2% 1.5% 1.4%; font-size: 80%; line-height: 1.5;}
main #style_0_1 ol { display: flex; flex-wrap: wrap;}
main #style_0_1 ol li:first-child { width: 98.0%; margin: 0.5% auto 0.5%;}
main #style_0_1 ol li:last-child { width: 98.0%; margin: 1.0% auto 1.0%;}

/* ガイドリンク */
main #style_0_1 .guide_btn { width: 96.5%; margin: 5px auto 0; padding: 2.1% 1.5% 2.6%; font-size: 110%;}

/* 基本0_2列設定 */
main #style_0_2 { width: 88%; max-width: 667px; padding: 30px 0;}
main #style_0_2 h4 { width: 96%; margin: 0; padding: 2.6% 2% 2.8%; font-size: 110%;}
main #style_0_2 h5 { width: 92%; padding: 1.8% 3.5% 3.0%; font-size: 85%; line-height: 1.5;}
main #style_0_2 ul { margin: 1.4% 0 0; display: flex; flex-wrap: wrap;}
main #style_0_2 ul li:first-child { width: 98%; margin: 1.5% 1% 1.5% 1%; display: block;}
main #style_0_2 ul li:last-child { width: 98%; margin: 1.5% 1% 1.5% 1%; display: block;}
main #style_0_2 strong { margin: 10px 0 5px 0; font-size: 100%;}
main #style_0_2 span { margin: 5px 0 5px 0; font-size: 85%; line-height: 1.4;}

/* 基本FAQ SIMロックリンク */
main #style_0_2 .docomo { width: 94.5%; margin: 8px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 90%;}
main #style_0_2 .au { width: 94.5%; margin: 5px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 90%; }
main #style_0_2 .softbank { width: 94.5%; margin: 5px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 90%;}
main #style_0_2 a i { margin: 0 0.5% 0 0; font-size: 110%;}

/* 基本FAQ タブ内ボタン装飾*/
main #style_0_2 label { width: 94.5%; margin: 8px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 90%; }
main #style_0_2 i { margin: 0 0.5% 0 0; font-size: 110%;}

/* 基本FAQ タブ内ボタンホバー時*/
main #style_0_2 p { width: 97%; adding: 1.4% 1.5% 1.5%; font-size: 85%; line-height: 1.4;}

/* 基本0_3列設定 */
main #style_0_3 { width: 88%; max-width: 667px; padding: 0px 0 30px;}
main #style_0_3 h4 { width: 96%; margin: 0; padding: 2.6% 2% 2.8%; font-size: 110%;}
main #style_0_3 h5 { width: 92%; padding: 1.8% 3.5% 2.6%; font-size: 85%; line-height: 1.5;}
main #style_0_3 ul { width: 100%; margin: 1.4% 0 0; display: flex; flex-wrap: wrap;}
main #style_0_3 ul li:first-child { width: 98%; margin: 1.5% 1% 1.5% 1%; display: block;}
main #style_0_3 ul li { width: 98%; margin: 1.5% 1% 1.5% 1%; display: block;}
main #style_0_3 ul li:last-child { width: 98%; margin: 1.5% 1% 1.5% 1%; display: block;}

/* 基本0_5列設定 */
main #style_0_5 { width: 88%; max-width: 667px; padding: 30px 0;}
main #style_0_5 h4 { width: 96%; margin: 0; padding: 2.6% 2% 2.8%; font-size: 110%;}
main #style_0_5 h5 { width: 92%; padding: 1.8% 3.5% 2.6%; font-size: 85%; line-height: 1.5;}
main #style_0_5 ul { width: 100%; margin: 1.4% 0  4.0%; display: flex; flex-wrap: wrap;}
main #style_0_5 ul #li_01 { width: 98%; margin: 1.5% 1% 1.5% 1%; display: block;}
main #style_0_5 ul #li_02 { width: 98%; margin: 1.5% 1% 1.5% 1%; display: block;}
main #style_0_5 ul #li_03 { width: 98%; margin: 1.5% 1% 1.5% 1%; display: block;}
main #style_0_5 ul #li_04 { width: 98%; margin: 1.5% 1% 1.5% 1%; display: block;}
main #style_0_5 ul #li_05 { width: 98%; margin: 1.5% 1% 1.5% 1%; display: block;}

/* 基本テーブル列設定 */
main #style_tab { width: 88%; max-width: 667px; padding: 30px 0;}
main #style_tab h4 { width: 96%; padding: 4.4% 2% 4.4%; font-size: 110%;}
main #style_tab h5 { width: 93%; padding: 3.6% 3.5% 4.4%; font-size: 85%; line-height: 1.5;}
main #style_tab .table-wrap { overflow-x: scroll; }
main #style_tab .table-wrap2 { overflow-x: scroll; }
	
/* 基本テーブル２列設定 */
main #basic { width: 100%; min-width: 600px; margin: 0 0 2.5%; overflow-x: scroll;}
main #basic caption { width: 30.7%; margin: 0% 0 3%; font-size: 110%; padding: 1rem 0.5rem;}
main #basic caption:before { bottom: -4px; width: 20%; height: 4px;}
main #basic td { width: 22%; padding: 2% 1.5%;}
main #basic .hdr_1 { width: 30%; padding: 1.5%;}
main #basic .hdr_2 { width: 64%; padding: 1.5%; font-size: 100%;}
main #basic .td_1 { width: 30%; padding: 1.5%; font-size: 85%;}
main #basic .td_2 { width: 64%; padding: 1.5%; font-size: 90%;}

/* 基本テーブル３列設定 */
main #plans { width: 100%; min-width: 600px; margin: 0 0 4.5%; overflow-x: scroll;}
main #plans caption { width: 30.7%; margin: 2% 0 3%; font-size: 110%; padding: 1rem 0.5rem;}
main #plans caption:before { bottom: -4px; width: 20%; height: 4px;}
main #plans td { width: 22%; padding: 2% 1.5%;}
main #plans .hdr_1 { width: 22%; padding: 1.5%;}
main #plans .hdr_2 { width: 33%; padding: 1.5%; font-size: 100%;}
main #plans .hdr_3 { width: 33%; padding: 1.5%; font-size: 100%;}
main #plans .td_1 { width: 22%; padding: 1.5%; font-size: 85%;}
main #plans .td_2 { width: 33%; padding: 1.5%; font-size: 90%;}
main #plans .td_3 { width: 33%; padding: 1.5%; font-size: 90%;}

/* 基本FAQ設定 */
main #style_faq { width: 92%; max-width: 667px; margin: 0 auto 20px;  padding: 30px 0;}
main #style_faq section { margin: 0 auto 30px;}

/* 基本FAQ ナビゲーションエリア設定 */
main #style_faq ul { width: 100%; margin: 1.4% auto 50px;  display: flex; flex-wrap: wrap;}
main #style_faq ul li:first-child { width: 48%; margin: 1.0% 0; padding: 0 1.0%;}
main #style_faq ul li { width: 48%; margin: 1.0% 0; padding: 0 1.0% 0;}
main #style_faq ul li:last-child { width: 48%; margin: 1.0% 0; padding: 0 1.0%;}

/* 基本FAQ ナビゲーションボタン設定 */
main #style_faq .btn { width: 90%; padding: 3.8% 5% 4%; font-size: 95%;}
main #style_faq .btn:before { padding: 0 4% 0 0; font-size: 95%;}

/* 基本FAQ セクション見出し設定 */
main #style_faq h4 { margin: 10px auto 20px; padding: 0.8% 0 0 8.3%; font-size: 110%;}
main #style_faq h4 span { padding: 0.5% 1.1% 0.8% 1.0%; font-size: 110%;}
main #style_faq h4 span:after { top: calc(50% - 5px); right: -8px; border-width: 5px 0 5px 8px;}

/* 基本FAQ タブ内ボタン装飾*/
main #style_faq label { width: 95.8%; margin: 5px auto 0; padding: 1.3% 2.0% 1.4%; font-size: 95%;}
main #style_faq i { margin: 0 0.5% 0 0; font-size: 110%;}

/* 基本FAQ タブ内ボタンホバー時*/
main #style_faq p { width: 95%; padding: 1.8% 2.5% 1.9%; font-size: 95%;}

/* フッターエリア基本設定 */
footer { padding: 34px 0;}
footer img { width: 250px;}
footer a { font-size: 73%;}
footer nav { margin: 13px 0 17px;}
footer .copyright { font-size: 70%;}
footer .special_thanks { font-size: 70%;}
}

/*　画面サイズが480pxまで、以下のスタイル適用 */
@media (max-width: 480px){

/* フォント基本設定 */
h1 { margin: 20px 0 15px 0; font-size: 140%;}
h2 { margin: 0 0 25px 0; font-size: 90%;}
h3 { padding: 0.1% 0 0; font-size: 70%; line-height: 1.4;}
.extend_h3 { padding: 1% 0 0; font-size: 75%; line-height: 1.4;}
strong { margin: 0 0 5px 0; font-size: 90%;}
small { margin: 55px 0 0; padding: 1.5% 1.5% 1.8%;}
small:before { font-size: 70%; top: -35px; left: 0; height: 22px; padding: 13px 15px 0;}
small span { font-size: 75%; line-height: 1.5;}

/* ヘッダー ナビエリア設定 */
header #header_navi { padding: 10px 0 15px;}
header .hn_wrap { width: 98%; max-width: 480px;}

/* ヘッダー ロゴ表示設定 */
header .logo { width: 40%;}
header .header_logo { width: 90%; max-width: 200px; margin: 2px 0 0 42px;}

/* ヘッダー ナビエリア設定 */
header nav { width: 60%; margin: 4.5px auto 0;;}

/* ヘッダー ナビエリア用 ボタン1設定 */
header .header_btn01 { display: none;}

/* ヘッダー ナビエリア用 ボタン2設定 */
header .header_btn02 { margin: 0 0 0 1px; padding: 2px 7px 5px;}
header .header_btn02:before { font-size: 75%; content: 'お申込み';}

/* ヘッダー ナビエリア用 ボタン3設定 */
header .header_btn03 { margin: 0 0 0 0; padding: 2px 7px 5px;}
header .header_btn03:before { font-size: 75%; content: '料金表';}

/* ヘッダー アイキャッチ画像 表示設定 */
header img { width: 330px; margin: 0 auto 17px;}
header #eye_catch { width: 100%; margin: 70px auto 0px; text-align: center;}
header #eye_catch h1 { margin: 80px 0 10px 0; font-size: 150%;}
header #eye_catch h2 { width: 320px; margin: 3px auto; padding: 11px 4px 13px 4px; font-size: 65%;}

/* モーダルメニュー */
header .span-container,
header .checkbox { width: 20px; height: 20px; top: 48%; border: solid 2.5px #000000; padding: 0.40% 0.55%;}
header .checkbox:checked { width: 20%; height: 10000%; top: 0;}
header .nav-container a { width: 50%; margin: 8px auto; padding: 0 0.5% 1.0%; font-size: 95%; }

/* メイン設定 */
main h1 { padding:0.25em 1em; }
main h1:before, h1:after { width: 18px; height: 28px;}

/* メイン セクション背景設定 */
main #erea_01 { max-width: 480px; background-size: 120px;}
main #erea_02 { max-width: 480px; background-size: 120px;}
main #erea_03 { max-width: 480px; background-size: 86px;}
main #erea_04 { max-width: 480px; background-size: 120px;}
main #erea_05 { max-width: 480px; background-size: 120px;}
main #erea_06 { max-width: 480px; background-size: 86px;}
main #erea_07 { max-width: 480px; background-size: 120px;}

/* コンバージョンエリア 基本設定 */
main ol { width: 100%; margin: 60px auto 0; display: block; flex-wrap: wrap;}
main ol li { width: 100%; }

/* 申込エリア ボタン設定 */
main #entry a { width: 98%; margin-top: 7%; padding: 4.0% 0 3.5% 2.0%;}

/* 申込エリア ボタン文字ラベル設定 */
main #entry a:before { font-size: 120%;}

/* 申込エリア 吹き出し設定 */
main #entry span { width: 85%; margin-top: 7%; padding: 1.5% 0 1.8%; font-size: 100%; top: -1.8em; left: calc(50% - 42.5%);}

/* 問合せエリア ボタン設定 */
main #inquiry a { width: 98%; padding: 4.0% 0 3.5% 2.0%;}

/* 問合せエリア ボタン文字ラベル設定 */
main #inquiry a:before { font-size: 120%;}

/* 問合せエリア 吹き出し設定 */
main #inquiry span { width: 85%; padding: 1.5% 0 1.8%; font-size: 100%; top: -1.8em; left: calc(50% - 42.5%);}

/* プラン表リンクエリア ボタン設定 */
main #all_plan a { width: 98%; padding: 4.0% 0 3.5% 2.0%;}

/* プラン表リンクエリア ボタン文字ラベル設定 */
main #all_plan a:before { font-size: 120%;}

/* プラン表リンクエリア 吹き出し設定 */
main #all_plan span { width: 85%; padding: 1.5% 0 1.8%; font-size: 100%; top: -1.8em; left: calc(50% - 42.5%);}

/* 基本0_1列設定 */
main #style_0_1 { width: 94%; max-width: 480px; padding: 30px 0 0;}
main #style_0_1 h4 { width: 96%; padding: 2.6% 2% 2.6%; font-size: 110%;}
main #style_0_1 h5 { width: 97%; margin: 0 0 4.0%; padding: 1.2% 1.5% 1.4%; font-size: 80%; line-height: 1.5;}
main #style_0_1 ol { display: flex; flex-wrap: wrap;}
main #style_0_1 ol li:first-child { width: 98.0%; margin: 0.5% auto 0.5%;}
main #style_0_1 ol li:last-child { width: 98.0%; margin: 1.0% auto 1.0%;}

/* ガイドリンク */
main #style_0_1 .guide_btn { width: 96.5%; margin: 5px auto 0; padding: 2.1% 1.5% 2.6%; font-size: 110%;}

/* 基本0_2列設定 */
main #style_0_2 { width: 94%; max-width: 480px; padding: 30px 0;}
main #style_0_2 h4 { width: 96%; margin: 0; padding: 2.6% 2% 2.8%; font-size: 110%;}
main #style_0_2 h5 { width: 92%; padding: 1.8% 3.5% 3.0%; font-size: 85%; line-height: 1.5;}
main #style_0_2 ul { margin: 1.4% 0 0; display: flex; flex-wrap: wrap;}
main #style_0_2 ul li:first-child { width: 98%; margin: 1.5% 1% 1.5% 1%; display: block;}
main #style_0_2 ul li:last-child { width: 98%; margin: 1.5% 1% 1.5% 1%; display: block;}
main #style_0_2 strong { margin: 10px 0 5px 0; font-size: 100%;}
main #style_0_2 span { margin: 5px 0 5px 0; font-size: 85%; line-height: 1.4;}

/* 基本FAQ SIMロックリンク */
main #style_0_2 .docomo { width: 94.5%; margin: 8px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 90%;}
main #style_0_2 .au { width: 94.5%; margin: 5px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 90%; }
main #style_0_2 .softbank { width: 94.5%; margin: 5px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 90%;}
main #style_0_2 a i { margin: 0 0.5% 0 0; font-size: 110%;}

/* 基本FAQ タブ内ボタン装飾*/
main #style_0_2 label { width: 94.5%; margin: 8px auto 0; padding: 1.6% 2.5% 2.0%; font-size: 90%; }
main #style_0_2 i { margin: 0 0.5% 0 0; font-size: 110%;}

/* 基本FAQ タブ内ボタンホバー時*/
main #style_0_2 p { width: 97%; adding: 1.4% 1.5% 1.5%; font-size: 85%; line-height: 1.4;}

/* 基本0_3列設定 */
main #style_0_3 { width: 94%; max-width: 480px; padding: 0px 0 30px;}
main #style_0_3 h4 { width: 96%; margin: 0; padding: 2.6% 2% 2.8%; font-size: 110%;}
main #style_0_3 h5 { width: 92%; padding: 1.8% 3.5% 2.6%; font-size: 85%; line-height: 1.5;}
main #style_0_3 ul { width: 100%; margin: 1.4% 0 0; display: flex; flex-wrap: wrap;}
main #style_0_3 ul li:first-child { width: 98%; margin: 1.5% 1% 1.5% 1%; display: block;}
main #style_0_3 ul li { width: 98%; margin: 1.5% 1% 1.5% 1%; display: block;}
main #style_0_3 ul li:last-child { width: 98%; margin: 1.5% 1% 1.5% 1%; display: block;}

/* 基本0_5列設定 */
main #style_0_5 { width: 94%; max-width: 480px; padding: 30px 0;}
main #style_0_5 h4 { width: 96%; margin: 0; padding: 2.6% 2% 2.8%; font-size: 110%;}
main #style_0_5 h5 { width: 92%; padding: 1.8% 3.5% 2.6%; font-size: 85%; line-height: 1.5;}
main #style_0_5 ul { width: 100%; margin: 1.4% 0  4.0%; display: flex; flex-wrap: wrap;}
main #style_0_5 ul #li_01 { width: 98%; margin: 1.5% 1% 1.5% 1%; display: block;}
main #style_0_5 ul #li_02 { width: 98%; margin: 1.5% 1% 1.5% 1%; display: block;}
main #style_0_5 ul #li_03 { width: 98%; margin: 1.5% 1% 1.5% 1%; display: block;}
main #style_0_5 ul #li_04 { width: 98%; margin: 1.5% 1% 1.5% 1%; display: block;}
main #style_0_5 ul #li_05 { width: 98%; margin: 1.5% 1% 1.5% 1%; display: block;}

/* 基本テーブル列設定 */
main #style_tab { width: 94%; max-width: 480px; padding: 30px 0;}
main #style_tab h4 { width: 96%; padding: 4.4% 2% 4.4%; font-size: 110%;}
main #style_tab h5 { width: 93%; padding: 3.6% 3.5% 4.4%; font-size: 85%; line-height: 1.5;}
main #style_tab .table-wrap { overflow-x: scroll; }
main #style_tab .table-wrap2 { overflow-x: scroll; }
	
/* 基本テーブル２列設定 */
main #basic { width: 100%; min-width: 500px; margin: 0 0 2.5%; overflow-x: scroll;}
main #basic caption { width: 30.7%; margin: 0% 0 3%; font-size: 110%; padding: 1rem 0.5rem;}
main #basic caption:before { bottom: -4px; width: 20%; height: 4px;}
main #basic td { width: 22%; padding: 2% 1.5%;}
main #basic .hdr_1 { width: 30%; padding: 1.5%;}
main #basic .hdr_2 { width: 64%; padding: 1.5%; font-size: 100%;}
main #basic .td_1 { width: 30%; padding: 1.5%; font-size: 85%;}
main #basic .td_2 { width: 64%; padding: 1.5%; font-size: 90%;}

/* 基本テーブル３列設定 */
main #plans { width: 100%; min-width: 500px; margin: 0 0 4.5%; overflow-x: scroll;}
main #plans caption { width: 30.7%; margin: 2% 0 3%; font-size: 110%; padding: 1rem 0.5rem;}
main #plans caption:before { bottom: -4px; width: 20%; height: 4px;}
main #plans td { width: 22%; padding: 2% 1.5%;}
main #plans .hdr_1 { width: 22%; padding: 1.5%;}
main #plans .hdr_2 { width: 33%; padding: 1.5%; font-size: 100%;}
main #plans .hdr_3 { width: 33%; padding: 1.5%; font-size: 100%;}
main #plans .td_1 { width: 22%; padding: 1.5%; font-size: 85%;}
main #plans .td_2 { width: 33%; padding: 1.5%; font-size: 90%;}
main #plans .td_3 { width: 33%; padding: 1.5%; font-size: 90%;}

/* 基本FAQ設定 */
main #style_faq { width: 94%; max-width: 480px; margin: 0 auto 15px;  padding: 30px 0 10px;}
main #style_faq section { margin: 0 auto 30px;}

/* 基本FAQ ナビゲーションエリア設定 */
main #style_faq ul { width: 100%; margin: 1.4% auto 50px;  display: flex; flex-wrap: wrap;}
main #style_faq ul li:first-child { width: 48%; margin: 1.0% 0; padding: 0 1.0%;}
main #style_faq ul li { width: 48%; margin: 1.0% 0; padding: 0 1.0% 0;}
main #style_faq ul li:last-child { width: 48%; margin: 1.0% 0; padding: 0 1.0%;}

/* 基本FAQ ナビゲーションボタン設定 */
main #style_faq .btn { width: 90%; padding: 3.8% 5% 4%; font-size: 95%;}
main #style_faq .btn:before { padding: 0 4% 0 0; font-size: 95%;}

/* 基本FAQ セクション見出し設定 */
main #style_faq h4 { margin: 10px auto 20px; padding: 1.2% 0 0 12.3%; font-size: 100%;}
main #style_faq h4 span { padding: 1.0% 1.9% 1.4% 2.0%; font-size: 110%;}
main #style_faq h4 span:after { top: calc(50% - 5px); right: -8px; border-width: 5px 0 5px 8px;}

/* 基本FAQ タブ内ボタン装飾*/
main #style_faq label { width: 95.8%; margin: 5px auto 0; padding: 1.3% 2.0% 1.4%; font-size: 90%;}
main #style_faq i { margin: 0 0.5% 0 0; font-size: 110%;}

/* 基本FAQ タブ内ボタンホバー時*/
main #style_faq p { width: 95%; padding: 1.8% 2.5% 1.9%; font-size: 90%;}

/* フッターエリア基本設定 */
footer { padding: 30px 0;}
footer img { width: 200px;}
footer a { font-size: 68%;}
footer nav { margin: 13px 0 17px;}
footer .copyright { font-size: 70%;}
footer .special_thanks { font-size: 70%;}
}

/* 2024EUROバナー設定 */
.euro { width: 100%; background-color: #ecf3ff; text-align: center; display: block; position: fixed; bottom: 0; left: 0; z-index: 100000; }
.euro_img { width: 100%; max-width: 883px; }
.promotion { font-size: 150%;}

/*　画面サイズが1280pxまで、以下のスタイル適用 */
@media (max-width: 1280px){
.euro_img { width: 80%; max-width: 780px; }
}

/*　画面サイズが1024pxまで、以下のスタイル適用 */
@media (max-width: 1024px){
.euro_img { width: 80%; max-width: 760px; }
}

/*　画面サイズが896pxまで、以下のスタイル適用 */
@media (max-width: 896px){
.euro_img { width: 80%; max-width: 740px; }
}

/*　画面サイズが768pxまで、以下のスタイル適用 */
@media (max-width: 768px){
.euro_img { width: 90%; max-width: 660px; }
}

/*　画面サイズが667pxまで、以下のスタイル適用 */
@media (max-width: 667px){
.euro_img { width: 80%; max-width: none; }
}

/*　画面サイズが480pxまで、以下のスタイル適用 */
@media (max-width: 480px){
.euro_img { width: 100%; max-width: none; }
}