@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
/* color */
/* link-color */
/* table-color */
/* encloser-color */
/*  base--grid  */
/* grid(1265px 8grid 113px:43px) */
/* grid(925px 8grid 85px:35px) */
/* grid(855px 8grid  78px:33px)　コンテンツ最大幅 */
/* grid(575px 8grid  50px:25px) コンテンツ最小幅　*/
/* grid(575px 8grid　165px：43px) */
/* grid(1205px 6grid) */
/* grid(925px 6grid) */
/* grid(855px 6grid 115px:33px) */
/* grid(575px 6grid　75px:25px) */
/* grid-margin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local("Roboto Regular"), local("Roboto-Regular"), url(/shared/palette/font/Roboto-Regular.ttf) format("woff"); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local("Roboto Bold"), local("Roboto-Bold"), url(/shared/palette/font/Roboto-Bold.ttf) format("woff"); }
.wrapper .planCreate, .refundSimulator { padding: 0; text-align: left; }

.css-rollover:hover { opacity: 0.7; }

.icon-margin-left, .icon-xls, .icon-pdf, .icon-zip, .icon-win { margin-left: 6px; }

.icon-margin-right { margin-right: 6px; }

.component__font--red { color: #ff1821; }

.component__font--blue { color: #103184; }

.component__font--black { color: #000000; }

.component__font--bold { font-weight: bold; }

.component__font--normal { font-weight: normal; }

/* Wrapper */
.component__main__Wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 0 15px; width: 100%; }
.component__main__Wrapper p { line-height: 1.8; }
.component__main__Wrapper em { font-style: normal; }
.component__main__Wrapper a:link, .component__main__Wrapper a:visited { color: #008099; text-decoration: none; }
.component__main__Wrapper a:hover, .component__main__Wrapper a:focus { color: #00AACC; }
.component__main__Wrapper a.component__txt--underline { text-decoration: underline; }
.component__main__Wrapper a.component__txt--underline:hover { text-decoration: none; }

.component__width__full { padding: 0; margin: 0 auto; }

.refundSimulator .refundSimulator__yet__btn > a > span, .refundSimulator .simulatorPlan .calculateModule__input__submit .planBtn--add > a > span { color: #ffffff; }

/*  base--grid  */
/* grid(1265px 8grid) */
/* grid(925px 8grid) */
/* grid(855px 8grid) */
/* grid(575px 8grid) */
/* grid(1205px 6grid) */
/* grid(925px 6grid) */
/* grid(855px 6grid) */
/* grid(575px 6grid) */
/* grid-margin */
/*
width　575px　：　25px
width　855px　：　33px
width　925px　：　35px
width　1205px　：　43px
*/
.component__grid__margin--25 { width: 4.34783%; }

.component__grid__margin--33 { width: 3.85965%; }

.component__grid__margin--35 { width: 3.78378%; }

.component__grid__margin--43 { width: 3.56846%; }

/* ----------------------------- header
------------------------------*/
/*  page title  */
.component__header__title--A01 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 30px 0; padding: 0 15px; }
.component__header__title--A01 h1 { border-bottom: 1px solid #c5c5c5; text-align: center; padding: 0 0 15px 0; font-size: 20px; margin: 0; font-size: 2.0rem; font-weight: bold; line-height: 1.4; max-width: 100%; display: block; }
.component__header__title--A01 + .component__main__Wrapper .component__header__type--A01:first-child { margin-top: 40px; }

.page-1column .component__header__title--A01 h1, .m-open .component__header__title--A01 h1 { margin-right: 0; }

/*  header  */
.component__main__Wrapper .circleArrow-aqua a:before { top: 4%; }
.component__main__Wrapper .component__header__type--A01, .component__main__Wrapper .component__header__attention--A01 { text-align: center; margin: 80px 0 30px 0; }
.component__main__Wrapper .component__header__type--A01:first-child, .component__main__Wrapper .component__header__attention--A01:first-child { margin-top: 80px; }
.component__main__Wrapper .component__header__type--A01 > .component__header__subtitle--over, .component__main__Wrapper .component__header__attention--A01 > .component__header__subtitle--over { font-size: 20px; font-size: 2.0rem; color: #103184; margin-bottom: 15px; font-weight: bold; }
.component__main__Wrapper .component__header__type--A01 > .component__header__subtitle--under, .component__main__Wrapper .component__header__attention--A01 > .component__header__subtitle--under { font-size: 20px; font-size: 2.0rem; color: #000000; margin-top: 30px; margin-bottom: 0; font-weight: bold; }
.component__main__Wrapper .component__header__attention--A01 { margin: 60px 0 30px 0; }
.component__main__Wrapper .component__header__attention--A01:first-child { margin-top: 60px; }
.products__header--A01 + .component__main__Wrapper > section:first-child > .component__header__type--A01:first-child, .products__header--A01 + .component__main__Wrapper > section:first-child > .component__header__attention--A01:first-child { margin-top: 40px; }
.component__header__title--A01 + .component__main__Wrapper > section:first-child > .component__header__type--A01:first-child, .component__header__title--A01 + .component__main__Wrapper > section:first-child > .component__header__attention--A01:first-child { margin-top: 40px; }
.component__main__Wrapper .component__header__title--A01 + .component__header__type--A01, .component__main__Wrapper .component__header__title--A01 + .component__header__attention--A01 { margin-top: 40px; }
.component__main__Wrapper .component__header__type--A01 h1, .component__main__Wrapper .component__header__type--A01 h2, .component__main__Wrapper .component__header__type--A01 h3, .component__main__Wrapper .component__header__type--A01 h4, .component__main__Wrapper .component__header__type--A01 h5 { color: #103184; font-size: 22px; font-size: 2.2rem; line-height: 1.318; vertical-align: bottom; border-bottom: 6px solid #b9c0da; display: inline-block; padding-bottom: 6px; margin: 0; }
.component__main__Wrapper .component__header__type--A01 h1 sup, .component__main__Wrapper .component__header__type--A01 h2 sup, .component__main__Wrapper .component__header__type--A01 h3 sup, .component__main__Wrapper .component__header__type--A01 h4 sup, .component__main__Wrapper .component__header__type--A01 h5 sup { font-size: 40%; top: -1.5em; }
.component__main__Wrapper .component__header__attention--A01 h1 { color: #103184; font-size: 22px; font-size: 2.2rem; line-height: 1.318; vertical-align: bottom; border-bottom: 6px solid #b9c0da; display: inline-block; padding-bottom: 10px; margin: 0; }
.component__main__Wrapper .component__header__attention--A01 h1 sup { font-size: 40%; top: -1.5em; }

.products__header__Wrapper + .component__main__Wrapper > .component__header__type--A01:first-child { margin-top: 40px; }

.component__header__type--B01, .component__header__attention--B01 { margin: 50px 0 20px; }
.component__header__type--A01 + .component__header__type--B01, .component__header__type--A01 + .component__header__type--B01 h3, .component__header__type--A01 + .component__header__attention--B01, .component__header__type--A01 + .component__header__attention--B01 h3 { margin-top: 30px; }
.component__header__type--B01 + .component__header__type--B01, .component__header__type--B01 + .component__header__attention--B01 { margin-top: 30px; }
.component__header__type--B01 + .component__header__type--B01, .component__header__attention--B01 + .component__header__type--B01, .component__header__type--B01 + .component__header__attention--B01, .component__header__attention--B01 + .component__header__attention--B01 { margin-top: 30px; }
.component__header__type--B01 + .component__figure--A01, .component__header__attention--B01 + .component__figure--A01 { margin-top: 30px; }

.component__header__type--B01 h1, .component__header__type--B01 h2, .component__header__type--B01 h3, .component__header__type--B01 h4, .component__header__type--B01 h5, .component__header__attention--A01 h2 { line-height: 1.2; font-size: 28px; font-size: 2.8rem; text-align: center; }
.component__header__type--B01 h1 span.component__header__font--big, .component__header__type--B01 h2 span.component__header__font--big, .component__header__type--B01 h3 span.component__header__font--big, .component__header__type--B01 h4 span.component__header__font--big, .component__header__type--B01 h5 span.component__header__font--big, .component__header__attention--A01 h2 span.component__header__font--big { font-size: 160%; }

.component__header__type--B01 h2 { font-size: 22px; font-size: 2.2rem; line-height: 1.4; }

.component__header__type--B01 h3 { font-size: 22px; font-size: 2.2rem; margin: 60px 0 0; }

.component__header__type--B01 h4 { font-size: 20px; font-size: 2.0rem; margin: 0; }

.component__header__type--B01 h5 { font-size: 18px; font-size: 1.8rem; }

.component__header__attention--A01 h2 { font-size: 20px; font-size: 2.0rem; }

.component__header__type--B02 { text-align: center; }
.component__header__type--B02:first-child * { margin-top: 0; }
.component__header__type--B02 h2, .component__header__type--B02 h3, .component__header__type--B02 h4, .component__header__type--B02 h5 { margin: 0 0 20px; font-size: 20px; font-size: 2.0rem; font-weight: bold; line-height: 1.4; color: #000000; }

.component__header__attention--A02 h2 { margin: 0 0 20px; font-size: 20px; font-size: 2.0rem; line-height: 1.4; }

.component__header__attention--A02 h3 { margin: 40px 0 15px; line-height: 1.2; font-size: 16px; font-size: 1.6rem; }

.component__header__attention--A03 h2 { margin: 30px 0 20px; font-size: 20px; font-size: 2.0rem; line-height: 1.4; }

/* block */
.component__block__attention--A01 { margin: 0 auto; width: 100%; }

.component__block__attention--B01 { margin: 80px 0 0; padding: 15px; border: 1px solid #c5c5c5; }

/* txt */
.component__txt--lead, .component__lead--A01 { font-size: 20px; font-size: 2.0rem; line-height: 1.4; }

.component__txt--A01 { font-size: 16px; font-size: 1.6rem; line-height: 1.75; }

.component__txt--A02 { font-size: 12px; font-size: 1.2rem; line-height: 1.83333; }

.component__txt--center { text-align: center; }

.component__txt--left { text-align: left; }

.component__txt--right { text-align: right; }

.component__txt--indent { text-indent: 1em; }

.component__txt--underline { text-decoration: underline; }

.component__txt--break { display: none; }

/* img */
.component__liquid__img { width: 100%; text-align: center; }
.component__liquid__img img { max-width: 100%; vertical-align: bottom; }

/* list
中黒のリスト
（基本的にfontsizeは通常16px、囲みの中等は12px） list--A01 font-size 16px list--A02 font-size 12px list--A03 font-size 16px list-styleなし list--A04 font-size 12px list-styleなし list--A05 font-size 16px list-styleなし sitemapと同じスタイルのリスト

注釈リスト
（基本的にfontsizeは通常14px、囲みの中等は12px） list--B01 font-size 14px ※つき list--B02 font-size 12px　※つき list--B03 font-size 14px　左余白,※無し list--B04 font-size 12px　左余白,※無し list--B05 font-size 14px　※1~9用
 list--C01 font-size 14px list--C02 font-size 12px

定義リスト list--D01 下線なし、DT、DD横並びにしない list--D02 下線あり、DT、DD横並び、ニュース一覧に利用 list--D03 下線なし、DT、DD横並び

*/
/* list fontsize16px */
.component__list--A01 { margin: 30px 0 0 0; padding: 0 0 0 15px; }
.component__list--A01 li { font-size: 16px; font-size: 1.6rem; line-height: 1.5; margin-bottom: 10px; text-align: left; }
.component__list--A01 li:last-child { margin-bottom: 0; }
.component__list--A01 li.circleArrow-aqua { list-style: none inside; text-align: left; }
.component__list--A01 li.circleArrow-aqua.component__txt--left { text-align: left; }
.component__list--A01 li.circleArrow-aqua.component__txt--right { text-align: right; }
.component__list--A01 li .no-liststyle { list-style: none; }
.component__list--A01 li ol { margin-top: 10px; }
.component__list--A01 li ul.component__list--A01, .component__list--A01 li ul.component__list--A02, .component__list--A01 li ul.component__list--B01, .component__list--A01 li ul.component__list--B02 { margin-top: 5px; }
.component__list--A01 li ul.component__list--A01 li, .component__list--A01 li ul.component__list--A02 li, .component__list--A01 li ul.component__list--B01 li, .component__list--A01 li ul.component__list--B02 li { margin-top: 0; }

.component__list--A02 { margin: 0; padding: 0 0 0 25px; }
.component__list--A02 li { font-size: 12px; font-size: 1.2rem; line-height: 1.5; margin-bottom: 5px; }
.component__list--A02 li.circleArrow-aqua { list-style: none; }
.component__list--A02 li:last-child { margin-bottom: 0; }

.component__list--A03 { margin: 0; padding: 0; }
.component__list--A03 li { border-top: 1px dotted #c5c5c5; font-size: 16px; font-size: 1.6rem; line-height: 1.5; margin-bottom: 5px; list-style: none; }
.component__list--A03 li:last-child { margin-bottom: 0; border-bottom: 1px dotted #c5c5c5; }

.component__list--A04 { margin: 0; padding: 0; }
.component__list--A04 li { padding: 0; border-top: 1px dotted #c5c5c5; font-size: 12px; font-size: 1.2rem; line-height: 1.5; margin-bottom: 5px; list-style: none; }
.component__list--A04 li:last-child { margin-bottom: 0; border-bottom: 1px dotted #c5c5c5; }

.component__list--A05 { margin: 0; padding: 0; }
.component__list--A05 li { padding: 0; font-size: 16px; font-size: 1.6rem; line-height: 1.5; margin: 45px 0 5px 0; list-style: none; }
.component__list--A05 li h2 { margin: 0; padding: 0; font-size: 20px; font-size: 2.0rem; }
.component__list--A05 li .circleArrow-aqua a:before { line-height: 1; display: block; content: ""; position: absolute; left: 0; top: 2px; width: 17px; height: 17px; vertical-align: top; background: url(/shared/palette/img/header-circleArrow.png) 0 -60px no-repeat; }
.component__list--A05 li .circleArrow-aqua a:hover:before { background-position: 0 -90px; }
.component__list--A05 li:last-child { margin-bottom: 0; }
.component__list--A05 li:first-child { margin-top: 50px; }
.component__list--A05 li .component__list--A01 { padding: 0; margin: 5px 0 0 12px; }
.component__list--A05 li .component__list--A01 li { padding: 13px 3% 0 0; margin: 0 0 5px 0; list-style: disc inside; float: left; width: 47%; }
.component__list--A05 li .component__list--A01:before, .component__list--A05 li .component__list--A01:after { content: ""; display: table; }
.component__list--A05 li .component__list--A01:after { clear: both; }

/* 注釈リスト　※つき　 */
.component__list--B01, .component__list--B02 { margin: 25px 0 0 0; padding: 0; }
.component__list--B01 + .component__list--A01, .component__list--B02 + .component__list--A01 { margin-top: 30px; }

.component__list--B01 li, .component__list--B02 li { list-style: none; text-align: left; font-size: 14px; font-size: 1.4rem; padding-left: 1.8rem; text-indent: -1.8rem; margin-top: 10px; }
.component__list--B01 li.circleArrow-aqua, .component__list--B02 li.circleArrow-aqua { list-style: none; }
.component__list--B01 li:before, .component__list--B02 li:before { content: '※ '; }

.component__list--B02 li { font-size: 12px; font-size: 1.2rem; padding-left: 1.5rem; text-indent: -1.5rem; }

/* 注釈リスト　※なし　 */
.component__list--B03 { margin: 20px 0 0 0; padding: 0; }
.component__list--B03 li { list-style: none; font-size: 14px; font-size: 1.4rem; line-height: 1.5; margin-bottom: 5px; }
.component__list--B03 li.circleArrow-aqua { list-style: none; }
.component__list--B03 li:last-child { margin-bottom: 0; }

.component__list--B04 { margin: 20px 0 0 0; padding: 0; }
.component__list--B04 li { font-size: 12px; font-size: 1.2rem; line-height: 1.5; margin-bottom: 5px; }
.component__list--B04 li.circleArrow-aqua { list-style: none; }
.component__list--B04 li.circleArrow-aqua a:before { top: -2px; }
.component__list--B04 li:last-child { margin-bottom: 0; }

/* *1,*2とか　*/
.component__list--B05 { margin: 20px 0 0 0; padding: 0; }
.component__list--B05 li { font-size: 14px; font-size: 1.4rem; line-height: 1.5; margin-bottom: 5px; list-style: none; text-indent: -2.5em; padding-left: 2.5em; }
.component__list--B05 li span.marker { margin-right: 0.8em; }
.component__list--B05 li.circleArrow-aqua { list-style: none; }
.component__list--B05 li.circleArrow-aqua a:before { top: -2px; }
.component__list--B05 li:last-child { margin-bottom: 0; }

.component__list--C01 { margin: 25px 0 0 0; padding: 0; }

.component__list--C01 li { list-style: none; font-size: 14px; font-size: 1.4rem; padding-left: 2rem; text-indent: -2rem; }
.component__list--C01 li .component__list-marker { margin-right: 5px; }

.component__list--C02 { margin: 20px 0 0 0; padding: 0; }

.component__list--C02 li { list-style: none; font-size: 12px; font-size: 1.2rem; padding-left: 1.8rem; text-indent: -1.8rem; }

.component__list--C02 li .component__list-marker { margin-right: 5px; }

.component__list--D01 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
.component__list--D01 + .component__list--D01 { margin-top: 0; }
.component__list--D01 + .component__list--D01 dt:first-child { padding-top: 0; }
.component__list--D01 dt { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 13px 0 5px 13px; margin: 0; }
.component__list--D01 dt .list__img { margin: 0; padding: 0; }
.component__list--D01 dd { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 0 10px 13px; margin: 0; }
.component__list--D01 dd .list__title { margin: 0; padding: 0; }
.component__list--D01 dd .list__txt { margin: 0; padding: 0; font-weight: normal; }
.component__list--D01 dd ul { margin: 0; padding: 0; }
.component__list--D01 dd ul li { list-style: inside; text-indent: -1em; padding-left: 1em; }
.component__list--D01 dd ul.component__list--B01 { margin: 0; padding: 0; }
.component__list--D01 dd ul.component__list--B01 li { list-style: none; text-indent: 0; padding-left: 0; }
.component__list--D01 dd ol { margin: 0; padding: 0; }
.component__list--D01 dd ol li { list-style: inside decimal; text-indent: -1em; padding-left: 1em; }

.component__list--D02 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border-top: 1px solid #c5c5c5; }
.component__list--D02 dt { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 13px 0 10px 0; margin: 0; }
.component__list--D02 dt .list__img { margin: 0; padding: 0; }
.component__list--D02 dd { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #c5c5c5; width: 100%; padding: 0 0 10px 0; margin: 0; }
.component__list--D02 dd .list__title { margin: 0; padding: 0; }
.component__list--D02 dd .list__txt { margin: 0; padding: 0; font-weight: normal; }
.component__list--D02 dd ul { margin: 0; padding: 0; }
.component__list--D02 dd ul li { list-style: inside; text-indent: -1em; padding-left: 1em; }
.component__list--D02 dd ul.component__list--B01 { margin: 0; padding: 0; }
.component__list--D02 dd ul.component__list--B01 li { list-style: none; text-indent: 0; padding-left: 0; }
.component__list--D02 dd ol { margin: 0; padding: 0; }
.component__list--D02 dd ol li { list-style: inside decimal; text-indent: -1em; padding-left: 1em; }
.component__list--D02 dd:before, .component__list--D02 dd:after { content: ""; display: table; }
.component__list--D02 dd:after { clear: both; }

.component__list--D03 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; padding: 0; }
.component__list--D03 dt { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 13px 0 8px 0; margin: 0; font-weight: bold; }
.component__list--D03 dt:first-child { padding-top: 0; }
.component__list--D03 dd { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px dotted #c5c5c5; width: 100%; padding: 0 0 10px 0; margin: 0; }
.component__list--D03 dd:last-child { border: none; padding-bottom: 0; }
.component__list--D03 dd ul { margin: 0; padding: 0; }
.component__list--D03 dd ul li { list-style: inside; text-indent: -1em; padding-left: 1em; }
.component__list--D03 dd ul.component__list--B01 { margin: 0; padding: 0; }
.component__list--D03 dd ul.component__list--B01 li { list-style: none; text-indent: 0; padding-left: 0; }
.component__list--D03 dd ol { margin: 0; padding: 0; }
.component__list--D03 dd ol li { list-style: inside decimal; text-indent: -1em; padding-left: 1em; }

.component__list--D04 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; padding: 0; }
.component__list--D04 dt { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 17%; padding: 13px 0 0; margin: 0; line-height: 1; }
.component__list--D04 dt .list__img { margin: 0; padding: 0; }
.component__list--D04 dd { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 13px 0 10px 17%; margin: 0; }
.component__list--D04 dd .list__title { margin: 0 0 5px 0; padding: 0; }
.component__list--D04 dd .list__title.circleArrow-aqua a:before { line-height: 1; display: block; content: ""; position: absolute; left: 0; top: 2px; width: 17px; height: 17px; vertical-align: top; background: url(/shared/palette/img/header-circleArrow.png) 0 -60px no-repeat; }
.component__list--D04 dd .list__txt { margin: 0; padding: 0; font-weight: normal; }
.component__list--D04 dd ul { margin: 0; padding: 0; }
.component__list--D04 dd ul li { list-style: inside; text-indent: -1em; padding-left: 1em; }
.component__list--D04 dd ul.component__list--B01 { margin: 0; padding: 0; }
.component__list--D04 dd ul.component__list--B01 li { list-style: none; text-indent: 0; padding-left: 0; }
.component__list--D04 dd ol { margin: 0; padding: 0; }
.component__list--D04 dd ol li { list-style: inside decimal; text-indent: -1em; padding-left: 1em; }
.component__list--D04 dd:before, .component__list--D04 dd:after { content: ""; display: table; }
.component__list--D04 dd:after { clear: both; }

.component__block__attention-full { margin-top: 30px; padding-top: 30px; border-top: 1px solid #cccccc; }

.component__block__attention-full p { margin-bottom: 0; font-size: 12px; font-size: 1.2rem; }

/* btn */
.component__btn__link--A01 { margin: 10px auto; }
.component__btn__link--A01 a { background: #ffffff; height: auto; border: 3px solid #00D5FF; display: block; font-size: 16px; font-size: 1.6rem; font-weight: bold; position: relative; color: #008099; }
.component__btn__link--A01 a span:before { display: inline-block; content: ""; background-image: url(/shared/palette/img/compornent_btn_a01_icon.png); background-repeat: no-repeat; vertical-align: sub; margin-right: 10px; }
.component__btn__link--A01 a:hover { color: #00AACC; text-decoration: none; border-color: #66E6FF; }

.component__btn__link--A01 { text-align: center; border-bottom: 3px solid #b2b2b2; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.component__btn__link--A01 a { padding: 12px 30px; text-align: center; display: block; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.component__btn__link--A01 a .money:before { width: 29px; height: 20px; background-position: 0 0; }
.component__btn__link--A01 a .mypage:before { vertical-align: middle; width: 18px; height: 25px; background-position: 0 -50px; }
.component__btn__link--A01 a .arrow:before { vertical-align: middle; background-image: url(/shared/palette/img/icon-arrow-green.png); width: 10px; height: 10px; background-position: 0 0; }
.component__btn__link--A01 a:hover .money:before { background-position: -50px 0; }
.component__btn__link--A01 a:hover .mypage:before { background-position: -50px -50px; }
.component__btn__link--A01 a:hover .arrow:before { background-position: -20px -20px; }

.component__btn__link--A02 { width: 33%; position: relative; display: block; padding-left: 30px; background: #ffffff; border: 3px solid #00D5FF; }
.component__btn__link--A02:after { display: block; content: ""; position: absolute; top: 2px; left: -3px; right: -3px; bottom: 2px; border-bottom: 2px solid #c2c5cc; min-height: 100%; }
.component__btn__link--A02:hover { color: #00AACC; text-decoration: none; border-color: #66E6FF; }
.component__btn__link--A02 a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 60px; display: block; font-size: 16px; font-size: 1.6rem; font-weight: bold; position: relative; color: #008099; padding: 12px 20px 12px 30px; line-height: 1.3; vertical-align: middle; }
.component__btn__link--A02 a:hover { color: #00AACC; text-decoration: none; border-color: #66E6FF; }
.component__btn__link--A02 a span:before { display: inline-block; content: ""; background-image: url(/shared/palette/img/compornent_btn_a01_icon.png); background-repeat: no-repeat; vertical-align: sub; margin-right: 10px; position: absolute; top: 12px; left: -16px; vertical-align: middle; }
.component__btn__link--A02 a .pen:before { width: 36px; height: 36px; background-position: 0 -100px; }
.component__btn__link--A02 a .school:before { width: 37px; height: 36px; background-position: 0 -150px; }
.component__btn__link--A02 a .facebook:before { width: 36px; height: 36px; background-position: 0 -200px; }
.component__btn__link--A02 a .twitter:before { width: 41px; height: 33px; background-position: 0 -250px; }
.component__btn__link--A02 a:hover .pen:before { background-position: -50px -100px; }
.component__btn__link--A02 a:hover .school:before { background-position: -50px -150px; }
.component__btn__link--A02 a:hover .facebook:before { background-position: -50px -200px; }
.component__btn__link--A02 a:hover .twitter:before { background-position: -50px -250px; }

.component__btn__link--A03 { margin: 0 auto; }
.component__btn__link--A03 a { padding: 50px　5px; height: auto; border: 3px solid #00D5FF; background-color: #fff; display: block; font-size: 16px; font-size: 1.6rem; text-align: center; color: #008099; font-weight: bold; position: relative; }
.component__btn__link--A03 a:hover { color: #00AACC; text-decoration: none; border-color: #66E6FF; }
.component__btn__link--A03 a:after { display: block; content: ""; position: absolute; top: 2px; left: -3px; right: -3px; bottom: 2px; border-bottom: 2px solid #c2c5cc; min-height: 100%; }

.component__btn__link--B01 { margin-top: 30px; }
.component__btn__link--B01 a { display: inline-block; padding: 14px 30px 20px; border-bottom: 4px solid #B2B2B2; text-align: center; color: #fff !important; font-weight: bold; line-height: 18px; background-color: #103184; font-size: 20px; font-size: 2rem; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.component__btn__link--B01 a:hover { background-color: #1B48B5; }
.component__btn__link--B01 a:before { display: inline-block; content: ""; margin-right: 6px; width: 44px; height: 42px; vertical-align: -13px; background: url(/shared/palette/img/btn-planicon-m.png) 0px 0px no-repeat; }

.component__btn__link--C01 { margin-top: 20px; }
.component__btn__link--C01 a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; background: #103184; border-bottom: 3px solid #b2b2b2; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #fff; line-height: 28px; padding: 18px 0 16px; font-weight: bold; position: relative; text-align: center; }
.component__btn__link--C01 a:hover, .component__btn__link--C01 a:link, .component__btn__link--C01 a:visited { color: #fff; }
.component__btn__link--C01 a:before { content: ""; display: inline-block; width: 28px; height: 28px; margin-right: 7px; vertical-align: top; background: url(/spn/products/wholelife/svg/simlator_btn_pic_01.svg) no-repeat 0 0; }

/* encloser */
.component__encloser--A01 { margin: 40px 0 0 0; border: 1px solid #f8f8f8; background-color: #f8f8f8; padding: 15px; }
.component__encloser--A01 *:first-child { margin-top: 0; }
.component__encloser--A01 *:last-child { margin-bottom: 0; }

.component__encloser--A02 { margin: 40px 0 0 0; border: 1px solid #f8f8f8; padding: 20px; }
.component__encloser--A02 *:first-child { margin-top: 0; }
.component__encloser--A02 *:last-child { margin-bottom: 0; }

.component__encloser--A03 { margin: 40px 0 0 0; border: 1px solid #c5c5c5; padding: 20px; }
.component__encloser--A03 *:first-child { margin-top: 0; }
.component__encloser--A03 *:last-child { margin-bottom: 0; }

.component__encloser--A03 + .component__encloser--A03, .component__encloser--A03 + .component__encloser--A02, .component__encloser--A03 + .component__encloser--A01, .component__encloser--A02 + .component__encloser--A03, .component__encloser--A02 + .component__encloser--A02, .component__encloser--A02 + .component__encloser--A01, .component__encloser--A01 + .component__encloser--A03, .component__encloser--A01 + .component__encloser--A02, .component__encloser--A01 + .component__encloser--A01 { margin-top: 40px; }
.component__encloser--A03 p, .component__encloser--A02 p, .component__encloser--A01 p { line-height: 1.4; }
.component__encloser--A03 .component__header__type--B02, .component__encloser--A03 .component__header__type--B01, .component__encloser--A02 .component__header__type--B02, .component__encloser--A02 .component__header__type--B01, .component__encloser--A01 .component__header__type--B02, .component__encloser--A01 .component__header__type--B01 { margin: 0; }
.component__encloser--A03 .component__header__type--B02 h1, .component__encloser--A03 .component__header__type--B02 h2, .component__encloser--A03 .component__header__type--B02 h3, .component__encloser--A03 .component__header__type--B02 h4, .component__encloser--A03 .component__header__type--B02 h5, .component__encloser--A03 .component__header__type--B01 h1, .component__encloser--A03 .component__header__type--B01 h2, .component__encloser--A03 .component__header__type--B01 h3, .component__encloser--A03 .component__header__type--B01 h4, .component__encloser--A03 .component__header__type--B01 h5, .component__encloser--A02 .component__header__type--B02 h1, .component__encloser--A02 .component__header__type--B02 h2, .component__encloser--A02 .component__header__type--B02 h3, .component__encloser--A02 .component__header__type--B02 h4, .component__encloser--A02 .component__header__type--B02 h5, .component__encloser--A02 .component__header__type--B01 h1, .component__encloser--A02 .component__header__type--B01 h2, .component__encloser--A02 .component__header__type--B01 h3, .component__encloser--A02 .component__header__type--B01 h4, .component__encloser--A02 .component__header__type--B01 h5, .component__encloser--A01 .component__header__type--B02 h1, .component__encloser--A01 .component__header__type--B02 h2, .component__encloser--A01 .component__header__type--B02 h3, .component__encloser--A01 .component__header__type--B02 h4, .component__encloser--A01 .component__header__type--B02 h5, .component__encloser--A01 .component__header__type--B01 h1, .component__encloser--A01 .component__header__type--B01 h2, .component__encloser--A01 .component__header__type--B01 h3, .component__encloser--A01 .component__header__type--B01 h4, .component__encloser--A01 .component__header__type--B01 h5 { padding-top: 10px; font-size: 20px; font-size: 2.0rem; font-weight: bold; }
.component__encloser--A03 .component__header__type--B02 + .component__btn__link--A01, .component__encloser--A03 .component__header__type--B01 + .component__btn__link--A01, .component__encloser--A02 .component__header__type--B02 + .component__btn__link--A01, .component__encloser--A02 .component__header__type--B01 + .component__btn__link--A01, .component__encloser--A01 .component__header__type--B02 + .component__btn__link--A01, .component__encloser--A01 .component__header__type--B01 + .component__btn__link--A01 { margin-top: 20px; }
.component__encloser--A03 figure figcaption, .component__encloser--A02 figure figcaption, .component__encloser--A01 figure figcaption { font-size: 18px; font-size: 1.8rem; font-weight: bold; }
.component__encloser--A03 figure object, .component__encloser--A02 figure object, .component__encloser--A01 figure object { max-width: 100%; }
.component__encloser--A03 .figcaption--title, .component__encloser--A02 .figcaption--title, .component__encloser--A01 .figcaption--title { padding-top: 10px; font-size: 20px; font-size: 2.0rem; font-weight: bold; }
.component__encloser--A03 .circleArrow-aqua, .component__encloser--A02 .circleArrow-aqua, .component__encloser--A01 .circleArrow-aqua { text-align: left; }

.component__encloser--B01 { border: 1px solid #ff1821; padding: 20px; }
.component__encloser--B01 *:first-child { margin-top: 0; }
.component__encloser--B01 *:last-child { margin-bottom: 0; }

.component__encloser--C01, .component__encloser--C01--yellow, .component__encloser--C01--orange { margin: 30px 0 0 0; padding-top: 30px; text-align: center; }
.component__encloser--C01 > p, .component__encloser--C01--yellow > p, .component__encloser--C01--orange > p { text-align: left; }
.component__encloser--C01 > p.circleArrow-aqua, .component__encloser--C01--yellow > p.circleArrow-aqua, .component__encloser--C01--orange > p.circleArrow-aqua { text-align: left; }
.component__encloser--C01 > p.circleArrow-aqua.component__txt--left, .component__encloser--C01--yellow > p.circleArrow-aqua.component__txt--left, .component__encloser--C01--orange > p.circleArrow-aqua.component__txt--left { text-align: left; }

.component__encloser--C01--orange { border-top: 3px solid #ffe8d1; }

.component__encloser--C01--yellow { border-top: 3px solid #f0f0b2; }

.component__encloser__contact--B01 { margin: 60px auto 80px; text-align: center; border: 1px solid #f8f8f8; background-color: #f8f8f8; padding: 20px; }

.component__encloser__contact--A01 { display: none; }

.component__encloser__contact--A02 { display: none; }

.component__encloser--D01 { margin: 40px 0 30px; border-bottom: 1px solid #c5c5c5; padding-bottom: 30px; }
.component__encloser--D01 *:first-child { margin-top: 0; }
.component__encloser--D01 *:last-child { margin-bottom: 0; }

.component__encloser--E01 { margin: 0 0 30px; border: 2px solid #caa44f; background-color: #faf8e9; border-radius: 5px; padding: 12px 14px; }
.component__encloser--E01 *:first-child { margin-top: 0; }
.component__encloser--E01 *:last-child { margin-bottom: 0; }

/* figure */
.component__figure--A01 { margin-top: 30px; width: 100%; text-align: center; }
.component__figure--A01 object { max-width: 95%; }
.component__figure--A01 img { max-width: 100%; }
.component__figure--A01 figcaption { font-size: 18px; font-size: 1.8rem; margin: 20px 0　0; text-align: center; font-weight: bold; }
.component__figure--A01 figcaption span { font-weight: normal; }
.component__figure--A01 figcaption + object, .component__figure--A01 figcaption + img { margin-top: 15px; }
p + .component__figure--A01 { margin-top: 40px; }

.component__figure--A02 { margin-top: 30px; width: 100%; text-align: center; }
.component__figure--A02 object { margin-top: 30px; max-width: 100%; }
.component__figure--A02 img { margin-top: 30px; max-width: 100%; }
.component__figure--A02 figcaption { font-size: 18px; font-size: 1.8rem; margin: 20px 0　0; text-align: center; font-weight: bold; }
.component__figure--A02 figcaption span { font-weight: normal; }
.component__figure--A02 figcaption + object, .component__figure--A02 figcaption + img { margin-top: 15px; }
p + .component__figure--A02 { margin-top: 40px; }

/* table */
.component__table--A01 { border-collapse: collapse; width: 100%; margin: 30px 0; }
.component__table--A01 caption { text-align: center; font-size: 20px; font-size: 2.0rem; line-height: 1.25; margin-bottom: 20px; font-weight: bold; }
.component__table--A01 thead th { background-color: #ebebeb; border: 1px solid #c5c5c5; padding: 10px; vertical-align: top; font-size: 14px; font-size: 1.4rem; }
.component__table--A01 thead th:first-child { border-left: none; }
.component__table--A01 thead th:last-child { border-right: none; }
.component__table--A01 thead td { vertical-align: top; }
.component__table--A01 thead tr.component__table__bgcolor--red th, .component__table--A01 thead tr.component__table__bgcolor--red td { background-color: #ffebeb; font-weight: bold; }
.component__table--A01 tbody th { background-color: #f8f8f8; border: 1px solid #c5c5c5; padding: 10px; vertical-align: top; text-align: left; font-size: 14px; font-size: 1.4rem; }
.component__table--A01 tbody th span { font-weight: normal; display: block; }
.component__table--A01 tbody th.component__txt--center { text-align: center; }
.component__table--A01 tbody td { border: 1px solid #c5c5c5; padding: 10px 15px; vertical-align: top; font-size: 14px; font-size: 1.4rem; }
.component__table--A01 tbody td.en { text-align: right; }
.component__table--A01 tbody td.en span { display: block; }
.component__table--A01 tbody td .component__header__type--B01 { margin-top: 40px; text-align: left; }
.component__table--A01 tbody td .component__header__type--B01 .component__font__size--16 { text-align: left; font-weight: bold; font-size: 16px; font-size: 1.6rem; }
.component__table--A01 tbody td .component__header__type--B01 .component__font__size--14 { text-align: left; font-weight: bold; font-size: 14px; font-size: 1.4rem; }
.component__table--A01 tbody td ul { margin: 0; padding-left: 20px; }
.component__table--A01 tbody td ul li { margin-bottom: 10px; }
.component__table--A01 tbody td ul li:last-child { margin-bottom: 0; }
.component__table--A01 tbody td ul li a { text-decoration: underline; }
.component__table--A01 tbody th:first-child, .component__table--A01 tbody td:first-child { border-left: none; }
.component__table--A01 tbody th:last-child, .component__table--A01 tbody td:last-child { border-right: none; }
.component__table--A01 tbody tr.component__table__bgcolor--red th, .component__table--A01 tbody tr.component__table__bgcolor--red td { background-color: #ffebeb; font-weight: bold; }
.component__table--A01 tfoot tr th { background-color: #ebebeb; border: 1px solid #c5c5c5; padding: 20px; vertical-align: top; font-size: 14px; font-size: 1.4rem; }
.component__table--A01 tfoot tr td { border: 1px solid #c5c5c5; padding: 20px; vertical-align: top; font-size: 14px; font-size: 1.4rem; }
.component__table--A01 tfoot tr th:first-child, .component__table--A01 tfoot tr td:first-child { border-left: none; }
.component__table--A01 tfoot tr th:last-child, .component__table--A01 tfoot tr td:last-child { border-right: none; }
.component__table--A01 tfoot tr.component__table__bgcolor--red th, .component__table--A01 tfoot tr.component__table__bgcolor--red td { background-color: #ffebeb; font-weight: bold; }

/* ----------------------------- parts
------------------------------*/
.component__parts__icon-A01--yellow, .component__parts__icon-A01--orange, .component__parts__icon--A01 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #d96c00; border-radius: 25px; padding: 7px 25px 5px; margin: 0; font-size: 22px; font-size: 2.2rem; display: inline-block; text-align: center; color: #ffffff; font-weight: bold; }
.component__parts__icon-A01--yellow + header, .component__parts__icon-A01--orange + header, .component__parts__icon--A01 + header { margin-top: 20px; }

.component__parts__icon-A01--yellow { background-color: #b2b300; }

.component__box__balloon-A01--orange, .component__box__balloon-A01--yellow, .component__box__balloon--A01 { display: table; width: 100%; margin: 0 auto; }
.component__box__balloon-A01--orange .component__parts__balloon-A01--orange, .component__box__balloon-A01--orange .component__parts__balloon-A01--yellow, .component__box__balloon-A01--orange .component__parts__balloon--A01, .component__box__balloon-A01--yellow .component__parts__balloon-A01--orange, .component__box__balloon-A01--yellow .component__parts__balloon-A01--yellow, .component__box__balloon-A01--yellow .component__parts__balloon--A01, .component__box__balloon--A01 .component__parts__balloon-A01--orange, .component__box__balloon--A01 .component__parts__balloon-A01--yellow, .component__box__balloon--A01 .component__parts__balloon--A01 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; border-radius: 25px; padding: 7px 25px 5px; display: table-cell; text-align: center; border: 3px solid #d96c00; z-index: 0; margin-left: -3.78378%; color: #d96c00; font-weight: bold; vertical-align: middle; font-size: 20px; font-size: 2.0rem; }
.component__box__balloon-A01--orange .component__parts__balloon-A01--orange:before, .component__box__balloon-A01--orange .component__parts__balloon-A01--yellow:before, .component__box__balloon-A01--orange .component__parts__balloon--A01:before, .component__box__balloon-A01--yellow .component__parts__balloon-A01--orange:before, .component__box__balloon-A01--yellow .component__parts__balloon-A01--yellow:before, .component__box__balloon-A01--yellow .component__parts__balloon--A01:before, .component__box__balloon--A01 .component__parts__balloon-A01--orange:before, .component__box__balloon--A01 .component__parts__balloon-A01--yellow:before, .component__box__balloon--A01 .component__parts__balloon--A01:before { content: ""; position: absolute; bottom: -6px; left: 50%; margin-left: -9px; width: 0px; height: 0px; border-style: solid; border-width: 9px 9px 0 9px; border-color: #ffffff transparent transparent transparent; z-index: 0; }
.component__box__balloon-A01--orange .component__parts__balloon-A01--orange:after, .component__box__balloon-A01--orange .component__parts__balloon-A01--yellow:after, .component__box__balloon-A01--orange .component__parts__balloon--A01:after, .component__box__balloon-A01--yellow .component__parts__balloon-A01--orange:after, .component__box__balloon-A01--yellow .component__parts__balloon-A01--yellow:after, .component__box__balloon-A01--yellow .component__parts__balloon--A01:after, .component__box__balloon--A01 .component__parts__balloon-A01--orange:after, .component__box__balloon--A01 .component__parts__balloon-A01--yellow:after, .component__box__balloon--A01 .component__parts__balloon--A01:after { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: #d96c00 transparent transparent transparent; z-index: -1; }
.component__box__balloon-A01--orange .component__parts__balloon-A01--yellow, .component__box__balloon-A01--yellow .component__parts__balloon-A01--yellow, .component__box__balloon--A01 .component__parts__balloon-A01--yellow { color: #b2b300; border: 3px solid #b2b300; }
.component__box__balloon-A01--orange .component__parts__balloon-A01--yellow:after, .component__box__balloon-A01--yellow .component__parts__balloon-A01--yellow:after, .component__box__balloon--A01 .component__parts__balloon-A01--yellow:after { border-color: #b2b300 transparent transparent transparent; }

.component__pagelink--A01 { border: 1px solid #c5c5c5; }
.component__pagelink--A01 ul { padding: 10px 0 10px 10px; margin: 0; }
.component__pagelink--A01 ul li { list-style: none; display: block; width: 100%; padding: 6px 0 6px 0; margin-right: 10px; }
.component__pagelink--A01 ul li a { margin: 0 0 0 0; padding: 0 0 0 17px; display: block; line-height: 1.2; font-weight: bold; position: relative; }
.component__pagelink--A01 ul li a:before { display: block; content: ""; position: absolute; width: 15px; height: 15px; top: 3px; left: 0; background-image: url(/shared/palette/img/icon-arrow-green-up.png); background-repeat: no-repeat; background-position: 0 0; }
.component__pagelink--A01 ul li a:hover:before { background-position: 0 -15px; }
.component__pagelink--A01 + .component__header__type--A01 { margin-top: 40px; }

.component__pagelink__back--A01 { margin-top: 20px; text-align: right; }
.component__pagelink__back--A01 li { list-style: none; }
.component__pagelink__back--A01 li a { font-weight: bold; }
.component__pagelink__back--A01 li a:before { display: inline-block; content: ""; width: 15px; height: 15px; background-image: url(/shared/palette/img/icon-arrow-green-up.png); background-repeat: no-repeat; background-position: -15px 0; vertical-align: sub; margin-right: 10px; content: ''; }
.component__pagelink__back--A01 li a:hover:before { background-position: -15px -15px; }

.component__pagelink--B01 { margin-top: 30px; display: block; }
.component__pagelink--B01 a { display: inline-block; background-color: #e5fbff; border-bottom: 3px solid #b2b2b2; margin: 0 0 13px 0; padding: 15px 20px 10px 40px; line-height: 1.2; font-weight: bold; text-indent: -20px; }
.component__pagelink--B01 a:before { display: inline-block; content: ""; width: 15px; height: 15px; background-image: url(/shared/palette/img/icon-arrow-green-up.png); background-repeat: no-repeat; background-position: 0 0; vertical-align: sub; margin-right: 5px; }
.component__pagelink--B01 a:hover:before { background-position: 0 -15px; }

.component__main__Wrapper .component__pagelink--A01:first-child { margin-top: 30px; }

/* pagenation */
.component__pagenation--A01 { width: 100%; margin: 0 auto; text-align: center; }
.component__pagenation--A01 ul { padding: 0; margin: 0; }
.component__pagenation--A01 ul li { display: inline-block; }
.component__pagenation--A01 ul li.stay, .component__pagenation--A01 ul li a { border: 2px solid #00d5ff; line-height: 1.2; padding: 10px 13px; font-weight: bold; }
.component__pagenation--A01 ul li a { display: block; }
.component__pagenation--A01 ul li a:hover { border: 2px solid #66e6ff; }
.component__pagenation--A01 ul li.stay { color: #103184; border: 2px solid #b8bfda; }

/* float */
.component__float--A01 { margin: 0; padding: 0; }
.component__float--A01 p { margin: 0; padding: 0; }
.component__float--A01 ul { padding: 0; margin: 0; list-style: none; }
.component__float--A01 ul.component__list--A01 { margin-left: 20px; }
.component__float--A01 ul.component__list--A01 li { list-style: disc; }
.component__float--A01 ul.component__list--A01 li .component__list--A01 { margin-left: 22px; }
.component__float--A01 ul.component__list--A01 li .component__list--A01 li { list-style: disc; }
.component__float--A01 .component__float__left { margin-top: 30px; list-style: none; }
.component__float--A01 .component__float__left figure { margin: 0; padding: 0; }
.component__float--A01 .component__float__left figure object, .component__float--A01 .component__float__left figure img { max-width: 100%; }
.component__float--A01 .component__float__left:first-child { margin-top: 0; }
.component__float--A01 .component__float__right { margin-top: 30px; }
.component__float--A01 .component__float__right object, .component__float--A01 .component__float__right img { max-width: 100%; }
.component__float--A01:before, .component__float--A01:after { content: ""; display: table; }
.component__float--A01:after { clear: both; }

.component__inline-block--A01 { display: inline; }
.component__inline-block--A01 .component__inline-block__content { display: inline-block; }
.component__inline-block--A01 .component__inline-block__content object, .component__inline-block--A01 .component__inline-block__content img { max-width: 100%; }

.component__table-cell--A01 { display: block; }
.component__table-cell--A01 .component__table-cell__content { display: block; width: 100%; }
.component__table-cell--A01 .component__table-cell__content object, .component__table-cell--A01 .component__table-cell__content img { max-width: 100%; }

.component__text--break { display: none; }