@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; }

header, nav, footer { display: block; }

body { font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; color: #222; font-size: 1em; line-height: 1.5; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: #ffff9e; color: #3c3c3c; -webkit-text-size-adjust: 100%; }
body a { -webkit-tap-highlight-color: rgba(245, 78, 150, 0.3); }

ul { list-style-type: none; }

ol { list-style-type: decimal; }

img { border: 0; line-height: 1; }

a { color: #2f76b9; text-decoration: none; }
a:visited { color: #5140b8; }
a:hover, a:focus { color: #2a95ff; text-decoration: underline; }
a:active { color: #006599; }
a img { border: 0; }

em, strong, cite { font-style: normal; }

strong { font-weight: bold; }

abbr { border: 0; }

/* ===== Text ===== */
section + section { margin: 30px 0; }

h1 + section, h2 + section, p + section { margin: 0 0 30px; }

p { margin: 0 0 1em; /*font-size:0.8125em;*/ }

pre { overflow: auto; margin: 0 15px 15px; padding: 15px; border: 1px solid #b9b9b9; border-radius: 3px; font-size: 0.8125em; }

blockquote { margin: 0 15px 15px; padding: 15px 0 0; border: 1px solid #b9b9b9; border-radius: 3px; }

blockquote cite { display: block; margin: 0 15px 15px; font-size: 0.8125em; text-align: right; }

/* ===== List ===== */
ul, ol, dl { /* margin:0 15px 15px; */ margin: 0; }

li dl, dd ul { margin: 0; }

li, dt, dd { /*font-size:0.8125em;*/ }

li { font-size: 0.8em; }

li pre, dd th, dd td, li p, li li, li dt, li dd, dd p, dd li, dd dt, dd dd { font-size: 1em; }

ul ul, ol ol { margin-bottom: 0; }

/* ===== Table ===== */
table { margin: 0 0 15px; }

caption { font-size: 0.8125em; }

th, td { font-size: 0.8125em; }

article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; }

::selection { background: #ffff9e; }

::-moz-selection { background: #ffff9e; }

img { max-width: 100%; height: auto; }
img::selection { background: transparent; }
img::-moz-selection { background: transparent; }

/* ===== Common ===== */
.not-pc { display: none; }

#wrap { min-width: 320px; max-width: 960px; margin: 0 auto; }

body.ie #wrap { width: 960px; }

/* ===== Header ===== */
header { position: relative; color: #222; padding-top: 40px; }
header .logo { float: left; margin-right: 1.5em; }
header .text-01 { display: table-cell; height: 51px; vertical-align: middle; overflow: hidden; font-size: 10px; color: #505050; }
header .text-01 > * { font-size: 10px; font-weight: normal; display: inline-block; margin: 0; }
header .btn-login-01 { position: absolute; right: 0; top: 28px; }
header .btn-login-01 a { font-size: 12px; padding: 0.2em 0; display: block; color: #fff; background-color: #2f76b9; background-image: url(img/login.gif); background-position: 100% 50%; background-repeat: no-repeat; text-indent: 0.5em; min-width: 83px; }
header .btn-login-01 a:hover, header p.btn-login-01 a:focus { background-color: #398ED5; background-image: url(img/login_on.gif); }
header .header-nav-01 { position: absolute; right: 0; top: 65px; }
header .header-nav-01 li { float: left; padding-right: 10px; border-right: 1px solid #2F76B9; margin-right: 11px; line-height: 10px; }
header .header-nav-01 li a { font-size: 10px; }
header .header-nav-01 li:last-child { margin: 0; padding: 0; border: none; }

/* ===== Footer ===== */
footer { width: 100%; }
footer .list-socialbtn-01 { position: relative; left: 0; top: 0; margin: 20px 0 0 10px; display: none; }
footer #footer-cont-01 { padding-bottom: 5px; border-bottom: 1px solid #e1e1e1; margin: 30px 0 20px 0; }
footer #footer-cont-01 .nav-footer-02 { float: left; }
footer #footer-cont-01 .copyright { float: right; font-size: 10px; line-height: 10px; }
footer .nav-footer-01 { padding: 10px; background: #fff; margin: 0; }
footer .nav-footer-01 li a { color: #1a1a1a; font-size: 12px; }
footer .nav-footer-01 li a:hover, footer .nav-footer-01 li a:focus { color: #2a95ff; }
footer .nav-footer-01 > li { float: left; margin-right: 40px; }
footer .nav-footer-01 > li > a { font-weight: 700; }
footer .nav-footer-01 ul { margin: 5px 0 10px; }
footer .nav-footer-02 li { float: left; border-right: 1px solid #505050; float: left; margin-right: 10px; padding-right: 12px; line-height: 10px; }
footer .nav-footer-02 li:last-child { border-right: none; }
footer .nav-footer-02 li a { font-size: 10px; }

/*#cmn_head { position: absolute; top: 0; left: 0; }*/

#gmospfooter { display: none; }

#gnav { margin-bottom: 20px; border-bottom: 3px solid #C3C3C3; }
#gnav > li { float: left; position: relative; }
#gnav > li.current { background: #C3C3C3; }
#gnav > li.hover { background: #eee; }
#gnav > li.hover a { color: #2F76D0; }
#gnav > li > a { display: block; padding: 1em 2em; font-size: 14px; }
#gnav > li > a span { position: relative; }
#gnav > li > a.has-sub span:after { content: "\5E"; color: #333; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); position: absolute; top: 50%; font-size: 10px; right: -1.2em; margin-top: -1em; text-decoration: none; }
#gnav ul.sub { position: absolute; top: 100%; left: 0; width: 100%; display: none; z-index: 900; background: #eee; padding: 0 0 20px; }
#gnav ul.sub > li > a { display: block; position: relative; padding: 5px 0 5px 20px; font-size: 12px; }
#gnav ul.sub > li > a:before { content: "\2192"; color: #505050; font-size: 7px; position: absolute; top: 50%; left: 8px; margin-top: -0.6em; text-decoration: none; }

/*=== index page ==========*/

#flash-area { margin-bottom: 15px; }

.main-visual-sp-01 { display: none; }
.main-visual-sp-01 img { max-height: 370px; overflow-y: hidden; }

.main-visual {
	display: block;
	width: 960px;
	height: 370px;
	margin-bottom: 25px;
}
.main-visual ul {
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #15126f;
}
.main-visual li {
	position: absolute;
}
.main-visual li.p01 {
	top: 0;
	left: 0;
	width: 590px;
	height: 370px;
	background-color: #15126f;
}
.main-visual li.p02 {
	top: 0;
	right: 0;
	width: 210px;
	height: 150px;
	background-color: #02983b;
}
.main-visual li.p03 {
	top: 160px;
	right: 0;
	width: 210px;
	height: 150px;
	background-color: #0b57a6;
}
.main-visual li.p04 {
	bottom: 0;
	right: 0;
	width: 360px;
	height: 50px;
	background-color: #e36034;
}
.main-visual li.p05 {
	top: 0;
	left: 600px;
	width: 140px;
	height: 150px;
	background-color: #407bbe;
}
.main-visual li.p06 {
	top: 160px;
	left: 600px;
	width: 140px;
	height: 150px;
	background-color: #91308c;
}
.main-visual-sp {
	display: none;
	font-size: 30px;
	color: #fff;
	line-height: 1.8;
}
.main-visual-sp li p {
	margin: 0;
	padding: 1em;
}
.main-visual-sp li a {
	position: relative;
	display: block;
	padding: 1em;
	color: #fff;
	text-decoration: none;
}
.main-visual-sp li a:hover {
	text-decoration: none;
}
.main-visual-sp li span {
	font-size: 82%;
}
.main-visual-sp li.p01 {
	background-color: #15126f;
}
.main-visual-sp li.p01 p {
	padding: 2em 1em;
}
.main-visual-sp li.p02 {
	background-color: #02983b;
	margin: 0.5em;
}
.main-visual-sp li.p02 a:hover,
.main-visual-sp li.p02 a:focus {
	background: #02b547;
}
.main-visual-sp li.p02 a:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background-image: url("img/stripe.png");
	background-repeat: no-repeat;
	background-position: 0 -96px;
}
.main-visual-sp li.p03 {
	background-color: #0b57a6;
	margin: 0.5em;
}

.add-cnts-01 > * { float: left; width: 700px; margin-bottom: 20px; }
.add-cnts-01 > h3 { clear: left; width: 260px; }
.add-cnts-01 > p { padding-top: 11px; }
.add-cnts-01 .list-pymt-01 li { width: 33%; }
.add-cnts-01 h3 a, .add-cnts-01 h3 span { display: block; line-height: 41px; padding-left: 52px; }
.add-cnts-01 h3.tag span { background: url(img/icon01.gif) 0 0 no-repeat; }
.add-cnts-01 h3.man a { background: url(img/icon02.gif) 0 0 no-repeat; }
.add-cnts-01 h3.man a:focus, .add-cnts-01 h3.man a:hover { background: url(img/icon02_on.gif) 0 0 no-repeat; }
.add-cnts-01 h3.pig a { background: url(img/icon03.gif) 0 0 no-repeat; }
.add-cnts-01 h3.pig a:focus, .add-cnts-01 h3.pig a:hover { background: url(img/icon03_on.gif) 0 0 no-repeat; }
.add-cnts-01 h3.box a { background: url(img/icon04.gif) 0 0 no-repeat; margin-top: 20px;}
.add-cnts-01 h3.box a:focus, .add-cnts-01 h3.box a:hover { background: url(img/icon04_on.gif) 0 0 no-repeat;margin-top: 20px; }

/*---- news ---------*/
#top-news { border-bottom: 1px solid #e1e1e1; margin-bottom: 40px; padding-bottom: 40px; }
#top-news > .scn-news-01 { float: left; }
#top-news .hdg-l2-01 { font-weight: normal; }
#top-news .scn-news-01 { float: left; width: 460px; margin: 0 20px 0 0; }

/* --- plans ----- */
.plans { margin: 0 0 10px; position: relative; float: left; width: 286px; margin-right: 25px; }
.plans.standard { margin: 0 !important; }
.plans p.link-01, .plans p.red { font-size: 12px; }
.plans .btn-plan-01 { position: relative; margin-bottom: 15px; display: none; }
.plans .btn-plan-01:after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 50px; height: 50px; background-image: url("img/stripe.png"); background-repeat: no-repeat; background-position: 0 -96px; }
.plans .btn-plan-01 a { display: block; padding: 20px 10px; }
.plans .btn-plan-01 a:hover { text-decoration: none; }
.plans .btn-plan-01 a * { color: #fff; }
.plans .btn-plan-01 a h2 { font-size: 18px; font-weight: normal; line-height: 1em; margin-bottom: 8px; border-bottom: 1px solid #fff; padding-bottom: 15px; position: relative; padding-left: 48px; }
.plans .btn-plan-01 a h2:before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 42px; height: 42px; background-image: url("img/stripe.png"); background-repeat: no-repeat; margin-top: -32px; }
.plans .btn-plan-01 a h2 span { font-size: 10px; display: block; margin-top: 3px; }
.plans .btn-plan-01 a br { display: none; }
.plans .btn-plan-01 a p { margin: 0; }
.plans.forwindow .btn-plan-01 h2:before { background-position: 0 -41px; }
.plans.forfx .btn-plan-01 h2:before { background-position: -42px -42px; }
.plans.standard .btn-plan-01 h2:before { background-position: -84px -42px; }
.plans.forwindow .btn-plan-01 a { background: #0072c6; }
.plans.forwindow .btn-plan-01 a:hover, .plans.forwindow .btn-plan-01 a:focus { background: #008ae0; }
.plans.forfx .btn-plan-01 a { background: #c90066; }
.plans.forfx .btn-plan-01 a:hover, .plans.forfx .btn-plan-01 a:focus { background: #e2007b; }
.plans.standard .btn-plan-01 a { background: #97be07; }
.plans.standard .btn-plan-01 a:hover, .plans.standard .btn-plan-01 a:focus { background: #b4d908; }
.plans .list-link-01 { display: none; }

/*--- tab -------------------*/
.tab-area-01 { position: relative; }
.tab-area-01 .tab-nav-01 { margin: 0 -1px 0 0; }
.tab-area-01 .tab-nav-01 li { float: left; /*display:table-cell;*/ width: 190px; margin-right: 10px; border-left: 1px solid #c8c8c8; font-size: 12px; }
.tab-area-01 .tab-nav-01 li span { display: block; text-align: center; border: 1px solid #c8c8c8; border-left: none; }
.tab-area-01 .tab-nav-01 li span a { display: block; padding: 1em 0; border: 1px solid #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e7e7e7)); background-image: -webkit-linear-gradient(top, #ffffff 0%, #e7e7e7 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #e7e7e7 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #e7e7e7 100%); background-image: linear-gradient(top, #ffffff 0%, #e7e7e7 100%); }
.tab-area-01 .tab-nav-01 li.current span { border-bottom: 1px solid #fff; background: #fff !important; }
.tab-area-01 .tab-nav-01 li.current span a { background: #fff; }
.tab-area-01 .tab-nav-01.ie li span { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE7E7E7'); }
.tab-area-01 .tab-contents-01 { border: 1px solid #C8C8C8; margin-top: -1px; margin-bottom: 40px; padding: 20px; }
.tab-area-01 .tabs-01 { margin: 0 5px; }

/*=== sub page ==========*/
.overflow-none { width: 100%; overflow: hidden; }

.main-ms-01 { position: relative; min-height: 212px; background: #E81123; margin-bottom: 110px; }
.main-ms-01 span { display: block; padding: 75px 0 75px 50px; color: #fff; font-size: 20px; position: relative; z-index: 10; text-shadow: rgba(232, 17, 35, 0.5) 1px 1px 0, rgba(232, 17, 35, 0.5) 2px 2px 0, rgba(232, 17, 35, 0.5) 3px 3px 0; }
.main-ms-01:after { content: url("img/bg-dev_ms_01.png"); display: block; position: absolute; right: 50px; top: 30px; }

/*=== common ==========*/
/*----- sub gnav ---------------*/
#sub-gnav, #sub-gnav.show, header .btn-show-01 { display: none; }

#sub-nav-01 { background: #F4F4F4; margin-bottom: 20px; }
#sub-nav-01 li { float: left; }
#sub-nav-01 li a { color: #505050; display: block; padding: 0.5em 2.5em; }
#sub-nav-01 li.current a { font-weight: bold; }

.nav-fuc-01 { margin-bottom: 20px; }
.nav-fuc-01 li { float: left; position: relative; padding-right: 1.8em; font-size: 11px; }
.nav-fuc-01 li span:after { content: "\3E"; display: block; position: absolute; right: 0.5em; top: 0; }

/*lists*/
.list-fuc-01 { display: none; }

/*----- table ---------------*/
#lyr1 .title { font-size: 26px; margin-bottom: 25px; font-weight: bold; }
#lyr1 .lyr_t1 th, #lyr1 .lyr_t1 td.blank { color: #fff; font-weight: bold; padding: 18px 0; }
#lyr1 .lyr_t1 td { text-align: center; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
#lyr1 .lyr_t1 td.blank { border: none; }
#lyr1 .lyr_t1 td span { font-size: 18px; font-weight: bold; }
#lyr1 .lyr_t1 .a_c02 { border-top: 1px solid #e1e1e1; }
#lyr1 .lyr_t1 .cell01 { background: #f8f8f8; padding: 13px 0; }
#lyr1 .lyr_t1 .c_Color1 { background: #0072c6; border-left: 3px solid #0072c6; }
#lyr1 .lyr_t1 .c_Color2 { background: #c90066; }
#lyr1 .lyr_t1 .c_Color3 { background: #97be07; border-right: 3px solid #97be07; }
#lyr1 .lyr_t1 .c_b1 { border-left: 3px solid #0072c6; border-right: 3px solid #0072c6; }
#lyr1 .lyr_t1 .c_p1 { border-right: 3px solid #c90066; }
#lyr1 .lyr_t1 .c_g1 { border-right: 3px solid #97be07; }
#lyr1 .lyr_t1 #last_b1 { border-bottom: 3px solid #0072c6; }
#lyr1 .lyr_t1 #last_p1 { border-bottom: 3px solid #c90066; }
#lyr1 .lyr_t1 #last_g1 { border-bottom: 3px solid #97be07; }
#lyr1 .lyr_t1 #c_v01, #lyr1 .lyr_t1 #c_v02, #lyr1 .lyr_t1 #c_v03, #lyr1 .lyr_t1 #c_v04 { border-left: none; border-bottom: none; }
#lyr1 .lyr_t1 .c_bw01 { padding: 17px 0 11px 0; }

.tbl-spec-01 { margin-bottom: 20px; border-bottom: 1px solid #e1e1e1; padding-bottom: 70px; }
.tbl-spec-01 table { border: 1px solid #e1e1e1; border-collapse: collapse; }
.tbl-spec-01 table thead th { background: #505050; color: #fff; padding: 13px 0; border-right: 1px solid #e1e1e1; }
.tbl-spec-01 table tbody th, .tbl-spec-01 table tbody td { text-align: center; padding: 13px 0; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
.tbl-spec-01 table tbody th { background: #f8f8f8; font-weight: normal; }
.tbl-spec-01 table tbody p { line-height: 18px; }
.tbl-spec-01 table tbody .clrRd { color: #e81123; font-size: 12px; }
.tbl-spec-01 table tbody strong { font-size: 18px; }
.tbl-spec-01 table tbody .lnThrgh { font-weight: normal; text-decoration: line-through; }

.tbl-spec-01 ul.notes{ padding-left: 270px; }
.tbl-spec-01 ul.notes li{ padding-bottom: 5px; line-height: 16px; }
.tbl-spec-01 ul.notes li:before{ content: "※"; padding-right: 6px; padding-left: 1px; }
.tbl-spec-01 ul.notes li.disc{ list-style-type: disc; margin-left: 20px; }
.tbl-spec-01 ul.notes li.disc:before{ content: ""; padding-right: 0; padding-left: 0; }

.add-cnts-01 > * { margin-bottom: 30px; }
.add-cnts-01 > h3 { margin-bottom: 15px; }

.toggle-area-01 { margin-bottom: 30px; }

.toggle-area-01.spec-area { display: none; }

/*--- POPUP --------------*/
.popup-movie { position: absolute; width: 688px; height: 438px; z-index: 2000; left: 50%; top: 0; background-color: #464646; margin-left: -344px; }
.popup-movie .btn-close { position: absolute; right: 3px; top: 3px; }
.popup-movie .movie-area { position: absolute; left: 24px; top: 24px; }

.block-opacity { width: 100%; position: absolute; left: 0; top: 0; background-color: #fff; z-index: 1000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }

.btn-scroll-01 { position: fixed; width: 32px; height: 32px; opacity: 1; bottom: 25px; right: 25px; }

.hdg-norm-01 { font-size: 100%; margin-bottom: 10px; }

.hdg-l1-01 { font-size: 30px; font-weight: 500; margin-bottom: 30px; }

.hdg-l2-01 { font-size: 20px; font-weight: bold; margin-bottom: 30px; }

.hdg-l2-02 { font-size: 23px; font-weight: 300; margin-bottom: 30px; }

.hdg-l3-01 { font-size: 16px; font-weight: normal; margin-bottom: 20px; }

/*TEXT*/
.red { color: #E81123; }

/*image*/
.img-col-1 { text-align: center; max-width: 100%; height: auto; }

/*--- list -------*/
ul.list-01 { margin-bottom: 1em; list-style: disc; margin-left: 1.3em; }

.list-ftr-01 li { list-style: disc; margin-left: 1em; font-size: 12px; }

p.note-01, ul.list-note-01 li { position: relative; padding-left: 1.2em; font-size: 0.8em; }

p.note-01 span, ul.list-note-01 span { position: absolute; left: 0; top: 0; }

dl.explain-01 dt, dl.explain-01 dd { display: inline; }
dl.explain-01 dt { margin-right: 0.2em; font-size: 16px; }
dl.explain-01 dd { margin-right: 1em; font-size: 20px; }
dl.explain-01 dd em { font-size: 26px; }

.list-socialbtn-01 { position: absolute; right: -32px; top: 0; }
.list-socialbtn-01 li { float: left; }
.list-socialbtn-01 li.tweetBtn { width: 110px; }
.list-socialbtn-01 li.hatebuBtn { width: 60px; }
.list-socialbtn-01 li.fbBtn { width: 110px; }

.list-news-01 { margin-bottom: 20px; }
.list-news-01 li { font-size: 14px; margin-bottom: 1em; }
.list-news-01 li span { display: block; font-size: 14px; }

.list-pymt-01 li { float: left; }
.list-pymt-01 li .caption { white-space: nowrap; display: inline-block; margin-bottom: 15px; }

.list-link-01 { background: #2e2e2e; }
.list-link-01 li { float: left; width: 50%; background: #2e2e2e; margin-right: -1px; border-right: 1px solid #020202; }
.list-link-01 li.last, .list-link-01 li.last a { border: none; margin: 0; }
.list-link-01 li a { display: block; text-align: center; border-right: 1px solid #575757; padding: .7em 0; }
.list-link-01 li a span { position: relative; color: #fff; padding-left: 1.2em; }
.list-link-01 li a span:before { content: "\2192"; position: absolute; left: 0; top: 0; }
.list-link-01 li a:hover span, .list-link-01 li a:focus span { color: #2a95ff; }
.list-link-01.column-04 li { width: 25%; }

.btn-dev-01 { width: 636px; float: left; }
.btn-dev-01 .btn-list-01 { margin-bottom: 30px; margin-right: -20px; }
.btn-dev-01 .btn-list-01 li { margin-right: 12px; margin-bottom: 12px; float: left; width: 312px; }
.btn-dev-01 .btn-list-01 li a { position: relative; }
.btn-dev-01 .btn-list-01 li a img { display: block; }
.btn-dev-01 .btn-list-01 li a div { display: none; }
.btn-dev-01 .btn-list-01 li.style-01 a { background: #e81123; }
.btn-dev-01 .btn-list-01 li.style-01 a:hover, .btn-dev-01 .btn-list-01 li.style-01 a:focus { background: #F6152A; }
.btn-dev-01 .btn-list-01 li.style-02 a { background: #68217a; }
.btn-dev-01 .btn-list-01 li.style-02 a:hover, .btn-dev-01 .btn-list-01 li.style-02 a:focus { background: #7E2893; }
.btn-dev-01 .btn-list-01 li.style-03 a { background: #00b294; }
.btn-dev-01 .btn-list-01 li.style-03 a:hover, .btn-dev-01 .btn-list-01 li.style-03 a:focus { background: #00C7A8; }
.btn-dev-01 .btn-list-01 li.style-04 a { background: #ff8c00; }
.btn-dev-01 .btn-list-01 li.style-04 a:hover, .btn-dev-01 .btn-list-01 li.style-04 a:focus { background: #FF9F00; }

.btn-dev-01 .btn-list-01 h2 { margin-right: 12px; margin-bottom: 12px; float: left; width: 312px; font-weight: normal; }
.btn-dev-01 .btn-list-01 h2 a { position: relative; }
.btn-dev-01 .btn-list-01 h2 a img { display: block; }
.btn-dev-01 .btn-list-01 h2 a div { display: none; }
.btn-dev-01 .btn-list-01 h2.style-01 a { background: #e81123; }
.btn-dev-01 .btn-list-01 h2.style-01 a:hover, .btn-dev-01 .btn-list-01 h2.style-01 a:focus { background: #F6152A; }
.btn-dev-01 .btn-list-01 h2.style-02 a { background: #68217a; }
.btn-dev-01 .btn-list-01 h2.style-02 a:hover, .btn-dev-01 .btn-list-01 h2.style-02 a:focus { background: #7E2893; }
.btn-dev-01 .btn-list-01 h2.style-03 a { background: #00b294; }
.btn-dev-01 .btn-list-01 h2.style-03 a:hover, .btn-dev-01 .btn-list-01 h2.style-03 a:focus { background: #00C7A8; }
.btn-dev-01 .btn-list-01 h2.style-04 a { background: #ff8c00; }
.btn-dev-01 .btn-list-01 h2.style-04 a:hover, .btn-dev-01 .btn-list-01 h2.style-04 a:focus { background: #FF9F00; }

/*--- link --------------*/
.link-01 { margin-bottom: 1em; }
.link-01 a { background: url(img/icon-arw_01.gif) 0 0.38em no-repeat; padding-left: 13px; }
.link-01.red a { padding: 0; background: none; color: #E60F21; }
.link-01.ftl li { float: left; margin-right: 1em; }

.link-02 { text-align: center; }
.link-02 a { font-size: 18px; color: #000; }
.link-02 a br { display: none; }

.list-ftr-01 { margin-bottom: 1em; }

/*
.btn-movie-01 { position: relative; margin-top: -50px; padding-right: 30px; display: block; }
.btn-movie-01 span { position: relative; }
.btn-movie-01 a > span:after, .btn-movie-01 span span:before, .btn-movie-01 span span:after { content: ""; display: block; position: absolute; top: 50%; right: -20px; }
.btn-movie-01 > a { display: block; position: relative; font-size: 20px; color: #fff; width: 220px; padding: 15px 20px 15px 0; text-align: center; border: 1px solid #e51400; float: right; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ee7169), color-stop(50%, #ee7169), color-stop(51%, #e51400), color-stop(100%, #e51400)); background-image: -webkit-linear-gradient(top, #ee7169 0%, #ee7169 50%, #e51400 51%, #e51400 100%); background-image: -moz-linear-gradient(top, #ee7169 0%, #ee7169 50%, #e51400 51%, #e51400 100%); background-image: -o-linear-gradient(top, #ee7169 0%, #ee7169 50%, #e51400 51%, #e51400 100%); background-image: linear-gradient(top, #ee7169 0%, #ee7169 50%, #e51400 51%, #e51400 100%); -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.btn-movie-01 > a:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa998f), color-stop(50%, #fa998f), color-stop(51%, #e51400), color-stop(100%, #e51400)); background-image: -webkit-linear-gradient(top, #fa998f 0%, #fa998f 50%, #e51400 51%, #e51400 100%); background-image: -moz-linear-gradient(top, #fa998f 0%, #fa998f 50%, #e51400 51%, #e51400 100%); background-image: -o-linear-gradient(top, #fa998f 0%, #fa998f 50%, #e51400 51%, #e51400 100%); background-image: linear-gradient(top, #fa998f 0%, #fa998f 50%, #e51400 51%, #e51400 100%); }
.btn-movie-01 > a:after { width: 100%; content: ""; display: block; position: absolute; height: 14px; left: 0; bottom: -16px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9cac6), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(top, #f9cac6 0%, #ffffff 100%); background-image: -moz-linear-gradient(top, #f9cac6 0%, #ffffff 100%); background-image: -o-linear-gradient(top, #f9cac6 0%, #ffffff 100%); background-image: linear-gradient(top, #f9cac6 0%, #ffffff 100%); -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }
.btn-movie-01 > a > span:after { width: 13px; height: 2px; margin-top: -1px; background: #fff; }
.btn-movie-01 > a > span span:after { width: 22px; height: 22px; border: 2px solid #fff; margin: -14px 0 0; right: -27px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; }
.btn-movie-01 > a > span span:before { width: 7px; height: 7px; border-width: 0 2px 2px 0; border-style: solid; border-color: #fff; margin-top: -4px; background: transparent; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.btn-movie-01.ie > a { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEE7169', endColorstr='#FFE51400'); -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
.btn-movie-01.ie > a:hover { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFA998F', endColorstr='#FFE51400'); }
*/

.btn-image-01 { marign: 0 5px 20px; text-align: center; }
.btn-image-01 img { max-width: 100%; height: auto; }

.btn-01 { display: none; margin: 0 5px 30px; }
.btn-01 br { display: none; }
.btn-01 a { display: block; margin: 0 auto; max-width: 530px; text-align: center; font-size: 16px; color: #fff; padding: 1em 0; position: relative; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4c74b2), color-stop(50%, #4c74b2), color-stop(51%, #1c54aa), color-stop(100%, #1c54aa)); background-image: -webkit-linear-gradient(top, #4c74b2 0%, #4c74b2 50%, #1c54aa 51%, #1c54aa 100%); background-image: -moz-linear-gradient(top, #4c74b2 0%, #4c74b2 50%, #1c54aa 51%, #1c54aa 100%); background-image: -o-linear-gradient(top, #4c74b2 0%, #4c74b2 50%, #1c54aa 51%, #1c54aa 100%); background-image: linear-gradient(top, #4c74b2 0%, #4c74b2 50%, #1c54aa 51%, #1c54aa 100%); border: 1px solid #0047b7; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.btn-01 a:after { content: ""; display: block; position: absolute; top: 50%; right: 27px; width: 13px; height: 2px; margin-top: -1px; background: #fff; }
.btn-01 a span:after { content: ""; display: block; position: absolute; top: 50%; right: 20px; width: 22px; height: 22px; border: 2px solid #fff; margin: -13px 0 0; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; }
.btn-01 a span:before { content: ""; display: block; position: absolute; top: 50%; right: 25px; width: 7px; height: 7px; border-width: 0 2px 2px 0; border-style: solid; border-color: #fff; margin-top: -5px; background: transparent; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.btn-01 a:hover, .btn-01 a:focus { border: 1px solid #e51400; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ee7169), color-stop(50%, #ee7169), color-stop(51%, #e51400), color-stop(100%, #e51400)); background-image: -webkit-linear-gradient(top, #ee7169 0%, #ee7169 50%, #e51400 51%, #e51400 100%); background-image: -moz-linear-gradient(top, #ee7169 0%, #ee7169 50%, #e51400 51%, #e51400 100%); background-image: -o-linear-gradient(top, #ee7169 0%, #ee7169 50%, #e51400 51%, #e51400 100%); background-image: linear-gradient(top, #ee7169 0%, #ee7169 50%, #e51400 51%, #e51400 100%); }

body#index .link-home-01 { display: none; }

.link-home-01 { text-align: center; margin: 20px 0; display: none; padding: 1.2em 0; }
.link-home-01 a { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; border: 1px solid #E9E9E9; position: relative; padding: 10px 10px 10px 25px; background: #fff; }
.link-home-01 a:before { content: ""; display: block; position: absolute; top: 50%; left: 8px; border-style: solid; border-color: transparent; border-width: 8px 7px; border-bottom-color: #2F76B9; margin-top: -16px; background: transparent; }
.link-home-01 a:after { content: ""; display: block; position: absolute; top: 50%; left: 10px; width: 2px; height: 4px; border-style: solid; border-color: #2F76B9 #2F76B9 transparent; border-width: 3px 4px 0; margin-top: 0; background: transparent; }

.btn-app-01 { position: relative; margin: -80px 0 0; padding-right: 44px; }
.btn-app-01 a { float: right; }

.btn-more-01 { display: none; }
.btn-more-01 a { position: relative; color: #333; }
.btn-more-01 a:before, .btn-more-01 a span:after, .btn-more-01 a span:before { content: ""; display: block; position: absolute; top: 50%; }
.btn-more-01 a:before { z-index: 10; left: 7px; width: 4px; height: 4px; background: #5c5c5c; margin-top: -5px; }
.btn-more-01 a span { padding-left: 20px; font-size: 14px; }
.btn-more-01 a span:before { width: 14px; left: 0px; height: 14px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; border: 2px solid #5c5c5c; margin-top: -10px; }
.btn-more-01 a span:after { border-style: solid; background: transparent; left: 5px; border-width: 5px 4px 0; border-color: #5c5c5c transparent; margin-top: -1px; }
.btn-more-01 .view:before { margin-top: -1px; }
.btn-more-01 .view span:after { margin-top: -6px; border-width: 0 4px 5px; }

/*--- toggle -------------------*/
.sct-toggle-01 { margin: 0; }
.sct-toggle-01 .titles { font-size: 12px; position: relative; background: #1570a6; border-bottom: 1px solid #fff; margin: 0; }
.sct-toggle-01 .titles a { display: block; padding: 1em 0 1em 25px; color: #fff; }
.sct-toggle-01 .titles.view a, .sct-toggle-01 .titles a:hover { background: #2e8fc8; }
.sct-toggle-01 .titles:before, .sct-toggle-01 .titles:after, .sct-toggle-01 .titles a:before, .sct-toggle-01 .titles a:after { content: ""; left: 0; position: absolute; top: 50%; }
.sct-toggle-01 .titles a:before { width: 12px; height: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; border: 2px solid #d0e2ed; margin: -9px 0 0; left: 5px; }
.sct-toggle-01 .titles a:after { left: 9px; width: 8px; height: 2px; margin-top: -2px; background: #d0e2ed; }
.sct-toggle-01 .titles:before { z-index: 10; left: 12px; width: 2px; height: 8px; margin-top: -5px; background: #d0e2ed; }
.sct-toggle-01 .titles.view:before { display: none; }

.toggles-01 { margin-bottom: 10px; }

.list-plan-01 { background: #e9e9e9; margin-left: -1px; }
.list-plan-01.col-1 li { float: none; width: 100%; }
.list-plan-01.col-1 li .wrap { padding: 12px 0; }
.list-plan-01 li { float: left; width: 33.3%; }
.list-plan-01 li .wrap, .list-plan-01 li .titles-01, .list-plan-01 li .explain-01 { display: block; }
.list-plan-01 li .wrap { border-left: 1px solid #fff; padding: 3px; }
.list-plan-01 li .titles-01 { margin-bottom: 5px; }
.list-plan-01 li .explain-01 { text-align: right; font-size: 12px; font-color: #505050; }
.list-plan-01 li em { font-size: 14px; font-weight: 700; }
.list-plan-01 li .smaller { font-size: 8px; }
.list-plan-01 li .small { font-size: 10px; }
.list-plan-01 li .red { display: block; font-size: 9px; /*text-align: center;*/ }
.list-plan-01 li.forwindows .titles-01 { color: #0072c6; }
.list-plan-01 li.forfx .titles-01 { color: #c90066; }
.list-plan-01 li.stadard .titles-01 { color: #97be07; }

/*box*/
.block-seminar-01 { float: right; background: #bad80a; width: 312px; }
.block-seminar-01 .title { color: #fff; font-size: 18px; font-weight: normal; padding: 5px 5px 0; margin: 0; }
.block-seminar-01 .inner { padding: 6px; }
.block-seminar-01 ul { background: #fff; padding: 14px; min-height: 238px; }
.block-seminar-01 ul li { font-size: 12px; margin-bottom: 8px; }
.block-seminar-01 ul li:last-child { margin-bottom: 0; }
.block-seminar-01 ul li a { font-size: 14px; }

.lyt-image-01 .image img { max-width: 100%; height: auto; }
.lyt-image-01.img-l .image { float: left; }
.lyt-image-01.img-l h2, .lyt-image-01.img-l .content { float: right; }
.lyt-image-01.img-r .image { float: right; }
.lyt-image-01.img-r h2, .lyt-image-01.img-r .content { float: left; }
.lyt-image-01.first h2 { float: none; width: auto; }
.lyt-image-01 h2 { width: 490px; }
.lyt-image-01 .image { width: 442px; }
.lyt-image-01 .content { width: 490px; display: block; }

.lyt-block-01 { margin-bottom: 40px; }
.lyt-block-01 .block-l { float: left; width: 312px; }
.lyt-block-01 .block-l .titles { font-weight: normal; width: 312px; display: table-cell; height: 120px; vertical-align: middle; font-size: 14px; color: #fff; text-align: center; }
.lyt-block-01 .block-l .titles.style-01 { background: #EC0092; }
.lyt-block-01 .block-l .titles.style-02 { background: #BAD80A; }
.lyt-block-01 .block-l .titles.style-03 { background: #00BCF2; }
.lyt-block-01 .block-r { float: right; width: 610px; }

/*common class*/
.date { display: block; margin-bottom: 3px; }

.hidden { visibility: hidden; margin: 0 !important; height: 0 !important; overflow: hidden; }

.section { margin-bottom: 20px; }

.line-01 { border-bottom: 1px solid #e1e1e1; }

.section.line-01 { padding-bottom: 15px; }

img.icon-pc { vertical-align: middle; margin-left: 3px; }

.icon-new-01 { background: #E81123; color: #fff; font-size: 8px; padding: 0 3px; display: inline-block; }

.talign-l { text-align: left !important; }

.talign-c { text-align: center !important; }

.talign-r { text-align: right !important; }

.oln-01 { text-decoration: line-through; }

/*common banner*/
.usa-pc, .usa-sp { text-align: center; }

.usa-sp { display: none; }

/*style adjust*/
.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.ml0 { margin-bottom: 0px !important; }
.ml5 { margin-bottom: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.mr0 { margin-right: 0px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }

@media only screen and (max-width: 959px) { .not-pc { display: block; }
  #gnav > li > a { padding: 1em 1.2em; }
  #gnav > li > a.has-sub span:after { display: none; }
  header { padding-top: 10px; margin: 5px 5px 12px; }
  header p.btn-login-01 { top: -5px; right: -5px; }
  /*#cmn_head { display: none!important; }*/
  #gmoheader { display: none !important; }
  body { top: 0 !important; }
  #gmospfooter { display: block!important; }
  footer .nav-footer-01 { margin-bottom: 30px; background: #e9e9e9; }
  footer .list-socialbtn-01 { display: block; }
  footer #footer-cont-01 { border: none; }
  #gmogroupfooter { display: none!important; }
  .tab-area-01 .tab-contents-01 { padding: 10px; }
  .plans { float: none; width: 100%; margin-right: 0; }
  .plans .btn-plan-01, .plans .list-link-01 { display: block; }
  .plans .btn-planpc-01, .plans .list-ftr-01, .plans .hdg-norm-01, .plans .link-01, .plans p.red, .plans .equlizer { display: none; }
  .plans .btn-plan-01 { margin: 0; }
  #top-news .scn-news-01 { float: left; width: 48%; margin: 0 !important; }
  #top-news .scn-news-01:nth-child(odd) { float: right; }
  /*- mainvisual -------*/
  .main-visual { display: none; }
  .main-visual-sp { display: block; }
  body#index .main-visual-sp { display: block; }
  
  .btn-movie-01, #lyr1, .tab-area-01 .list-socialbtn-01, #flash-area, .nav-footer-02 { display: none!important; }
  .list-fuc-01 { margin-left: -3px; margin-bottom: 15px; display: block; }
  .list-fuc-01 li { float: left; width: 33.3%; background: #e9e9e9; margin-bottom: 3px; }
  .list-fuc-01 li span { display: block; padding: 0.5em 0; text-align: center; border-left: 3px solid #fff; }
  .list-fuc-01 li span em { display: block; margin-top: 5px; }
  .btn-dev-01 { margin: 0 5px 30px; width: auto; float: none; }
  .btn-dev-01 .btn-list-01 { margin-bottom: 30px; margin-right: 0; }
  .btn-dev-01 .btn-list-01 li { /*float: none;*/ float: left; width: 49%; margin-right: 0; }
  .btn-dev-01 .btn-list-01 li a { font-size: 18px; color: #fff; display: block; width: auto; padding-left: 150px; }
  .btn-dev-01 .btn-list-01 li a img { display: none; }
  .btn-dev-01 .btn-list-01 li a div { display: table-cell; height: 180px; vertical-align: middle; }
  .btn-dev-01 .btn-list-01 li a:before, .btn-dev-01 .btn-list-01 li a:after { content: ""; display: block; position: absolute; background-image: url("img/stripe.png"); background-repeat: no-repeat; }
  .btn-dev-01 .btn-list-01 li a:before { background-position: 0 -148px; width: 70px; height: 64px; top: 50%; left: 38px; margin-top: -32px; }
  .btn-dev-01 .btn-list-01 li a:after { right: 0!important; bottom: 0; width: 52px; height: 50px; background-position: 0 -82px; }
  .btn-dev-01 .btn-list-01 li:nth-child(even) { float: right; }
  .btn-dev-01 .btn-list-01 li.style-01 a:before { background-position: 0 -148px; }
  .btn-dev-01 .btn-list-01 li.style-02 a { padding-left: 200px; }
  .btn-dev-01 .btn-list-01 li.style-02 a:before { background-position: -70px -148px; width: 156px; left: 20px; }
  .btn-dev-01 .btn-list-01 li.style-03 a:before { background-position: -226px -148px; }
  .btn-dev-01 .btn-list-01 li.style-04 a:before { background-position: -296px -148px; }
  
  .btn-dev-01 .btn-list-01 h2 { /*float: none;*/ float: left; width: 49%; margin-right: 0; }
  .btn-dev-01 .btn-list-01 h2 a { font-size: 18px; color: #fff; display: block; width: auto; padding-left: 150px; }
  .btn-dev-01 .btn-list-01 h2 a img { display: none; }
  .btn-dev-01 .btn-list-01 h2 a div { display: table-cell; height: 180px; vertical-align: middle; }
  .btn-dev-01 .btn-list-01 h2 a:before, .btn-dev-01 .btn-list-01 li a:after { content: ""; display: block; position: absolute; background-image: url("img/stripe.png"); background-repeat: no-repeat; }
  .btn-dev-01 .btn-list-01 h2 a:before { background-position: 0 -148px; width: 70px; height: 64px; top: 50%; left: 38px; margin-top: -32px; }
  .btn-dev-01 .btn-list-01 h2 a:after { right: 0!important; bottom: 0; width: 52px; height: 50px; background-position: 0 -82px; }
  .btn-dev-01 .btn-list-01 h2:nth-child(even) { float: right; }
  .btn-dev-01 .btn-list-01 h2.style-01 a:before { background-position: 0 -148px; }
  .btn-dev-01 .btn-list-01 h2.style-02 a { padding-left: 200px; }
  .btn-dev-01 .btn-list-01 h2.style-02 a:before { background-position: -70px -148px; width: 156px; left: 20px; }
  .btn-dev-01 .btn-list-01 h2.style-03 a:before { background-position: -226px -148px; }
  .btn-dev-01 .btn-list-01 h2.style-04 a:before { background-position: -296px -148px; }
  
  
  .btn-image-01 { display: none; }
  .btn-image-01.ie { display: block; }
  .btn-01 { display: block; }
  .btn-01.ie { display: none; }
  .btn-scroll-01, .btn-app-01 { display: none; }
  .block-seminar-01 { float: none; background: #bad80a; width: auto; margin: 0 5px 30px; }
  .block-seminar-01 .inner { padding: 6px; }
  .block-seminar-01 ul { background: #fff; padding: 14px; min-height: 238px; }
  .block-seminar-01 ul li { font-size: 12px; margin-bottom: 8px; }
  .block-seminar-01 ul li:last-child { margin-bottom: 0; }
  .block-seminar-01 ul li a { font-size: 14px; }
  .lyt-image-01.first h2 { float: left; }
  .lyt-image-01 h2 { width: 48% !important; }
  .lyt-image-01 .image { width: 48%; }
  .lyt-image-01 .content { width: 48%; }
  .lyt-block-01 .block-l { float: none; width: auto; }
  .lyt-block-01 .block-l .titles { font-weight: normal; width: auto; display: block; height: auto; margin-bottom: 20px; padding: 15px; font-size: 120%; text-align: left; }
  .lyt-block-01 .block-l .titles br { display: none; }
  .lyt-block-01 .block-r { float: none; width: auto; } }
@media only screen and (min-width :0px) and (max-width :320px), only screen and (min-width :320px) and (max-width :360px), only screen and (min-width :360px) and (max-width :480px), only screen and (min-width :480px) and (max-width :720px) { /*-- structure ------------*/
  body { font-size: 12px; }
  .section { margin: 5px; }
  p { font-size: 12px; }
  h2 + section, h3 + section, p + section { margin-bottom: 10px; }
  /*=== layout ==============*/
  /*- footer -------*/
  footer #footer-cont-01 p.copyright { margin: 10px 0; font-size: 8px; text-align: center; float: none; }
  /*=== modules ==============*/
  /*--- heading -------------------*/
  .main-visual-sp li.p02 a:after { width: 27px; height: 26px; background-image: url("img/stripe.png"); background-repeat: no-repeat; -moz-background-size: 200px 200px; -webkit-background-size: 200px 200px; background-size: 200px 200px; background-position: 0 -48px; top: 0; }
  .hdg-norm-01 { font-size: 12px; margin-bottom: 10px; }
  .hdg-l2-01 { font-size: 18px; margin-bottom: 10px; }
  .add-cnts-01 .hdg-l3-01 { padding-left: 25px; position: relative; font-size: 14px; margin-bottom: 10px; }
  .add-cnts-01 .hdg-l3-01:before { content: ""; display: block; width: 21px; height: 21px; top: 0; left: 0; position: absolute; background-image: url("img/stripe.png"); background-repeat: no-repeat; -moz-background-size: 200px 200px; -webkit-background-size: 200px 200px; background-size: 200px 200px; }
  .add-cnts-01 .hdg-l3-01.tag:before { background-position: 0 0; }
  .add-cnts-01 .hdg-l3-01.man:before { background-position: -21px 0; }
  .add-cnts-01 .hdg-l3-01.pig:before { background-position: -42px 0; }
  .add-cnts-01 .hdg-l3-01.box:before { background-position: -63px 0; }
  .add-cnts-01 .hdg-l3-01 a, .add-cnts-01 .hdg-l3-01 span { background: none !important; padding: 0 !important; line-height: 1.5 !important; }
  .plans .btn-plan-01:after { width: 27px; height: 26px; background-image: url("img/stripe.png"); background-repeat: no-repeat; -moz-background-size: 200px 200px; -webkit-background-size: 200px 200px; background-size: 200px 200px; background-position: 0 -48px; top: 0; }
  .plans .btn-plan-01 a h2:before { width: 21px; height: 20px; background-image: url("img/stripe.png"); background-repeat: no-repeat; -moz-background-size: 200px 200px; -webkit-background-size: 200px 200px; background-size: 200px 200px; margin-top: -12px; }
  .plans.forwindow .btn-plan-01 h2:before { background-position: 0 -21px; }
  .plans.forfx .btn-plan-01 h2:before { background-position: -21px -21px; width: 20px; }
  .plans.standard .btn-plan-01 h2:before { background-position: -41px -21px; }
  .plans .btn-plan-01 a h2 span { font-size: 10px; }
  .plans .btn-plan-01 a h2 { padding-left: 28px; padding-bottom: 0 !important; border: none; } }
@media only screen and (max-width:720px) { .plans .btn-plan-01 dl.explain-01 * { font-size: 100%; }
  header p.btn-login-01, header .header-nav-01 { display: none; }
  footer .nav-footer-01 { padding: 10px !important; background: #e9e9e9 !important; }
  footer .nav-footer-01 > li { float: left; width: 50%; margin-right: 0; }
  footer .nav-footer-01 > li:nth-child(odd) { clear: left; }
  .tab-area-01 .tab-contents-01 { padding: 0px; border: none; }
  .add-cnts-01 > * { width: auto !important; float: none; margin-bottom: 15px; }
  .add-cnts-01 > p { padding: 0; }
  #gnav { text-align: center; margin-bottom: 10px; border: none; }
  #gnav li { float: none; display: inline-block; margin: 0 2px; border: 1px solid #c8c8c8; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; }
  #gnav li a { font-size: 10px; display: inline-block; white-space: nowrap; border: 1px solid #fff; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e7e7e7)); background-image: -webkit-linear-gradient(top, #ffffff 0%, #e7e7e7 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #e7e7e7 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #e7e7e7 100%); background-image: linear-gradient(top, #ffffff 0%, #e7e7e7 100%); padding: 0.8em; }
  #gnav li.home { display: none; }
  #gnav.ie li { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
  #gnav.ie li a { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE7E7E7'); }
  /*--- tab -------------------*/
  .tab-area-01 .tab-nav-01 { margin-bottom: 10px; }
  .tab-area-01 .tab-nav-01 li { margin: 0; width: 33.3%; border: none; }
  .tab-area-01 .tab-nav-01 li span { border-right: none; border-left: 1px solid #C8C8C8; }
  .tab-area-01 .tab-nav-01 li span a { font-size: 12px; }
  .btn-dev-01 .btn-list-01 li, .btn-dev-01 .btn-list-01 h2 { float: none !important; width: auto; }
  .link-home-01 { display: block; }
  .nav-fuc-01 { display: none; }
  body#sub #gnav, #sub-nav-01, .nav-fuc-01 { display: none; }
  .lyt-image-01 .content { display: none; }
  .lyt-image-01 .content.view { display: block; }
  .lyt-image-01.img-l .btn-more-01 { float: right; }
  .lyt-image-01.img-r .btn-more-01 { float: left; }
  .lyt-image-01 .btn-more-01 { display: block; width: 48%; }
  .lyt-image-01 .content { width: auto; float: none !important; clear: both; }
  .tbl-spec-01 { display: none; }
  .toggle-area-01.spec-area { display: block; }
  .list-fuc-01 { margin-left: 1px; }
  .list-fuc-01 li { float: none; width: auto; padding: 10px; }
  .list-fuc-01 li span { font-size: 14px; font-weight: bold; display: inline; border: none !important; }
  .list-fuc-01 li span em { display: inline; font-weight: normal; padding-left: 0.5em; }
  .list-fuc-01 li span em:before { content: ":"; margin-right: 0.5em; } }
@media only screen and (max-width:640px) { .main-visual-01 { display: none; }
  .main-visual-sp { font-size: 20px; }
  .list-pymt-01 li.credit { width: 27%; }
  .list-pymt-01 li.credit img { width: 73px; }
  .list-pymt-01 li.convenience { width: 33%; }
  .list-pymt-01 li.convenience img { width: 82px; }
  .list-pymt-01 li.banking { width: 40%; }
  #top-news { padding-bottom: 20px; }
  #top-news .scn-news-01 { float: none !important; width: 100%; margin: 0 !important; }
  .btn-01 a span { padding-right: 20px; }
  .main-ms-01:after { right: -140px; top: 30px; }
  .main-ms-01 span { padding: 75px 0 75px 20px; }
  /*common banner*/
  .usa-pc { display: none; }
  .usa-sp { display: block; } }
@media only screen and (max-width:520px) { .link-02 { text-align: left; padding: 0 10px; }
  .link-02 a br { display: block; }
  .plans .btn-plan-01:after { width: 27px; height: 26px; background-image: url("img/stripe.png"); background-repeat: no-repeat; -moz-background-size: 200px 200px; -webkit-background-size: 200px 200px; background-size: 200px 200px; background-position: 0 -48px; top: 0; }
  .plans .btn-plan-01 a h2 { padding-left: 28px; padding-bottom: 0 !important; border: none; }
  .plans .btn-plan-01 a h2:before { width: 21px !important; height: 20px !important; background-image: url("img/stripe.png"); background-repeat: no-repeat; -moz-background-size: 200px 200px; -webkit-background-size: 200px 200px; background-size: 200px 200px; margin-top: -12px; }
  .plans .btn-plan-01 a h2 span { font-size: 10px; }
  .plans.forwindow .btn-plan-01 a h2:before { background-position: 0 -21px; }
  .plans.forfx .btn-plan-01 a h2:before { background-position: -21px -21px; width: 20px; }
  .plans.standard .btn-plan-01 a h2:before { background-position: -41px -21px; } }
@media only screen and (max-width:479px) { #gnav li a { font-size: 8px !important; padding: 0.5em 0.5em; }
  .tab-area-01 .tab-nav-01 li span a { font-size: 10px; }
  header { /*- header -------*/ }
  header .logo { margin-right: 10px; }
  header .logo img { width: 77px; display: block; }
  header .text-01 { display: none; }
  header .btn-show-01 { float: right; position: relative; padding-left: 26px; font-size: 12px; display: block; }
  header .btn-show-01 a:before, header .btn-show-01 a:after { content: ""; position: absolute; left: 8px; top: 0.1em; width: 12px; height: 2px; border-width: 6px 0; border-style: double; border-color: #2F76B9; background: transparent; }
  header .btn-show-01 a:after { left: 4px; width: 2px; }
  footer .nav-footer-01 > li { float: none; width: 100%; margin-right: 0; }
  #sub-gnav { display: none; width: 100%; margin-bottom: 20px; }
  #sub-gnav.show { display: block; }
  #sub-gnav li { border-top: 1px solid #fff; background: #2F76B9; position: relative; }
  #sub-gnav span.wrap { display: block; position: relative; }
  #sub-gnav li.view .more span:after { border-width: 0 4px 5px; margin-top: -4px; }
  #sub-gnav li.view .more:before { margin-top: 1px; }
  #sub-gnav a { display: block; padding: 1em 1em 1em 1.5em; color: #fff; position: relative; }
  #sub-gnav a:before { position: absolute; content: ""; display: block; top: 50%; left: 4px; border: 8px solid transparent; border-width: 3px 5px; border-left-color: #fff; margin-top: -4px; background: transparent; }
  #sub-gnav a:hover, #sub-gnav a:focus { background: #2E8FC8; }
  #sub-gnav li li a { padding-left: 2.5em; }
  #sub-gnav li li a:before { left: 12px; }
  #sub-gnav .more { display: block; position: absolute; height: 100%; right: 0; top: 0; width: 20%; text-indent: -9999px; cursor: pointer; z-index: 20; }
  #sub-gnav .more:before, #sub-gnav .more:after, #sub-gnav .more span:before, #sub-gnav .more span:after { position: absolute; content: ""; display: block; top: 50%; }
  #sub-gnav .more:before { z-index: 10; right: 12px; width: 4px; height: 4px; background: #fff; margin-top: -3px; }
  #sub-gnav .more span:before { width: 14px; right: 5px; height: 14px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; border: 2px solid #fff; margin-top: -8px; }
  #sub-gnav .more span:after { border-style: solid; background: transparent; right: 10px; border-width: 5px 4px 0; border-color: #fff transparent; margin-top: 1px; }
  .btn-dev-01 .btn-list-01 li a { font-size: 16px; padding-left: 75px; }
  .btn-dev-01 .btn-list-01 li a img { display: none; }
  .btn-dev-01 .btn-list-01 li a div { height: 120px; }
  .btn-dev-01 .btn-list-01 li a:before, .btn-dev-01 .btn-list-01 li a:after { background-image: url("img/stripe.png"); background-repeat: no-repeat; -moz-background-size: 200px 200px; -webkit-background-size: 200px 200px; background-size: 200px 200px; }
  .btn-dev-01 .btn-list-01 li a:before { background-position: 0 -74px; width: 35px; height: 32px; top: 50%; left: 19px; margin-top: -16px; }
  .btn-dev-01 .btn-list-01 li a:after { right: 0!important; bottom: 0; width: 26px; height: 25px; background-position: 0 -41px; }
  .btn-dev-01 .btn-list-01 li.style-01 a:before { background-position: 0 -74px; }
  .btn-dev-01 .btn-list-01 li.style-02 a { padding-left: 100px; }
  .btn-dev-01 .btn-list-01 li.style-02 a:before { background-position: -35px -74px; width: 78px; left: 10px; }
  .btn-dev-01 .btn-list-01 li.style-03 a:before { background-position: -113px -74px; }
  .btn-dev-01 .btn-list-01 li.style-04 a:before { background-position: -148px -74px; }
  .btn-dev-01 .btn-list-01 h2 a { font-size: 16px; padding-left: 75px; }
  .btn-dev-01 .btn-list-01 h2 a img { display: none; }
  .btn-dev-01 .btn-list-01 h2 a div { height: 120px; }
  .btn-dev-01 .btn-list-01 h2 a:before, .btn-dev-01 .btn-list-01 li a:after { background-image: url("img/stripe.png"); background-repeat: no-repeat; -moz-background-size: 200px 200px; -webkit-background-size: 200px 200px; background-size: 200px 200px; }
  .btn-dev-01 .btn-list-01 h2 a:before { background-position: 0 -74px; width: 35px; height: 32px; top: 50%; left: 19px; margin-top: -16px; }
  .btn-dev-01 .btn-list-01 h2 a:after { right: 0!important; bottom: 0; width: 26px; height: 25px; background-position: 0 -41px; }
  .btn-dev-01 .btn-list-01 h2.style-01 a:before { background-position: 0 -74px; }
  .btn-dev-01 .btn-list-01 h2.style-02 a { padding-left: 100px; }
  .btn-dev-01 .btn-list-01 h2.style-02 a:before { background-position: -35px -74px; width: 78px; left: 10px; }
  .btn-dev-01 .btn-list-01 h2.style-03 a:before { background-position: -113px -74px; }
  .btn-dev-01 .btn-list-01 h2.style-04 a:before { background-position: -148px -74px; }
  .btn-01 br { display: block; }
  .list-link-01 li a span { font-size: 10px; }
  .list-link-01 li a span:before { font-size: 10px; } }
@media only screen and (max-width:400px) { .tab-area-01 .tab-nav-01 li span a { font-size: 8px; }
  .lyt-block-01 .block-l .titles { padding: 15px; font-size: 100%; text-align: center; }
  .lyt-block-01 .block-l .titles br { display: block; }
  .list-plan-01 li .titles-01 { font-size: 10px; } }
@media only screen and (max-width: 360px) { .plans .btn-plan-01 dl.explain-01 * { font-size: 75%; }
  .list-plan-01 li .titles-01 { font-size: 9px; }
  .list-link-01 li a span { font-size: 9px; }
  .list-link-01 li a span:before { font-size: 8px; } }
/* ===== Clear Fix ===== */
.clearfix, header, #top-news, #footer-cont-01, #gnav, #sub-nav-01, .add-cnts-01, .btn-movie-01, .nav-footer-01, .nav-footer-02, .tab-nav-01, .list-socialbtn-01, .list-pymt-01, .list-img-01, .list-plan-01, .list-link-01, dl.explain-01, .list-fuc-01, .nav-footer-01, .plans-area-01, .btn-list-01, .columns-01, .nav-fuc-01, .btn-app-01, .lyt-image-01, .lyt-block-01, .link-01.ftl { *zoom: 1; }
.clearfix:after, header:after, #top-news:after, #footer-cont-01:after, #gnav:after, #sub-nav-01:after, .add-cnts-01:after, .btn-movie-01:after, .nav-footer-01:after, .nav-footer-02:after, .tab-nav-01:after, .list-socialbtn-01:after, .list-pymt-01:after, .list-img-01:after, .list-plan-01:after, .list-link-01:after, dl.explain-01:after, .list-fuc-01:after, .nav-footer-01:after, .plans-area-01:after, .btn-list-01:after, .columns-01:after, .nav-fuc-01:after, .btn-app-01:after, .lyt-image-01:after, .lyt-block-01:after, .link-01.ftl:after { content: ""; height: 0; display: block; clear: both; }

/**/
.taxBtn {

}

.taxBtn-sp {
   display: none;
   margin: 0.5em;
   background-color: #bce9f1;
   color:#473ac9;
}
.main-visual-sp li.taxBtn-sp a{
   color:#473ac9;
}
.main-visual-sp li.taxBtn-sp a:hover,
.main-visual-sp li.taxBtn-sp a:focus {
	background: #c4f4fd;
}
.main-visual-sp li.taxBtn-sp a:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background-image: url("img/stripe.png");
	background-repeat: no-repeat;
	background-position: 0 -96px;
}
.main-visual-sp li.taxBtn-sp a:after { width: 27px; height: 26px; background-image: url("img/stripe.png"); background-repeat: no-repeat; -moz-background-size: 200px 200px; -webkit-background-size: 200px 200px; background-size: 200px 200px; background-position: 0 -48px; top: 0; }

@media only screen and (max-width: 640px) {
   .taxBtn {
       display: none;
   }
   .taxBtn-sp {
       display: block;
   }
}