@charset "UTF-8";

/* Reset Styles
--------------------------------------------------------------- */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

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

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

body {
    color: #222;
    font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", YuGothic, "Yu Gothic", "游ゴシック", sans‐serif;
    font-size: 1em;
    line-height: 1;
    background-color: #fff;
}

article,aside,details,figcaption,figure,
footer,header,menu,nav,section {
    display: block;
}

button {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: none;
}

ul,
ol {
    list-style: none;
}

em {
    font-style: normal;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    color: #1d89d0;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0;
    text-decoration: underline;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input, select {
    vertical-align: middle;
}

hr {
    display: block;
    height: 1px;
    margin: 0;
    padding: 0;
    border: 0;
}

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    hr.Hr1 {
        height: 2px;
        margin: 0 10px;
        background: url(../images/separator01_sp.png) 50% 50% no-repeat;
        background-size: contain;
    }
    hr.Hr2 {
        height: 16px;
        margin: -12px auto 12px;
        background: url(../images/separator02.png) 50% 50% no-repeat;
        background-size: contain;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    html,
    body {
        width: 100%;
    }
    hr.Hr1 {
        background: url(../images/separator01.png) 50% 50% no-repeat;
    }
    hr.Hr2 {
        height: 16px;
        margin-bottom: 25px;
        background: url(../images/separator02.png) 50% 50% no-repeat;
    }
	.Button_group{
	display: inline-grid;
	}
}

/* Public Styles
--------------------------------------------------------------- */
.Container {
    height: 100%;
    text-align: center;
    background-color: #ededed;
}
.Header,
.Footer {
    background-color: #fff;
}

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .View__PC {
        display: none!important;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    img.Figure__WidthFlex {
        zoom: 1;
    }
	.Paper__Section3 img{
	width:50%;
	}
}

/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    .Container {
        min-width: 1160px;
    }
    .View__SP {
        display: none!important;
    }
    .ParentSite > .Inner,
    .Header > .Inner,
    .ContentWrapper > .Inner,
    #Wrapper > .Inner,
    .Footer > .Inner {
        width: 1000px;
        margin: 0 auto;
        text-align: left;
    }
}



/* ParentSite Styles
--------------------------------------------------------------- */
.ParentSite a.Arrow {
    display: inline-block;
    color: #000;
    text-decoration: none;
}
/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .ParentSite .Wrapper {
        display: flex;
align-items: center;
        padding: 0 10px 0 7px;
    }
    .ParentSite > .Inner {
        padding: 1px 0 0;
    }
    .ParentSite .Wrapper .Cell:first-child {
        width: 170px;
        padding-right: 20px;
    }
    .ParentSite a.Arrow {
        padding: 0 0 0 12px;
        font-size: 75.0%;
        line-height: 1.6;
        background: url(../images/arrow_right_blue.png) 0 50% no-repeat;
        background-size: 8px 9px;
    }

    .ParentSite .Wrapper .Cell:first-child img {
        zoom: 1;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    .ParentSite {
        font-size: 68.8%;
    }
    .ParentSite > .Inner {
        padding: 4px 0;
    }
    .ParentSite .Wrapper {
        display: table;
        width: 100%;
    }
    .ParentSite .Wrapper > .Cell {
        display: table-cell;
vertical-align: middle;
    }
    .ParentSite .Wrapper > .Cell:last-child {
        text-align: right;
    }
    .ParentSite a.Arrow {
        padding: 0 0 0 11px;
        background: url(../images/arrow_right_blue_s.png) 0 1px no-repeat;
    }
}



/* Header Styles
--------------------------------------------------------------- */
.Header {

}
/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .Header {
        background-color: #fff;
    }
    .Header .Wrapper {
/*      width: 150px;*/
        padding: 8px 10px;
        text-align: left;
        height: 48px;
    }

    .Header .Wrapper img {
        vertical-align: bottom;
        zoom: 1;
    }

    #Header__SP h1 {
        font-size: 15px;
    }
    #Header__SP .Caption {
        font-size: 10px;
        font-weight: bold;
        margin-top: 7px;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    .Header .Wrapper {
        display: table;
        width: 100%;
    }
    .Header .Wrapper > .Cell {
        display: table-cell;
        white-space: nowrap;
        vertical-align: middle;
    }
    .Header .Wrapper > .Cell:last-child {
        text-align: right;
    }
    .Header .Figure {
        display: inline-block;
    }
    .Header h1 {
        display: inline-block;
        font-size: 30px;
    }
    .Header .Caption {
        display: inline-block;
        font-size: 15px;
        font-weight:bold;
    }
    .Header .Lead {
        margin-top: 15px;
        font-size: 14px;
    }
}



/* ContentWrapper Styles
--------------------------------------------------------------- */
#Wrapper {
    position: relative;
    overflow: hidden;
}
.ContentWrapper {
    position: relative;
    overflow: hidden;
}
/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {

}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    .ContentWrapper {
        margin-top: 30px;
    }
    .ContentWrapper.Open {
        /*padding-right: 303px;*/
    }
}



/* Main Styles
--------------------------------------------------------------- */
.Main {
    /*padding-bottom: 3px;*/
    padding-bottom: 30px;
}
.Section.Head {
    position: relative;
    padding: 60px 0 0;
    background: #fff url(../images/bg_sectionhead.png) 50% 0 repeat-x;
}
.Section.Head.Head__S {
    padding-top: 30px;
}
.Section.Head.Paper__Section7 {
    padding-top: 35px;
}
.Section h2 {
    text-align: center;
}
.Section h2 img {
    vertical-align: bottom;
}
.Section.GraytoWhite > .Inner {
    padding: 0 0 20px;
    background: url(../images/bg_graytowhite.png) 50% 103% no-repeat;
}

.Point3.Section.GraytoWhite > .Inner {
    padding-bottom: 5px;
}
.Section.GraytoBeige > .Inner {
    padding: 0 0 15px;
    background: url(../images/bg_graytobeige.png) 50% 100% no-repeat;
}
.Section.WhitetoBeige,
.Section.WhitetoGray {
    background-color: #fff;
}
.Section.WhitetoBeige > .Inner {
    padding: 0 0 25px;
}
.Section.BeigetoGray {
    background-color: #f7f5e4;
}
.Section.WhitetoGray > .Inner,
.Section.HowtoApply > .Inner,
.Section.BeigetoGray > .Inner {
    padding: 0 0 20px;
    background: url(../images/bg_togray.png) 50% 100% no-repeat;
}
.Section.WhitetoGray > .Inner {
    padding-bottom: 25px;
}
.Section.BeigetoWhite {
    background-color: #f7f5e4;
}
.Section.BeigetoWhite > .Inner {
    padding: 0 0 43px;
    background: url(../images/bg_beigetowhite.png) 50% 100% no-repeat;
}
.Section.WhitetoWhite{
	    background-color: #fff;
}
.Section.WhitetoWhite > .Inner {
    padding: 0 0 20px;
    background: url(../images/bg_beigetowhite.png) 50% 100% no-repeat;
}
/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .Main {
        padding-bottom: 0;
        font-size: 100%;
        line-height: 1.5;
    }
    .Main .Slider__Object {
	    min-height: 105px;
    }
    .Main .Slider__Object > .Figure {
	    position: absolute;
    }
    .bx-wrapper + .Section.Head {
        margin-top: 45px;
    }
    .Section.Head {
        padding: 35px 0 0;
        background-size: auto 30px;
    }
    .Section.Head.Paper__Section7 {
        padding-top: 20px;
    }
    .Section > .Inner {
        background-size: contain!important;
    }
    .Section h1,
    .Section h2 {
        padding: 15px 10px 10px;
        font-size: 1.2rem;
    }
    .Section h2 > span {
        color: #f18b00;
        font-size: 1.1em;
    }
    .Section.Head h1,
    .Section.Head h2 {
        padding: 20px 32px 15px;
    }

    .Section.GraytoWhite > .Inner {
        padding-bottom: 0;
    }
    .BodyArea {
        padding: 20px 10px 0;
    }
    .Section.Head .BodyArea {
        padding: 20px 30px;
    }
    .Section.Head.Paper__Section7 .BodyArea {
        padding: 10px;
    }
    .BodyArea > .BodyArea {
        padding: 20px 25px;
    }
    .BeigetoGray .BodyArea,
    h2 + .BodyArea {
        padding: 0 10px;
    }
    .Main > .Section:last-child > .Inner {
        padding-bottom: 25px;
        background: url(../images/separator02.png) 50% 100% no-repeat;
        background-size: contain;
    }
    .Section.WhitetoGray > .Inner,
    .Section.HowtoApply > .Inner,
    .Section.BeigetoGray > .Inner,
    .Section.BeigetoWhite > .Inner {
        padding: 0 0 20px;
    }

    .BodyArea .Lead {
        font-size: 0.75rem;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    .Main {
        font-size: 125.0%;
        line-height: 1.5;
    }
    .Main .Slider__Object {
        height: 280px;
        overflow: hidden;
    }
    .Main .Slider__Object .Figure {
        height: 280px;
    }
    #Slider__Campaign + .Section.Head,
    .bx-wrapper + .Section.Head {
        margin-top: 30px;
    }
    .Section h1,
    .Section h2 {
        padding: 20px 0 15px;
        font-size: 40px;/* add */
    }
    .Section h2 > span {
        color: #f18b00;
        font-size: 1.2em;
    }
    .Caption h2 {
        padding: 0;
    }
    .BodyArea {
        padding: 20px;
    }
    .BodyArea > .BodyArea {
        padding: 20px 25px;
    }
    .BeigetoGray .BodyArea,
    h2 + .BodyArea {
        padding: 0 20px;
    }
    .BeigetoGray .BodyArea2,
    h2 + .BodyArea2 {
       margin: 0 auto;
    }
}

/* Parts */
.Center {
    text-align: center;
}
.Left {
    text-align: left;
}
.Movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.Lead + .Movie {
    margin-top: 20px;
}
.Movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
.Sticker__Base .Sticker__Point {
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    margin: auto;
}
ul.List__Normal li {
    margin-top: 10px;
    text-indent: -1em;
    padding-left: 1em;
}
ul.List__Normal li:before {
    content: "●";
    margin-right: 5px;
}
ul.List__Normal.Orange li:before {
    color: #f18b00;
}
ul.List__Normal.White li:before {
    color: #f18b00;
}
ul.List__Normal li:first-child {
    margin-top: 0;
}

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .Sticker__Base .Sticker__Point {
        position: absolute;
        top: -6px;
    }
    .Sticker__Base .Sticker__Point img {
        zoom: 0.75;
    }
    .Normal {
        font-size: 75.0%;
    }
    .Note {
        font-size: 62.5%;
    }
.video-right{
width:90%;
margin: auto;
height: 184px;
	}
.video-right ifream{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
	}

}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    .Lead {
        font-size: 90.0%;
    }
    .Normal {
        font-size: 75.0%;
    }
    .Note {
        font-size: 65.0%;
    }
    .Figure__Right {
        display: inline-block;
        float: right;
        margin-left: 20px;
    }
.video-right{
position: relative;
	float:right;
	width: 44%;
	height: 222px;
	}
.video-right ifream{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
}

.Button {
    display: inline-block;
    margin: 0 auto;
    text-align: left;
    border-radius: 5px;
    overflow: hidden;
}

.ButtonS {
    margin: 0 auto;
    text-align: left;
    line-height: 1.3;
    border-radius: 5px;
    overflow: hidden;
}
p.Button.Blue {
    padding-bottom: 4px;
    background-color: #236996;
}
p.Button.Blue > * {
    display: block;
    padding: 13px 40px 8px;
    border-radius: 5px;
    background-color: #1d89d0;
}
p.Button.Blue > a {
    color: #fff;
    text-decoration: none;
    background: #1d89d0 url(../images/ic_arrow_right.svg) right 20px top 50% no-repeat;
	background-size: auto 30%;
}
p.Button.Orange,
p.ButtonS.Orange {
    padding-bottom: 4px;
    background-color: #c9570f;
}
p.Button.Orange > * {
    display: block;
 /*   padding: 10px 40px; */
    padding: 13px 50px 8px 30px;
    background-color: #f5680f;
}
.Side p.Button.Orange > * {
    padding: 10px;
    text-align: center;
}
p.ButtonS.Orange > * {
    display: block;
    padding: 11px 10px 8px;
    border-radius: 5px;
    background-color: #f5680f;
}
p.Button.Orange > a {
    color: #fff;
    text-decoration: none;
    background: #f5680f url(../images/ic_arrow_right.svg) right 20px top 50% no-repeat;
	background-size: auto 30%;
}
.Side p.Button.Orange > a {
    padding-left: 10px;
    background: #f5680f;
}
p.ButtonS.Orange > a {
    color: #fff;
    text-decoration: none;
    background: #f5680f url(../images/ic_arrow_right.svg) right 11px top 50% no-repeat;
	background-size: auto 30%;
}
p.Button.White,
p.ButtonS.White {
    padding-bottom: 1px;
    background-color: #2d4668;
}
p.Button.White > * {
    display: block;
    padding: 10px 40px;
    background-color: #f5680f;
}
.Side p.Button.White > * {
    padding: 10px;
    text-align: center;
}
p.ButtonS.White > * {
    display: block;
    padding: 11px 10px 8px;
    border-radius: 5px;
    background-color: #f5680f;
	overflow: hidden;
}
p.Button.White > a {
    text-decoration: none;
    background: #ffffff url("../images/ic_arrow_right_blue.svg") right 20px top 50% no-repeat;
	background-size: auto 30%;
	border: solid 2px #2d4668;
	overflow: hidden;
	color: #2d4668;

}
.Side p.Button.White > a {
    padding-left: 10px;
    background: #f5680f;
}
p.ButtonS.White > a {
    color: #fff;
    text-decoration: none;
    background: #f5680f url(../images/ic_arrow_right.svg) right 11px top 50% no-repeat;
	background-size: auto 30%;
}

    p.Button.Button__Large.Blue > a {
        padding-left: 150px;
        background: #1d89d0 url(../images/ic_arrow_right.svg) right 20px top 50% no-repeat;
		background-size: auto 30%;
    }
    p.Button.Button__Large2.Blue > a {
        padding-left: 93px;
        background: #1d89d0 url(../images/ic_arrow_right.svg) right 20px top 50% no-repeat;
		background-size: auto 30%;
    }
/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .Button {
        line-height: 1.25;
    }
    p.Button.Blue > * {
        padding: 13px 20px 10px 40px;
    }
    p.Button.Blue > a {
        padding-left: 50px;
        background-position: right 20px top 50%;
        background-size: auto 30%;
    }
    p.Button.Blue {
        width: 90%;
    }
    .Button {
        font-size: 0.75rem;
    }
    .Button strong {
        font-size: 1rem;
    }
    .ButtonS {
        font-size: 0.8125rem;
    }
    .ButtonS strong {
        font-size: 0.9375rem;
    }
    .Side p.Button.Orange > a {
        font-size: 0.8125rem;
        line-height: 1.5;
    }
    .Side p.Button.Orange > a strong {
        font-size: 0.9375rem;
    }
	    .Side p.Button.White > a {
        font-size: 0.8125rem;
        line-height: 1.5;
    }
    .Side p.Button.White > a strong {
        font-size: 0.9375rem;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    p.Button.Blue > * {
        min-width: 420px;
    }


    p.Button.Button__Large.Blue > *,
    p.Button.Button__Large2.Blue > * {
        min-width: 600px;
    }
    .Button {
        font-size: 100%;
    }
    .Button strong {
        font-size: 125.0%;
    }
    .ButtonS {
        font-size: 60.0%;
    }
    .ButtonS strong {
        font-size: 133.3%;
    }
    .Side p.Button.Orange > a {
        font-size: 81.3%;
    }
    .Side p.Button.Orange > a strong {
        font-size: 115.4%;
    }
	    .Side p.Button.White > a {
        font-size: 81.3%;
    }
    .Side p.Button.White > a strong {
        font-size: 115.4%;
    }
}

/* Anchor List */
.AnchorList {

}
.AnchorList a {
    display: block;
}
.AnchorList img {
    vertical-align: bottom;
}


/* Tab */
.Tab__Head > *:hover,
.Tab__Head > *.Selected {
    border-color: #c05013;
    background-color: #f18b00;
}
.Tab__Head > * {
    margin-left: 19px;
    letter-spacing: normal;
    vertical-align: bottom;
    border-bottom: 3px solid #236996;
    background-color: #1d89d0;
}
.Tab__Head > * > a {
    display: table-cell;
    padding: 6px 0 0 40px;
    color: #fff;
    font-size: 90.0%;
    text-align: left;
    line-height: 1.2;
    vertical-align: middle;
    text-decoration: none;
    background: #1d89d0 url(../images/ic_arrow_right.svg) right 20px top 50% no-repeat;
	background-size: auto 30%;
}

.Tab img {
    vertical-align: bottom;
}
.Original__Head {
    padding: 10px 0 10px 60px;
}
.Original__Head br {
    display: none;
}
.Original__Head.Point1 {
    background: url(../images/num_1.png) 0 0 no-repeat;
}
.Original__Head.Point2 {
    background: url(../images/num_2.png) 0 0 no-repeat;
}
.Original__Head.Point3 {
    background: url(../images/num_3.png) 0 0 no-repeat;
}
.Original__Head.Point4 {
    background: url(../images/num_4.png) 0 0 no-repeat;
}
.Original__Head.Point5 {
    background: url(../images/num_5.png) 0 0 no-repeat;
}
.Tab__Body,
.OriginalContents .Original__Body {
    position: relative;
    background-color: #ededed;
}
.OriginalContents .Original__Body {
    margin-top: 5px;
    border-top: 3px solid #f18b00;
}
.Tab__Content {
    /*position: absolute;*/
    /*top: 0 ;*/
    /*left: 0;*/
    /*width: 100%;*/
}
.Tab__Body .Caption,
.OriginalContents .Caption {
    padding: 20px;
    background-color: #fff;
}
/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    /* Anchor List */
    .AnchorList li .Figure {
        display: flex;
    }
    .AnchorList li .Figure > img {
        width: 45%;
        height: auto;
    }
    .AnchorList li .Figure > .Caption {
        width: 55%;
    }
    .AnchorList li .Figure > .Caption img {
        width: 100%;
        zoom: 1;
    }
    .AnchorList li {
        margin-top: 17px;
    }
    .AnchorList li:first-child {
        margin-top: 0;
    }

    /* Tab */
    .Tab__Head > * > a br {
        display: none;
    }
    .Tab__Head {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .Tab__Head > * {
        width: 48%;
        margin: 10px 0 0;
    }
    .Tab__Head > *:nth-child(1),
    .Tab__Head > *:nth-child(2) {
        margin-top: 0;
    }
    .Tab__Head > * > a {
        padding: 10px 10px 8px 40px;
    }
    .Tab__Body,
    .OriginalContents .Original__Body {
        margin-top: 10px;
    }
    .Tab__Body .Caption {
        /*font-size: 75.0%;*/
    }
    .Tab__Body .Caption,
    .OriginalContents .Caption {
        padding: 10px;
        font-size: 75.0%;
    }
    .Tab__Content {
        display: none;
    }
    .Tab__Content.Selected {
        display: block;
    }

    .Tab__Content3 .Box__Split2 > *:first-child ,
    .OriginalContents .Content3 .Box__Split2 > *:first-child {
        margin: 0;
        padding: 10px 5px 0 10px;
    }
    .Tab__Content3 .Box__Split2 > *:last-child,
    .OriginalContents .Content3 .Box__Split2 > *:last-child {
        margin: 0;
        padding: 10px 10px 0 5px;
    }

    .Tab__Content3 h3,
    .OriginalContents .Content3 h4 {
        margin-bottom: 5px;
        padding-top: 5px;
        font-size: 75.0%;
        line-height: 1.25;
    }

    .Tab__Content3 .Figure,
    .OriginalContents .Content3 .Figure {
        margin-top: 5px;
    }

    .Tab__Content4 h3,
    .OriginalContents .Content4 h4 {
        padding: 10px 10px 0;
        font-size: 75.0%;
        text-align: left;
    }
    .Tab__Content4 .Figure,
    .OriginalContents .Content4 .Figure {
        padding: 0 10px 10px;
    }

    .Tab__Content4 .Figure img,
    .OriginalContents .Content4 .Figure img {
        zoom: 1;
    }
    .Tab__Content5 .Figure,
    .OriginalContents .Content5 .Figure {
        padding: 10px;
    }
    .Original__Head {
        margin-top: 15px;
        padding: 5px 0 3px 38px;
        font-size: 0.8125rem;
    }
    .Original__Head:first-child {
        margin-top: 0;
    }
    .Original__Head.Point1,
    .Original__Head.Point2,
    .Original__Head.Point3,
    .Original__Head.Point4,
    .Original__Head.Point5 {
        text-align: left;
        background-size: contain;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    /* Anchor List */
    .AnchorList {
        margin-right: -20px;
        letter-spacing: -0.4em;
        overflow: hidden;
    }
    .AnchorList li {
        display: inline-block;
        margin-right: 20px;
        vertical-align: top;
    }

    /* Tab and Original Contents*/
    .Tab {
        width: 900px;
        margin: 0 auto;
    }
    .Tab__Head {
        white-space: nowrap;
        letter-spacing: -0.4em;
    }
    .Tab__Head > * {
        display: inline-block;
    }
    .Tab__Head > *:first-child {
        margin-left: 0;
    }
    .Tab__Head > * > a {
        width: 165px;
        height: 50px;
    }

    .OriginalContents {
        margin-top: 10px;
    }
    .Tab__Body .Caption,
    .OriginalContents .Caption {
        min-height: 112px;
        height: auto!important;
        height: 112px;
        font-size: 90.0%;
        vertical-align: middle;
    }
    .Tab__Body h3,
    .OriginalContents h3,
    .OriginalContents h4 {
        text-align: left;
    }
    .OriginalContents h3 {
        margin-top: 30px;
        font-size: 120.0%;
    }
    .Tab__Content {
        display: none;
    }
    .Tab__Content.Selected {
        display: block;
    }
    .Tab__Content3 h4,
    .OriginalContents .Content3 h4 {
		padding-top: 15px;
        font-size: 80.0%;
		text-align: center;
    }
    .Tab__Content3 .Figure,
    .OriginalContents .Content3 .Figure {
        margin-top: 5px;
		padding-bottom: 15px;
    }
    .Tab__Content3 .Box__Split2,
    .OriginalContents .Content3 .Box__Split2 {
        margin-top: 0;
        padding-top: 15px;
    }
    .Tab__Content4 h3,
    .OriginalContents .Content4 h4 {
        width: 641px;
        margin: 0 auto;
        padding-top: 25px;
    }
    .Tab__Content4 .Figure,
    .OriginalContents .Content4 .Figure {
    }
    .Tab__Content4 .Caption,
    .Tab__Content5 .Caption,
    .OriginalContents .Content4 .Caption,
    .OriginalContents .Content5 .Caption {
        padding-top: 43px;
    }
    .Tab__Content5 .Figure,
    .OriginalContents .Content5 .Figure {
        padding: 20px;
    }
}

/* Beige Box */
.Box__Split3 > * {
    padding: 23px 20px 20px;
}
.Box__Split3.Point__Evernote > *,
.Box__Split3.Point__Watch > * {
    padding: 0;
    line-height: 1;
}
/* 4 Column Ver */
.Box__Split4 > * {
    padding: 23px 10px 20px;
}

.BG__Beige {
    background-color: #ffffff;
}
.BG__Beige .title{
font-weight: bold;
border-bottom: solid 2px #CCCCCC;
padding: 10px 0;
font-size: 1.1rem;
text-align: center;
height: 80px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
}

.Point__Evernote h4 {
    color: #fff;
    background-color: #f18b00;
}
.Point__Evernote h4 span {
    padding: 10px 15px 10px;
    border-right: 2px solid #fff;
}
.Point__Evernote > * {
    text-align: left;
}
.Button_text{
text-align: center;
font-size: 1.0rem;
padding-bottom: 20px;
}
/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    /* Beige Box */
    .Box__Split3 {
        margin-top: 10px;
    }
    .Box__Split3 > * {
        margin-top: 10px;
        padding: 10px;
        text-align: left;
    }
    .Box__Split3 .Lead,
    .Box__Split3 .Caption {
        font-size: 75%;
    }
    .Box__Split3 > * h3 img {
        zoom: 0.8;
    }
    /* 4 Column for PC */
    .Box__Split4 {
        margin-top: 10px;
    }
    .Box__Split4 > * {
        margin-top: 10px;
        padding: 10px;
        text-align: left;
    }
    .Box__Split4 .Lead,
    .Box__Split4 .Caption {
        font-size: 75%;
		text-align: left;
    }
    .Box__Split4 > * h3 img {
        zoom: 0.8;
    }

    .Point__Evernote h4 {
        display: flex;
        font-size: 0.75rem;
    }
    .Point__Evernote h4 span {
        width: 50px;
        margin: 0;
        padding: 5px 10px 5px;
        border-right: 1px solid #fff;
    }
    .Point__Evernote h4 img {
        zoom: 0.6;
    }
    .Point__Evernote h4 em {
        padding: 5px 10px 5px;
    }

    .Point__Evernote .Figure {
        display: flex;
        margin-top: 10px;
    }
    .Point__Evernote .Figure img {
        width: 55%;
        margin-right: 20px;
    }
    .Point__Evernote .Figure .Caption {
        width: 45%;
        line-height: 1.6;
    }
    .Point__Evernote + .Button {
        margin-top: 20px;
    }
	.content_Inner .Box__Split4{
display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 24px 0 0;
  padding: 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
	}
	.content_Inner .BG__Beige {
	width: 50%;
	text-align: center;
	}
	p.Button.White,
p.ButtonS.White {
margin: 8px 0 16px;
	}
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
   	p.Button.White,
p.ButtonS.White {
margin: 32px 0 0;
}
	/* Beige Box */
    .Box__Split3 {
        margin-top: 20px;
        letter-spacing: -0.4em;
    }
    .Box__Split3 > * {
        display: inline-block;
        width: 306px;
        margin-left: 21px;
        letter-spacing: normal;
        vertical-align: top;
    }
    .Box__Split3.Point__Evernote > *,
    .Box__Split3.Point__Watch > * {
        width: 299px;
        margin-left: 31px;
    }
    .Box__Split3.Point__Jorte > * {
        width: 311px;
        margin-left: 14px;
        padding: 0;
        text-align: left;
    }
    .Box__Split3 > *:first-child {
        margin-left: 0;
    }
    .Box__Split3 .Lead,
    .Box__Split3 .Caption {
        margin-top: 10px;
        font-size: 88.9%;
    }

    /* 4 Column */
    .Box__Split4 {
        margin-top: 20px;
        letter-spacing: -0.4em;
    }
    .Box__Split4 > * {
        display: inline-block;
        width: 232px;
        margin-left: 10px;
        letter-spacing: normal;
        vertical-align: top;
    }
    .Box__Split4 > *:first-child {
        margin-left: 0;
    }
    .Box__Split4 .Lead,
    .Box__Split4 .Caption {
        margin-top: 10px;
        font-size: 78%;
		text-align: left;
    }


    .Point__Evernote h4 {
        display: table;
        width: 100%;
    }
    .Point__Evernote h4 > * {
        display: table-cell;
        vertical-align: middle;
    }
    .Point__Evernote h4 > span {
        width: 81px;
    }
    .Point__Evernote h4 > em {
        padding: 12px 0 10px 15px;
        letter-spacing: -0.02em;
    }
    .Point__Evernote .Caption,
    .Point__Jorte .Caption {
        margin-top: 5px;
        font-size: 75.0%;
        line-height: 1.6;
    }
}

/* All Media View */
.AllMediaFrame {
    border: 1px solid #1f8a11;
    background-color: #fff;
}
.AllMediaFrame.MyNews {
    margin-top: 30px;
    border: none;
    background-color: #f7f5e4;
}
.Section .AllMediaFrame h2 {
    padding: 0;
    text-align: left;
}
.AllMediaFrame p {
    margin-top: 20px;
}
.AllMediaFrame .Figure {
    position: relative;
    display: inline-block;
}
.AllMediaFrame .Figure .Sup {
    position: absolute;
    top: 0;
    right: 0;
}
/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    /* All Media View */
    .AllMediaFrame {
        padding: 10px;
        font-size: 75%;
    }
    .AllMediaFrame > .Column:first-child {
        text-align: left;
    }
    .AllMediaFrame p {
        margin-top: 10px;
    }

    .AllMediaFrame .Figure img {
        zoom: 1;
    }
    .AllMediaFrame .Figure img.Sup {
        top: -40px;
        right: -5px;
        zoom: 0.75;
    }

    .AllMediaFrame > .Column:last-child {
        margin-top: 40px;
    }
    .AllMediaFrame.MyNews {
        display: none;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    /* All Media View */
    .AllMediaFrame {
        padding: 30px 30px 20px;
    }
    .AllMediaFrame.MyNews {
        margin-bottom: 10px;
        padding: 30px 0 0 30px;
    }
    .AllMediaFrame > .Column {
        display: inline-block;
        width: 485px;
        margin-right: 29px;
        vertical-align: top;
    }
    .AllMediaFrame.MyNews > .Column {
        width: 505px;
        margin-right: 0;
    }
    .Section .AllMediaFrame h2 {
        font-size: 120%;
        letter-spacing: -0.03em;
    }
    .Section .AllMediaFrame.MyNews h2 {
        font-size: 105%;
        letter-spacing: normal;
    }
    .AllMediaFrame > .Column > p {
        font-size: 75.0%;
    }
    .AllMediaFrame > .Column:last-child {
        width: 377px;
        margin-right: 0;
    }
    .AllMediaFrame.MyNews > .Column:last-child  {
        width: 405px;
    }
    .AllMediaFrame .Figure {
        padding-top: 15px;
    }
    .AllMediaFrame.MyNews .Figure {
        padding-top: 20px;
    }
    .AllMediaFrame .Figure .Sup {
        top: -20px;
        right: -20px;
    }
    .AllMediaFrame.MyNews .Figure .Sup {
        top: -15px;
        right: -25px;
    }
}

/* Viewing Environment */
.ViewingEmv {

}
.ViewingEmv .Column {
    border: 2px solid #1f8a11;
    background-color: #fff;
}

.Section .ViewingEmv h2 {
    padding: 3px 10px;
    text-align: left;
    line-height: 1;
    color: #fff;
    background-color: #1f8a11;
    font-size: 1em;
}
.Section .ViewingEmv h3 {
    margin-top: 15px;
    padding: 4px 6px 2px;
    text-align: left;
    line-height: 1;
    color: #fff;
    background-color: #2d4668;
}
.Section .ViewingEmv h3:first-child {
    margin-top: 0;
}
.ViewingEmv ul {
    margin-top: 10px;
}
.ViewingEmv ul li a {
    display: block;
    margin-top: 15px;
    padding-left: 27px;
    color: #222;
    text-decoration: none;
}

.ViewingEmv ul li a.Icon__Arrow {
    background: url(../images/arrow_right_circle_blue.png) 0 0 no-repeat;
}

.ViewingEmv ul li a em {
    color: #1d89d0;
    text-decoration: underline;
}
.ViewingEmv ul li a em:hover {
    text-decoration: none;
}
/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    /* Viewing Environment */
    .ViewingEmv {
    }
    .ViewingEmv .Column {
        margin-top: 15px;
    }
    .Section .ViewingEmv h2 {
        font-size: 87.5%;
    }
    .Section .ViewingEmv h3 {
        font-size: 75%;
    }
    .ViewingEmv .BodyArea {
        padding: 10px;
    }
    .ViewingEmv ul li {
        margin-top: 10px;
        font-size: 75%;
        text-align: left;
    }
    .ViewingEmv ul li a.Icon__Nikkei {
        margin-top: 10px;
        padding: 5px 0 6px 40px;
        background: url(../images/icon_nikkei01.png) 0 0 no-repeat;
        background-size: contain;
    }
    .ViewingEmv ul li a.Icon__NikkeiView {
        margin-top: 10px;
        padding: 5px 0 6px 40px;
        background: url(../images/icon_nikkei02.png) 0 0 no-repeat;
        background-size: contain;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    /* Viewing Environment */
    .ViewingEmv {
        position: relative;
        height: 370px;
        margin-top: 40px;
        font-size: 75.0%;
        line-height: 1.3;
        background: url(../images/bg_viewing.png) 45% 100% no-repeat;
    }
    .ViewingEmv .BodyArea {
        position: relative;
        padding: 15px;
    }
    .ViewingEmv .Column {
        position: absolute;
        top: 0;
        width: 290px;
    }
    .ViewingEmv .Column1 .BodyArea:after {
        position: absolute;
        content: url("../images/img_tail_column1_pc.png");
        bottom: -36px;
        left: 75px;
        width: 20px;
        height: 34px;
    }
    .ViewingEmv .Column2 .BodyArea:after {
        position: absolute;
        content: url("../images/img_tail_column2_pc.png");
        top: 115px;
        right: -78px;
        width: 76px;
        height: 37px;
    }
    .ViewingEmv .Column3 .BodyArea:after {
        position: absolute;
        content: url("../images/img_tail_column3_pc.png");
        bottom: -10px;
        left: -37px;
        width: 35px;
        height: 60px;
    }
    .ViewingEmv .Column.Column1 {
        width: 337px;
    }
    .ViewingEmv .Column1 {
        left: 0;
        right: 0;
        margin: auto;
    }
    .ViewingEmv .Column2 {
        left: 0;
/*         min-height: 298px; */
        height: auto!important;
        height: 298px;
    }
    .ViewingEmv .Column3 {
        right: 0;
/*         min-height: 298px; */
        height: auto!important;
        height: 298px;
    }


    .ViewingEmv ul li a.Icon__Nikkei {
        margin-top: 10px;
        padding: 5px 0 6px 40px;
        background: url(../images/icon_nikkei01_s.png) 0 0 no-repeat;
    }
    .ViewingEmv ul li a.Icon__NikkeiView {
        margin-top: 10px;
        padding: 5px 0 6px 40px;
        background: url(../images/icon_nikkei02_s.png) 0 0 no-repeat;
    }
}

/* Orange Frame */
.OrangeFrame__Single {
    text-align: left;
}

.OrangeFrames > .Frame,
.OrangeFrame__Single > .Frame {
    border: 2px solid #f18b00;
    background-color: #fff;
}
.OrangeFrame__Single > .Frame {
    margin-top: 2px;
    overflow: hidden;
}

.OrangeFrames > .Frame h2 {
    padding: 8px 15px;
    text-align: left;
    color: #fff;
    background-color: #f18b00;
}

.OrangeFrames > .Frame h2 img,
.OrangeFrame__Single > .Head img {
    vertical-align: middle;
}

.OrangeFrame__Single > .Head {
    display: table;
    width: 100%;
    color: #fff;
    background-color: #f18b00;
    line-height: 1;
}
.OrangeFrame__Single > .Head > * {
    display: table-cell;
    vertical-align: middle;
}
.OrangeFrame__Single > .Head span {
    width: 80px;
    padding: 10px 15px 10px;
    border-right: 2px solid #fff;
}
.OrangeFrame__Single > .Head em {
    padding: 12px 15px 8px;
}

.OrangeFrames > .Frame .Lead {
    padding: 0 15px 0 20px;
    text-align: left;
}

.OrangeFrames > .Frame .BodyArea {
    padding: 15px 0;
}

/* OrangeFrame__Mini */
.OrangeFrame__Mini {
    margin-top: 50px;
    padding: 30px 10px 30px 30px;
    border: 1px solid #f18b03;
}

.OrangeFrame__Mini .HeadArea {
    padding-left: 10px;
    border-left: 8px solid #f18b03;
}
.Section .OrangeFrame__Mini h2 {
    margin: 10px 0 0 -10px;
    padding: 0;
    text-align: left;
    line-height: 1;
    font-size: 1em;
}
.OrangeFrame__Mini .BodyArea {
    padding: 0;
}
.OrangeFrame__Mini .BodyArea a {
    display: block;
    color: #222;
    text-decoration: none;
}
.OrangeFrame__Mini .BodyArea dt {
    font-weight: bold;
}

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .OrangeFrame__Single {
        margin-top: 10px;
    }
    .OrangeFrame__Single > .Head {
        display: flex;
        align-items: center;
        font-size: 0.75rem;
        line-height: 1.5;
    }
    .OrangeFrame__Single > .Head span {
        width: 50px;
        margin: 0;
        padding: 5px 10px 5px;
        border: none;
    }
    .OrangeFrame__Single > .Head img {
        zoom: 0.6;
    }
    .OrangeFrame__Single > .Head em {
        padding: 5px 10px 5px;
        border-left: 1px solid #fff;
    }
    .OrangeFrame__Single > .Frame {
        padding: 10px;
    }

    .OrangeFrames > .Frame {
        margin-top: 10px;
    }
    .OrangeFrames > .Frame .Lead {
        padding: 0 10px;
    }
    .OrangeFrame__Single > .Frame,
    .OrangeFrames > .Frame .BodyArea {
        font-size: 0.75rem;
    }
    .OrangeFrames > .Frame .Figure {
        padding: 10px;
    }
    .OrangeFrames > .Frame .Figure img {
        zoom: 1;
    }
    .OrangeFrames > .Frame h2 {
        font-size: 0.875rem;
    }

    /* OrangeFrame__Mini */
    .OrangeFrame__Mini {
        margin-top: 15px;
        padding: 10px;
        border: 1px solid #f18b03;
    }
    .OrangeFrame__Mini .HeadArea {
        text-align: left;
    }
    .Section .OrangeFrame__Mini h2 {
        margin-top: 5px;
        font-size: 0.875rem;
    }
    .OrangeFrame__Mini .BodyArea {
        font-size: 0.75rem;
    }
    .OrangeFrame__Mini li {
        margin-top: 20px;
    }
    .OrangeFrame__Mini .Figure {
        display: flex;
        align-items: flex-start;
        background-color: #fff;
    }
    .OrangeFrame__Mini .Figure > * {
        width: 50%;
    }
    .OrangeFrame__Mini .Figure .Caption {
        padding: 8px 8px 8px 25px;
        text-align: left;
        background: url(../images/arrow_right_blue2.png) 10px 12px no-repeat;
        background-size: 11px 10px;
    }
    .OrangeFrame__Mini dl {
        margin-top: 10px;
    }
    .OrangeFrame__Mini dt {
        text-align: left;
    }
    .OrangeFrame__Mini dd {
        margin: 5px 5px 0;
        display: inline-block;
    }
    .OrangeFrame__Mini dd img {
        zoom: 1;
    }

    .OrangeFrame__Mini + hr {
        margin-top: -5px;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    /* Orange Frame */
    .OrangeFrames {
        margin-top: 40px;
    }
    .OrangeFrame__Single {
        margin-top: 30px;
    }
    .OrangeFrame__Single.App__Nikkei {
        margin-top: 0;
    }
    .OrangeFrames > .Frame {
        display: inline-block;
        width: 466px;
        margin-right: 20px;
        font-size: 75.0%;
        vertical-align: top;
    }
    #Point__Watch1 {
        margin-top: 50px;
    }
    .OrangeFrame__Single > .Frame {
        padding: 25px 30px;
        font-size: 75.0%;
    }
    .OrangeFrames > .Frame:last-child {
        margin-right: 0;
    }
    .OrangeFrames > .Frame h2 {
        font-size: 120.0%;
    }
    .OrangeFrames .Lead {
        min-height: 100px;
        height: auto !important;
        height: 100px;
    }
    .OrangeFrames > .Frame .Figure {
        min-height: 345px;
        height: auto !important;
        height: 345px;
    }

    /* OrangeFrame__Mini */
    .OrangeFrame__Mini ul {
        margin-top: -30px;
        letter-spacing: -0.4em;
        overflow: hidden;
    }
    .OrangeFrame__Mini li {
        display: inline-block;
        width: 286px;
        margin: 50px 20px 0 0;
        letter-spacing: normal;
        vertical-align: top;
    }
    .OrangeFrame__Mini .BodyArea {
        font-size: 70.0%;
    }
    .OrangeFrame__Mini dl {
        margin-top: 15px;
        letter-spacing: -0.4em;
    }
    .OrangeFrame__Mini dt {
        min-height: 25px;
        font-size: 92.9%;
        letter-spacing: normal;
    }
    .OrangeFrame__Mini dd {
        display: inline-block;
        letter-spacing: normal;
    }
    .OrangeFrame__Mini dd + dd {
        margin-left: 10px;
    }
    .OrangeFrame__Mini .Caption {
        margin-top: 5px;
        padding-left: 30px;
        background: url(../images/arrow_right_blue2.png) 0 40% no-repeat;
    }
}

/* FunctionList */
.FunctionList {
}

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .FunctionList {
        margin-top: 10px;
    }
    .FunctionList li {
        margin-top: 5px;
    }
    .FunctionList li img {
        zoom: 1;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    /* FunctionList */
    .FunctionList {
        margin-right: -25px;
        letter-spacing: -0.4em;
        overflow: hidden;
    }
    .FunctionList li {
        display: inline-block;
        margin: 20px 25px 0 0;
        letter-spacing: normal;
    }
}


/* How to Apply */
.HowtoApply {
    background-color: #fff;
}

.HowtoApply .Hr2 {
    margin-bottom: 10px;
}

.HowtoApply .BodyArea {
    padding: 0 20px;
}

.Section.HowtoApply h2 {
    padding: 10px 0 5px;
    background-color: #f18b00;
}

.NavyFrame {
    border: 2px solid #2d4668;
}

.NavyFrame .HeadArea {
    position: relative;
    padding: 5px 10px 1px;
    color: #fff;
    background-color: #2d4668;
}

.HowtoApply .NavyFrame > .BodyArea {
    padding: 30px;
}

.FlowWPlan img {
    vertical-align: bottom;
}

.FlowWPlan .MeritArea {
    width: 100%;
    padding: 3px 10px 0;
    color: #f5680f;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
}

.PriceArea .Price {
    font-weight: bold;
    line-height: 1;
}
.PriceArea .Price strong {
    margin-left: 5px;
    color: #1f8a11;
}
.Plan02 .PriceArea .Price,
.Plan03 .PriceArea .Price {
    margin-top: 6px;
}
.Plan03 .PriceArea .Price {
    letter-spacing: -0.06em;
}
.Plan03 .PriceArea > .TextArea span {
    margin-right: 5px;
}
/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .HowtoApply {
        font-size: 75%;
    }
    .HowtoApply .Hr2 {
        display: none;
    }
    .NavyFrame .HeadArea {
        padding: 5px 10px;
    }
    .NavyFrame .HeadArea img {
        zoom: 0.8;
    }
    .HowtoApply .BodyArea {
        margin-top: 10px;
        padding: 0 10px;
    }
    .HowtoApply .Annotation {
        margin-top: 0;
        font-size: 83.3%;
    }
    .HowtoApply .Column1 {
        margin-top: 10px;
    }
    .HowtoApply .Column2 {
        margin-top: 15px;
    }
    .HowtoApply .NavyFrame > .BodyArea {
        margin-top: 0;
        padding: 10px;
    }

    .FlowWPlan .MeritArea {
        font-size: 116.7%;
    }
    .FlowWPlan {
        padding-bottom: 10px;
        background-color: #f7f5e4;
    }
    .Plan02 {
        margin-top: 10px;
    }
    .FlowWPlan img {
        zoom: 1;
    }
    .Annotation {
        margin-top: 10px;
        padding: 0 10px;
    }
    .PriceArea {
        padding: 0 10px;
    }
    .Plan01 .PriceArea .TextArea {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
    }
    .Price {
        margin-right: 6px;
        font-size: 116.7%;
        letter-spacing: -0.03em;
        white-space: nowrap;
    }
    .PriceArea .Price strong {
        font-size: 158.3%;
    }
    .HowtoApply .Caution {
        margin-top: 10px;
        padding: 0 10px;
        text-align: left;
    }
    .PriceArea .Caption {
        margin-top: 0;
        /*white-space: nowrap;*/
    }
    .MeritArea,
    .PriceArea .ButtonS {
        margin: 10px 0 0;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    .FlowWPlan .MeritArea {
        font-size: 80.0%;
    }
    .Plan03 .PriceArea > .TextArea span {
        font-size: 80.0%;
    }
    .PriceArea .ButtonS {
        width: 185px;
    }
    .PriceArea .Price strong {
        font-size: 150%;
    }
}

/* Gray Box */
.GrayBox {
    margin-top: 20px;
    padding: 20px;
    text-align: left;
    background-color: #ededed;
}

/* Faq Frame */
.FaqFrame {
    text-align: left;
}
.Section.HowtoApply .FaqFrame h2 {
    padding: 0;
    text-align: left;
    background-color: transparent;
}
.FaqFrame .BodyArea {
    padding: 0;
}
.FaqFrame dl dt {
    margin-top: 10px;
    font-weight: bold;
}
.FaqFrame dl dt a {
    display: inline-block;
    padding: 2px 0 2px 30px;
    color: #222;
    text-decoration: none;
    background: url(../images/icon_question.png) 0 0 no-repeat;
}

.FaqFrame dl dt a:after {
    content: url("../images/arrow_bottom_pulldown.png");
    margin-left: 3px;
}
.FaqFrame dl dt a.Open:after {
    content: url("../images/arrow_top_pulldown.png");
}

.FaqFrame .Answer {
    display: none;
    padding: 15px 10px 15px 30px;
}

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    /* Gray Box */
    .GrayBox {
        margin-top: 10px;
        padding: 10px;
    }
    .GrayBox h3 {
        font-size: 125.0%;
    }
    /* Faq Frame */
    .FaqFrame {
        margin-top: 15px;
        padding: 0;
    }
    .Section.HowtoApply .FaqFrame h2 {
        font-size: 125.0%;
    }
    .FaqFrame dl dt a {
        padding: 3px 0 3px 30px;
    }
    .FaqFrame .Answer .overlay_note + br {
        display: none;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    /* Faq Frame */
    .FaqFrame {
        margin-top: 40px;
        padding: 0 30px 15px;
    }
    .FaqFrame .Answer p {
        margin-bottom: 30px;
    }
}

/* News Frame & Related Link Frame */
.NewsFrame,
.RelatedLinkFrame {
}
.NewsFrame .HeadArea,
.RelatedLinkFrame .HeadArea {
    text-align: left;
    border-bottom: 1px solid #2d4668;
}
.Section .NewsFrame h2,
.Section .RelatedLinkFrame h2 {
    padding: 0;
    text-align: left;
    white-space: nowrap;
    border-bottom: 3px solid #2d4668;
}
.NewsFrame .BodyArea {
    padding: 10px 0 20px;
}
.NewsFrame ul li {
    margin-top: 5px;
}
.NewsFrame ul li a {
    color: #222;
    text-decoration: none;
}
.NewsFrame ul li a:hover {
    text-decoration: underline;
}

/* Related Links */
.RelatedLinkFrame .BodyArea {
    padding: 0 0 20px;
}

.RelatedLinkList a {
    color: #222;
    text-decoration: none;
}

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    /* News Frame & Related Link Frame */
    .NewsFrame,
    .RelatedLinkFrame {
        padding: 10px 10px 0;
    }
    .Section .NewsFrame h2,
    .Section .RelatedLinkFrame h2 {
        width: 45%;
    }
    .NewsFrame .BodyArea {
        padding: 10px 0 0;
        text-align: left;
        font-size: 87.5%;
    }
    .NewsFrame .BodyArea .Cat img {
        vertical-align: middle;
        zoom: 1;
    }
    .NewsFrame .BodyArea .Cat {
        margin-right: 10px;
    }
    .NewsFrame .BodyArea .Date {
        font-weight: bold;
    }
    .NewsFrame .BodyArea .Title {
        display: block;
        margin: 5px 0 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #2d4668;
    }
    .NewsFrame .BodyArea ul li:last-child .Title {
        margin-bottom: 0;
        padding-bottom: 0;
        border: none;
    }

    /* Related Links */
    .RelatedLinkFrame .HeadArea {
        margin-top: 15px;
    }
    .RelatedLinkFrame .HeadArea:first-child {
        margin-top: 0;
    }
    .RelatedLinkFrame .BodyArea {
        padding: 0 0 10px;
        font-size: 87.5%;
    }
    .RelatedLinkList .Figure img {
        vertical-align: bottom;
        zoom: 1;
    }
    .RelatedLinkList li {
        margin-top: 15px;
    }
    .RelatedLinkList .Caption {
        width: 90%;
        margin: 0 auto;
        padding-left: 20px;
        padding-top: 5px;
        text-align: left;
        background: url(../images/arrow_right_blue2_s.png) 0 8px no-repeat;
    }
    .RelatedLinkList.business {
        display: flex;
        flex-wrap: wrap;
        /*justify-content: space-between;*/
    }
    .RelatedLinkList.business > * {
        margin-right: 10px;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    /* News Frame & Related Link Frame */
    .NewsFrame,
    .RelatedLinkFrame {
        padding: 30px 30px 15px;
    }
    .Section .NewsFrame h2,
    .Section .RelatedLinkFrame h2 {
        width: 220px;
        font-size: 1em;
    }
    /* News Frame */
    .NewsFrame .BodyArea {
        height: 170px;
        padding-right: 10px;
        overflow-y: scroll;
    }
    .NewsFrame ul li {
        display: table;
        font-size: 75.0%;
    }

    .NewsFrame ul li img {
    }
    .NewsFrame ul li > * {
        display: table-cell;
        vertical-align: top;
    }
    .NewsFrame ul li .Cat {
        width: 85px;
    }
    .NewsFrame ul li .Date {
        width: 135px;
    }

    /* Related Links */
    .RelatedLinkList {
        margin-right: -20px;
        letter-spacing: -0.4em;
        font-size: 70.0%;
        overflow: hidden;
    }
    .RelatedLinkList.business {
        margin-top: 20px;
    }
    .RelatedLinkList li {
        display: inline-block;
        width: 220px;
        margin-top: 20px;
        margin-right: 20px;
        vertical-align: top;
        letter-spacing: normal;
    }
    .RelatedLinkList.business li {
        width: auto;
        margin-top: 0;
        margin-right: 20px;
    }
    .RelatedLinkList a {
        display: block;
        color: #222;
        text-decoration: none;
    }
    .RelatedLinkList .Caption {
        padding-left: 20px;
        padding-top: 5px;
        background: url(../images/arrow_right_blue2_s.png) 0 8px no-repeat;
    }
}


/* Option Modules */
.Module__Option .Price {
    margin: 0;
    letter-spacing: -0.05em;
}
.Module__Option .Price:before {
    content: "+";
}

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {

    .OptionList li {
        margin-top: 10px;
    }

    .OptionList li img {
        zoom: 1;
    }

    .AnnotationList {
        margin-top: 10px;
        padding-left: 1em;
    }

    .AnnotationList {
        text-indent: -1em;
    }
    /* Option Modules */
    .Module__Option {
        display: flex;
        align-items: center;
    }
    .Module__Option > * {
        font-weight: bold;
        letter-spacing: -0.04em;
        text-align: left;
    }
    .Module__Option .Price {
        letter-spacing: -0.05em;
    }
    .Module__Option .Price:before {
        content: "+";
    }

    .Module__Option > * {
        font-size: 0.75rem;
    }
    .Module__Option .Figure {
        width: 18%;
        padding-right: 10px;
    }
    .Module__Option a {
        width: 54%;
    }
    .Module__Option .Price {
        width: 28%;
        font-size: 1rem;
        text-align: left;
    }

    .Module__Option .Price:before {
    }


    .FlowWPlan.Plan03 .TextArea {
        margin-top: 20px;
        text-align: center;
    }
    .FlowWPlan.Plan03 .PriceArea {
        margin-top: 20px;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    /* Navy Frame */
    .NavyFrame .HeadArea {
        position: relative;
        padding: 5px 10px 1px;
        color: #fff;
        font-size: 65.0%;
        background-color: #2d4668;
    }

    .NavyFrame .HeadArea .Annotation {
        position: absolute;
        bottom: 5px;
        right: 10px;
    }

    /* Flow Plan */
    .FlowWPlan {
        position: relative;
        text-align: left;
    }

    .FlowWPlan > * {
        display: inline-block;
        vertical-align: top;
    }
    .FlowWPlan.Plan02 > * {
        vertical-align: middle;
    }

    .FlowWPlan.Plan01 {
        height: 290px;
        background: #f7f5e4 url(../images/bg_flowplan01_pc.png) 0 0 no-repeat;
    }

    .FlowWPlan.Plan01 .Column {
        margin-top: 110px;
    }

    .FlowWPlan.Plan01 .Column1 .Figure {
    	width: 296px;
    	text-align: center;
    }
    .FlowWPlan.Plan02 .Column1 {
        margin-left: 15px;
    }
    .FlowWPlan .Column2 {
        float: right;
        width: 405px;
        margin-right: 10px;
    }
    .FlowWPlan.Plan02 .Column2 {
        margin-top: 24px;
    }
    .FlowWPlan.Plan03 .Column2 {
        width: 445px;
        margin-top: 26px;
    }
    .FlowWPlan.Plan03 .TextArea {
        position: relative;
        height: 93px;
        margin-left: 25px;
    }
    .FlowWPlan.Plan03 .TextArea img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
    .FlowWPlan.Plan03 .PriceArea {
        float: right;
        margin-top: 26px;
        padding-right: 10px;
    }

    .Plan01 .Figure.Annotation {
        position: absolute;
        top: 10px;
        left: 128px;
    }

    .FlowWPlan.Plan02 {
        height: 133px;
        margin-top: 20px;
        background: #f7f5e4 url(../images/bg_flowplan02_pc.png) 0 0 no-repeat;
    }
    .FlowWPlan.Plan03 {
        height: 93px;
        background-color: #f7f5e4;
    }

    /* Price Area */
    .PriceArea {
        letter-spacing: -0.4em;
    }
    .PriceArea > * {
        display: inline-block;
        letter-spacing: normal;
        vertical-align: top;
    }
    .Side .PriceArea > * {
        vertical-align: baseline;
    }
    .PriceArea > .TextArea {
        width: 54%;
    }
    .PriceArea > .ButtonArea {
        width: 46%;
    }


    .Plan03 .TextArea {

    }
    .Plan03 .ButtonArea {
        text-align: right;
    }
    .PriceArea > .ButtonArea .ButtonS {
        margin-top: 10px;
    }

    .Plan03 .PriceArea > .ButtonArea .ButtonS {
        margin: 0 0 0 auto;
    }

    .FlowWPlan .PriceArea > .ButtonArea .ButtonS a br {
        display: none;
    }
    .FlowWPlan .PriceArea > .ButtonArea .ButtonS strong {
        display: block;
    }
    .PriceArea > .ButtonArea .ButtonS:first-child {
        margin-top: 0;
    }
    .PriceArea .Caption,
    .PriceArea .Caution {
        margin-top: 5px;
        padding-right: 10px;
        font-size: 65.0%;
    }
    .PriceArea .Caution br {
        display: none;
    }
    .FlowWPlan .MeritArea {
        margin-top: 5px;
    }
    .FlowWPlan.Plan02 .MeritArea {
        margin-top: 15px;
    }

    /* Gray Box */
    .OptionList {
        margin-right: -40px;
        margin-top: 10px;
        letter-spacing: -0.4em;
        overflow: hidden;
    }
    .OptionList li {
        display: inline-block;
        width: 400px;
        /*margin-right: 10px;*/
        margin-top: 23px;
        padding-left: 30px;
        letter-spacing: normal;
    }
    .AnnotationList {
        margin: 20px 0 0 10px;
    }
    .AnnotationList li {
        font-size: 75.0%;
    }
    .NavyFrame + .SupInfo {
        margin-top: 10px;
        padding-left: 30px;
        text-align: left;
    }
    .FaqFrame dt {
        font-size: 75.0%;
    }
    .FaqFrame dd {
        font-size: 65.0%;
        line-height: 1.69;
    }
    /* Option Modules */
    .Module__Option {
        display: table;
        width: 100%;
    }
    .Module__Option > * {
        display: table-cell;
        vertical-align: middle;
        font-weight: bold;
        letter-spacing: -0.04em;
        text-align: left;
    }
    .Module__Option > * {
        font-size: 75.0%;
    }

    .Module__Option > .Figure {
        width: 50px;
        padding-right: 15px;
    }

    .Module__Option > a {
        width: 195px;
    }
    .Module__Option .Price {
        font-size: 113.3%;
    }

    .Module__Option .Price:before {
        font-size: 94.1%;
    }
}


/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {

}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {

}



/* Import Nikkei */
table.tbl_function {
    width: 100%;
    margin-top: 15px;
    border: 1px solid #aaa;
    margin-bottom: 20px;
}
table.tbl_function th {
    border: 1px solid #aaa;
    padding: 10px;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    line-height: 1.4;
    vertical-align: middle;
}
table.tbl_function th.item1 {
    background: #1f8a11;
    width: 220px;
    color: #fff;
    border: 1px solid #aaa;
}
table.tbl_function th.item2 {
    background: #f7f5e4;
    width: 220px;
    border: 1px solid #aaa;
}
table.tbl_function th.item3 {
    background: #f7f5e4;
    width: 220px;
    border: 1px solid #aaa;
}
table.tbl_function th.item1 span,
table.tbl_function th.item2 span,
table.tbl_function th.item3 span {
    font-size: 13px;
}
table.tbl_function td {
    border: 1px solid #aaa;
    padding: 10px;
    text-align: center;
    font-size: 15px;
    line-height: 1.4;
    vertical-align: middle;
}

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {

}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {

}

.laybox-msg h5 {
    margin-bottom: 15px;
    padding: 5px 10px 2px;
    color: #fff;
    background-color: #2d4668;
}
.laybox-msg ul {
    width: 100%;
    border-bottom: 1px dotted #c3c3c3;
    margin-bottom: 30px;
}
.laybox-msg ul {
    clear: both;
    overflow: hidden;
}
.laybox-msg ul li {
    padding-bottom: 30px;
}

.laybox-msg ul li img {
    width: 100%;
    height: auto;
}

.laybox-msg ul li:first-child {
    float: left;
    width: 40%;
    padding-right: 20px;
}
.laybox-msg ul li:last-child {
    float: left;
    width: 60%;
}
.laybox-msg ul li .ov_category_ttl {
    font-size: 16px;
    font-weight: bold;
    color: #f5680f;
    border-bottom: 1px solid #aaa;
    margin-bottom: 14px;
    padding-bottom: 4px;
}
.overlay_note {
    display: block;
    margin: 20px 0 15px;
}
.ov_text {
}

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {

}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {

}


/* Subscription */

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .SupInfo {
        margin-top: 10px;
        text-align: left;
        font-size: 0.75rem;
        line-height: 1.5;
    }
    .Side .SupInfo {
        margin-top: 0;
    }
    .SupInfo li {
        margin-top: 5px;
        margin-left: 10px;
    }
    .MyNews__Section6 .SupInfo li {
        margin-left: 0;
    }
    .SupInfo li:first-child {
        margin-top: 0;
    }
    .SupInfo a {
        display: inline-block;
        padding: 0 0 0 22px;
        color: #222;
        text-decoration: none;
        background: url(../images/arrow_right_circle_blue.png) 0 0 no-repeat;
        background-size: contain;
    }
    .SupInfo a:hover {
        text-decoration: underline;
    }

    .Button + .SupInfo {
        width: 90%;
        margin: 20px auto 0;
    }
    .Button + .SupInfo li {
        margin: 0;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    /* Subscription */
    .Subscription > .Column {
        display: inline-block;
        width: 495px;
        vertical-align: top;
        background-color: #fff;
    }
    .Side .Subscription {
        padding: 0 10px;
    }
    .Side .Subscription > .Column {
        display: block;
        width: auto;
    }
    .Subscription > .Column > .Inner {
        min-height: 535px;
        height: auto!important;
        height: 535px;
        padding-bottom: 16px;
        background: url(../images/bg_shadow_s.png) 50% 100% no-repeat;
    }
    .Side .Subscription > .Column > .Inner {
        min-height: 0;
        height: auto;
        padding-top: 15px;
        border-top: 2px solid #d5d5d5;
        background: transparent;
    }
    .Side .Subscription > .Column:first-child > .Inner {
        margin-top: 0;
        padding-top: 0;
        border: none;
    }
    .Subscription .HeadArea {
        /*display: table;*/
        min-height: 240px;
        height: auto !important;
        height: 240px;
        padding: 25px 20px 5px 10px;
    }
    .Side .Subscription .HeadArea {
        min-height: 0;
        height: auto !important;
        padding: 0;
    }
    .Subscription .HeadArea > * {
        display: table-cell;
        vertical-align: top;
        text-align: left;
    }
    .Side .Subscription .HeadArea > *:first-child {
        padding-top: 5px;
    }
    .Subscription .HeadArea > *:last-child {
        padding-left: 15px;
    }
    .Subscription .HeadArea > .Figure__Subscription02 + .TextArea {
	    padding-left: 10px;
    }
    .Side .Subscription .HeadArea > *:last-child {
        padding-left: 5px;
    }
    .Subscription .HeadArea h2 {
        padding: 0;
        font-size: 150%;
        line-height: 1;
        text-align: left;
    }
    .Side .Subscription .HeadArea h2 {
        font-size: 112.5%;
    }
    .Subscription .HeadArea h2 > em {
        font-size: 63.3%;
    }
    .Side .Subscription .HeadArea h2 > em {
        font-size: 72.2%;
    }
    .Subscription .BodyArea {
        padding: 5px 45px 19px;
    }
    .Side .Subscription .BodyArea {
        padding: 10px 0 0;
    }
    .Subscription .Utility {
        margin-top: 15px;
        font-size: 60.0%;
    }
    .Side .Subscription .Utility {
        margin-top: 5px;
        font-size: 75.0%;
        line-height: 1.3;
    }
    .Subscription .PriceArea {
        margin-top: 15px;
        font-weight: bold;
    }
    .Side .Subscription .PriceArea {
        margin-top: 10px;
        font-size: 81.3%;
    }
    .Side .Subscription .PriceArea br {
        display: none;
    }
    .Subscription .PriceArea strong {
        font-size: 150%;
        color: #1f8a11;
    }
    .Side .Subscription .PriceArea strong {
        font-size: 138.5%;
    }
    .Subscription .MeritArea {
        padding-top: 3px;
        color: #f5680f;
        text-align: center;
        font-size: 80.0%;
        border: 1px solid #ccc;
        border-radius: 3px;
    }
    .Side .Subscription .MeritArea {
        padding: 7px 0 5px;
        font-size: 81.3%;
        letter-spacing: -0.04em;
    }
    .Subscription .ButtonArea {
        margin-top: 20px;
    }
    .Side .Subscription .ButtonArea {
        margin-top: 10px;
    }
    .Subscription .ButtonArea > .Button {
        width: 100%;
    }
    .Subscription .ButtonArea.Column2 {
        letter-spacing: -0.4em;
    }
    .Subscription .ButtonArea.Column2 > .Button {
        width: 195px;
        letter-spacing: normal;
        vertical-align: top;
    }
    .Side .Subscription .ButtonArea.Column2 > .Button {
        width: 100%;
    }
    .Subscription .ButtonArea.Column2 > .Button:first-child {
        margin-right: 15px;
    }
    .Side .Subscription .ButtonArea.Column2 > .Button:first-child {
        margin-right: 0;
    }
    .Side .Subscription .ButtonArea .Button + .Button {
        margin-top: 10px;
    }
    .Subscription .ButtonArea > p.Button.Orange > a {
        padding: 16px 40px 5px 40px;
        min-height: 88px;
        line-height: 1.45;
        font-size: 90.0%;
        border-radius: 5px;
    }
	.Subscription .ButtonArea.Column2 strong{

	}
    .Subscription .ButtonArea.Column2 > p.Button.Orange > a {
        padding: 10px 8px 5px;
        line-height: 1.25;
        background: #f5680f url(../images/ic_arrow_right.svg) right 8px top 50% no-repeat;
		background-size: auto 30%;
    }
    .Side .Subscription .ButtonArea > p.Button.Orange > a {
        min-height: 0;
        padding: 10px 5px 7px 5px;
        line-height: 1.25;
        background: #f5680f;
    }
    .Subscription .ButtonArea.Column2 > p.Button.Orange > a strong {
        line-height: 1.1;
    }

    .Side .Subscription .ButtonArea {
        padding: 0 10px;
    }
    .Side .Subscription .ButtonArea br {
        display: none;
    }
    .Side .Subscription .ButtonArea strong {
        display: block;
    }

    .SupInfo,
    .Subscription .Annotation {
        font-size: 80.0%;
    }
    .SupInfo {
        margin-top: 20px;
    }
    .Side .SupInfo {
        margin-top: 0;
        text-align: left;
        line-height: 1.5;
    }
    .Side .SupInfo li {
        margin-top: 5px;
    }
    .Side .SupInfo li:first-child {
        margin-top: 0;
    }
    .SupInfo a {
        display: inline-block;
        padding-left: 27px;
        color: #222;
        text-decoration: none;
        background: url(../images/arrow_right_circle_blue.png) 0 2px no-repeat;
    }
    .SupInfo a:hover {
        text-decoration: underline;
    }
    .Side .SupInfo a {
        padding-left: 15px;
        background: url(../images/arrow_right_black_s.png) 2px 6px no-repeat;
    }

    .Subscription .Annotation {
        margin-top: 10px;
    }

    .Side .Subscription .Annotation {
        margin-top: 20px;
        padding: 10px;
        text-align: left;
        line-height: 1.3;
        background-color: #f4f4f4;
    }

    .Subscription .Figure__Subscription01 {
    	padding-top: 17px;
    }
    .Subscription .Figure__Subscription02 {
    	padding-top: 27px;
    }
    .Side .Subscription .Figure__Subscription01 {
    	padding-top: 5px;
    }
    .Side .Subscription .Figure__Subscription02 {
    	padding-top: 10px;
    }
}


/* SituationList */
.SituationList {
    padding-top: 15px;
}
.SituationList img {
    vertical-align: bottom;
}
.SituationList h2 {
    position: relative;
    display: table-cell;
    background-color: #f18b00;
}
.SituationList h2:after {
    position: absolute;
    top: 0;
    right: -20px;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 20px 0 0;
    border-color: #f18d00 transparent transparent transparent;
}
.SituationList > ul > li:last-child {
    margin-right: 0;
}
.SituationList .Figure {
}
.SituationList .Figure .Caption {
    color: #fff;
    background-color: #2d4668;
}
.SituationList .Figure .Caption .Text {
    padding: 10px 5px 10px 10px;
}

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    /* SituationList */
    .SituationList > ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
    }
    .SituationList > ul > li {
        width: 48%;
        margin-top: 10px;
        font-size: 75%;
        background-color: #2d4668;
    }
    .SituationList > ul > li img {
		width: 100%;
        zoom: 1;
    }
    .SituationList h2 {
        display: inline-block;
        width: 70%;
        min-height: 30px;
        margin: 0 auto;
        padding: 6px 0 0 0;
        font-size: 108.3%;
        white-space: nowrap;
        letter-spacing: -0.1em;
    }
    .SituationList h2::before {
        position: absolute;
        top: 0;
        left: -20px;
        content: " ";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 30px 0 0 20px;
        border-color: #f18d00 transparent transparent transparent;
    }
    .SituationList .Figure .Caption .Text {
        text-align: left;
    }
	.content_Inner h3 img{
	height:100px;
	}
	.content_Inner .title{
	height:70px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	}
		.content_Inner .Lead{
	font-size: 0.8rem;
	}
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    /* SituationList */
    .SituationList > ul {
        letter-spacing: -0.4em;
    }
    .SituationList > ul > li {
        display: inline-block;
        width: 225px;
        margin-right: 20px;
        text-align: left;
        letter-spacing: normal;
        vertical-align: top;
        overflow: hidden;
    }

    .SituationList h2 {
        width: 130px;
        height: 30px;
        padding: 6px 0 0 10px;
        font-size: 115.4%;
        letter-spacing: -0.1em;
        text-align: left;
    }
    .SituationList .Figure .Caption {
        margin-top: -15px;
        font-size: 65.0%;
    }
}



/* Side Styles
--------------------------------------------------------------- */
.Side {
    position: absolute;
    top: 0;
    right: -600px;
    height: 100%;
    background-color: #fff;
}
.Side > .Inner {
    position: relative;
}
.Side .Switch {
    position: absolute;
    top: 0;
}
.Side .Campaign {
    text-align: left;
}
.Side .Campaign li {
    margin-top: 30px;
}
.Side .Campaign li:first-child {
    margin-top: 0;
}
.Side .Campaign a {
    color: #222;
    text-decoration: none;
}
.Side .Campaign a:hover {
    text-decoration: underline;
}
.Side .Campaign .Caption {
    padding: 10px 30px 10px 10px;
    line-height: 1.5;
    background: url(../images/arrow_right_black_line.png) 95% 50% no-repeat;
}
.Side .utilization,
.Side .sns {
    margin-top: 30px;
    padding: 0 10px;
}
.Side .Section.utilization h2,
.Side .Section.sns h2 {
    padding: 0 0 0 5px;
    text-align: left;
    line-height: 1.5;
    border-left: 9px solid #d9d9d9;
}
.Side .utilization li {
    margin-top: 10px;
}
.Side .utilization li img {
    vertical-align: bottom;
}
.Side .sns {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}
.Side .sns ul {
    margin-top: 20px;
    letter-spacing: -0.4em;
}
.Side .sns ul li {
    display: inline-block;
    margin-right: 10px;
    letter-spacing: normal;
}
.Side .sns .More {
    margin-top: 20px;
    font-size: 87.5%;
}
.Side .sns .More a {
    padding-left: 15px;
    color: #222;
    text-decoration: none;
    background: url(../images/arrow_right_black_s.png) 2px 8px no-repeat;
}
.Side .sns .More a:hover {
    text-decoration: underline;
}
/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .Side {
    }

    .Side .Switch {
        left: -48px;
        width: 48px;
        height: 48px;
        background-color: #1d89d0;
    }

    .Side .Switch a {
        position: relative;
        display: block;
        width: 48px;
        height: 48px;
    }

    .Side .Switch span,
    .Side .Switch span::before,
    .Side .Switch span::after {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 24px;
        height: 3px;
        margin: -1px 0 0 -12px;
        background: #fff;
        transition: .2s;
    }
    .Side .Switch span::before,
    .Side .Switch span::after {
        content: "";
        transition: .3s;
    }
    .Side .Switch span::before {
        margin-top: -11px;
    }
    .Side .Switch span::after {
        margin-top: 8px;
    }
    .Side.Open .Switch span {
        background-color: transparent;
    }
    .Side.Open .Switch span::before {
        width: 30px;
        margin: -2px 0 0 -15px;
        transform: rotate(-45deg);
    }
    .Side.Open .Switch span::after {
        width: 30px;
        margin: -2px 0 0 -15px;
        transform: rotate(-135deg);
    }

    .Side {
        border-left: 1px solid #c0c0c0;
        border-bottom: 1px solid #c0c0c0;
    }

    /* Navigation */
    .Side .Navi__Global {
        text-align: left;
    }
    .Side .Navi__Global li {
        border-top: 1px solid #c0c0c0;
        border-right: 1px solid #c0c0c0;
    }
    .Side .Navi__Global li:last-child {
        border-bottom: 1px solid #c0c0c0;
    }
    .Side .Navi__Global li a {
        display: block;
        padding: 20px 10px 18px 40px;
        font-size: 1.0625rem;
        font-weight: bold;
        line-height: 1;
        background: url(../images/arrow_slider_right.png) 20px 50% no-repeat;
        background-size: auto 25%;
    }


    /* Subscription */
    .Side .Subscription {
        padding: 35px 30px 10px;
    }
    .Side .Subscription img {
        zoom: 1;
    }
    .Side .Section.Subscription h2 {
        padding: 0;
        text-align: left;
    }
    .Side .Section.Subscription h2 em {
        font-size: 0.8125rem;
    }
    .Side .Subscription > .Column > .Inner {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 2px solid #d5d5d5;
    }
    .Side .Subscription > .Column:first-child > .Inner {
        margin-top: 0;
        padding-top: 0;
        border: none;
    }
    .Side .Subscription .HeadArea {
        display: flex;
        text-align: left;
    }
    .Side .Subscription .HeadArea .Figure {
        width: 30%;
    }
    .Side .Subscription .HeadArea .TextArea {
        width: 70%;
        padding-left: 10px;
    }
    .Side .Subscription .HeadArea h2 {
        font-size: 1.125rem;
    }
    .Side .Subscription .PriceArea {
        margin-top: 5px;
        padding: 0;
        font-size: 0.8125rem;
        font-weight: bold;
    }
    .Side .Subscription .PriceArea br {
        display: none;
    }
    .Side .Subscription .PriceArea strong {
        font-size: 1.125rem;
        color: #1f8a11;
    }
    .Side .Subscription .MeritArea {
        margin: 0;
        padding: 7px 0 5px;
        letter-spacing: -0.04em;
        border: 1px solid #ccc;
        border-radius: 2px;
        font-size: 0.8125rem;
        color: #f5680f;
    }

    .Side .Subscription .BodyArea {
        padding: 8px 0 0;
    }
    .Side .Subscription .Utility {
        margin-top: 5px;
        font-size: 0.75rem;
        line-height: 1.3;
    }
    .Side .Subscription .ButtonArea {
        margin-top: 10px;
    }
    .Side .Subscription .ButtonArea > .Button {
        width: 100%;
    }
    .Side .Subscription .ButtonArea .Button + .Button {
        margin-top: 10px;
    }
    .Side .Subscription .ButtonArea > p.Button.Orange > a {
        min-height: 0;
        padding: 10px 5px 7px 5px;
        background: #f5680f;
    }
    .Side .Subscription .ButtonArea {
        padding: 0 10px;
    }
    .Side .Subscription .ButtonArea br {
        display: none;
    }
    .Side .Subscription .ButtonArea strong {
        display: block;
    }
    .Side .SupInfo {
        margin-top: 10px;
        text-align: left;
        line-height: 1.5;
    }
    .Side .SupInfo li {
        margin-top: 5px;
        margin-left: 5px;
    }
    .Side .SupInfo li:first-child {
        margin-top: 0;
    }
    .Side .SupInfo a {
        padding-left: 13px;
        font-size: 0.8125rem;
        background: url(../images/arrow_right_black_s.png) 0 48% no-repeat;
    }
    .Side .Subscription .Annotation {
        margin-top: 20px;
        padding: 10px;
        text-align: left;
        font-size: 0.8125rem;
        line-height: 1.3;
        background-color: #f4f4f4;
    }


    /* Campaign */
    .Side .Campaign {
        margin-top: 10px;
        padding: 0 20px;
        font-size: 0.875rem;
    }
    .Side .Campaign img {
        width: 100%;
        vertical-align: bottom;
        zoom: 1;
    }


    /* Utility */
    /* SNS */
    .Side .utilization,
    .Side .sns {
        margin: 30px 30px 0;
        padding: 0;
    }
    .Side .sns {
        padding-bottom: 20px;
        border-bottom: 1px solid #d9d9d9;
    }
    .Side .Section.utilization h2,
    .Side .Section.sns h2 {
        padding: 2px 0 0 7px;
        font-size: 1.125rem;
    }
    .Side .utilization img,
    .Side .sns img {
        zoom: 1;
    }
    .Side .utilization img {
        width: 100%;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {

    .Side {
        right: -303px;
        width: 303px;
    }
    .Side .MoveWrapper {
        position: absolute;
        left: 0;
        right: 0;
        top: 30px;
        padding: 0 30px;
        overflow-y: auto;
    }
    .Side .Switch {
        left: -65px;
        display: none;
    }
    .Side .Campaign {
        margin-top: 20px;
        font-size: 81.3%;
    }
    .Side > .Inner {
        padding: 30px;
    }

}



/* Footer Styles
--------------------------------------------------------------- */
.Footer > .Inner {
    padding: 15px 0 30px;
    text-align: center;
}
.Footer img {
    vertical-align: text-bottom;
}
.Footer .Caption {
    display: inline-block;
    padding-left: 10px;
}
/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .Footer > .Inner {
/*        padding: 15px 0 80px;*/
        font-size: 0.75rem;
    }
.Footer img {
    vertical-align: baseline;
}
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    .Footer > .Inner {
        font-size: 75.0%;
    }
}



/* Contents Styles
--------------------------------------------------------------- */
.MenuInformation .Figure {
    padding: 20px 14px;
    border: 2px solid #f18b00;
}

.MenuInformation .Box__Split2 > li {
}

.MenuInformation dt {
    padding: 10px 0 10px 60px;
    border-bottom :2px solid #ccc;
}
.MenuInformation dt.Point1 {
    background: url(../images/num_1.png) 0 0 no-repeat;
}
.MenuInformation dt.Point2 {
    background: url(../images/num_2.png) 0 0 no-repeat;
}
.MenuInformation dt.Point3 {
    background: url(../images/num_3.png) 0 0 no-repeat;
}
.MenuInformation dt.Point4 {
    background: url(../images/num_4.png) 0 0 no-repeat;
}
.MenuInformation dt.Point5 {
    background: url(../images/num_5.png) 0 0 no-repeat;
}
.MenuInformation dt.Point6 {
    background: url(../images/num_6.png) 0 0 no-repeat;
}
.MenuInformation dt.Point7 {
    background: url(../images/num_7.png) 0 0 no-repeat;
}
.MenuInformation dt.Point8 {
    background: url(../images/num_8.png) 0 0 no-repeat;
}
.MenuInformation dt.Point9 {
    background: url(../images/num_9.png) 0 0 no-repeat;
}
.MenuInformation dt.Point10 {
    background: url(../images/num_10.png) 0 0 no-repeat;
}
.MenuInformation dt.Point11 {
    background: url(../images/num_11.png) 0 0 no-repeat;
}
.MenuInformation dt.Point12 {
    background: url(../images/num_12.png) 0 0 no-repeat;
}

.MenuInformation dd {
    margin-top: 20px;
}
.MenuInformation dd .Popup a {
    display: inline-block;
    margin-top: 15px;
    padding-left: 23px;
    font-weight: bold;
    color: #222;
    text-decoration: none;
    background: url(../images/icon_popup.png) 0 1px no-repeat;
}
.MenuInformation dd .Popup a:hover {
    text-decoration: underline;
}

.MenuInformation .Nstyle {
    padding: 15px 25px 10px 93px;
    border: 3px solid #ccc;
    background: url(../images/contents/logo_nstyle.png) 20px 20px no-repeat;
}
.MenuInformation .Nstyle dt {
    padding: 0;
    border: none;
}
.MenuInformation .Nstyle dd {
    margin-top: 0;
}


/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .MenuInformation {
        padding-bottom: 0;
    }
    .MenuInformation .Box__Split2 {
        margin-top: 10px;
    }
    .MenuInformation .Box__Split2 > li {
        margin-top: 15px;
    }
    .MenuInformation .Figure {
        padding: 10px 10px 0 10px;
        overflow: hidden;
    }
    .MenuInformation .Figure img {
        width: 460px;
		max-width: 100%;
		zoom: 1;
    }
    .MenuInformation dt {
        padding: 5px 0 3px 35px;
        text-align: left;
        font-size: 0.8125rem;
        font-weight: bold;
        border: none;
    }
    .MenuInformation dt.Point1,
    .MenuInformation dt.Point2,
    .MenuInformation dt.Point3,
    .MenuInformation dt.Point4,
    .MenuInformation dt.Point5,
    .MenuInformation dt.Point6,
    .MenuInformation dt.Point7,
	.MenuInformation dt.Point8,
	.MenuInformation dt.Point9,
	.MenuInformation dt.Point10,
	.MenuInformation dt.Point11,
	.MenuInformation dt.Point12{
        background-size: contain;
    }
    .MenuInformation dd {
        margin-top: 5px;
        padding-top: 10px;
        font-size: 0.75rem;
        text-align: left;
        border-top: 1px solid #ccc;
    }
    .MenuInformation dd .Popup a {
        margin-top: 10px;
        padding-top: 2px;
        background-position: 0 0;
    }
    .MenuInformation .Nstyle {
        padding: 12px 15px 10px 55px;
        border: 3px solid #ccc;
        background: url(../images/contents/logo_nstyle.png) 15px 15px no-repeat;
        background-size: 30px auto;
    }

    .MenuInformation .Nstyle dd {
        margin-top: 2px;
        padding-top: 0;
        border: none;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    .MenuInformation .Box__Split2 {
        margin: 0 -30px 0 0;
        padding: 0 0 0 30px;
        overflow: hidden;
    }
    .MenuInformation .Box__Split2 > li {
        width: 435px;
        margin: 30px 30px 0 0;
    }
    .MenuInformation dt {
        font-size: 120.0%;
        font-weight: bold;
    }
    .MenuInformation .Nstyle dt {
        font-size: 90.0%;
    }
    .MenuInformation dd {
        font-size: 75.0%;
    }
    .MenuInformation dd .Popup a {
        font-size: 106.7%;
    }
}



/* My News Styles
--------------------------------------------------------------- */
.Sticker__Base {
    position: relative;
}
.Sticker__Member {
    position: absolute;
    top: 10px;
    right: 20px;
}

.Slider__Object img {
    vertical-align: bottom;
}

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .MyNews__Section2 > .Inner > .BodyArea {
        padding-top: 20px;
    }
    .Section.Head.MyNews__Section3 .BodyArea {
        padding: 0 30px 20px;
    }
    .MyNews__Section3 ul.List__Vertical {
        display: flex;
		justify-content: center;
    }
    .MyNews__Section3 ul.List__Vertical li {
        margin: 0 5px;
    }
    .MyNews__FunctionInfo img {
        width: 100%;
    }
    .Section.MyNews__Section5 h2 img,
    .Section.MyNews__Section6 h2 img,
    .Section.MyNews__Section7 h2 img,
	.Section.MyNews__Section8 h2 img {
        zoom: 0.6;
    }
/*    .Section.MyNews__Section7 h2 img {
	    zoom: 1;
    }*/
    .Section.MyNews__Section5 > .Inner,
    .Section.MyNews__Section7 > .Inner {
        padding-bottom: 25px;
    }
    .MyNews__Section8 h2 img {
        zoom: 0.3;
    }
    .MyNews__Section8 .Figure img {
        margin-top: 15px;
        zoom: 1;
    }
    .MyNews__Section8 .Caption {
        font-size: 0.75rem;
		text-align: left;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    .MyNews__Section3 ul.List__Vertical {
        display: inline-block;
        letter-spacing: -0.4em;
        white-space: nowrap;
    }
    .MyNews__Section3 ul.List__Vertical li {
        display: inline-block;
        margin: 0 5px;
        letter-spacing: normal;
    }
    .MyNews__FunctionInfo {
        position: relative;
        padding: 20px 20px 90px;
        text-align: right;
    }
    .MyNews__Func1,
    .MyNews__Func2,
    .MyNews__Func3,
	.MyNews__Func4{
        position: absolute;
    }
    .MyNews__Func1 {
    top: 92px;
    left: 56px;
	}
    .MyNews__Func2 {
    top: 264px;
	left: 61px;
	}
    .MyNews__Func3 {
    top: 412px;
    left: 57px;
	}
	.MyNews__Func4{
    top: 179px;
	left: 60px;
	}
    .Figure__CaptionRight > .Caption {
        float: right;
        width: 536px;
        font-size: 75.0%;
        line-height: 1.6;
    }
	.news{
	width: 350px;
    display: inline-block;
    vertical-align: top;
	}
	.news p{
		font-size: 18px;
    text-align: left;
    margin-bottom: 30px;
    margin-right: 30px;
	}

	.news2{
    width: 900px;
	display: inline-block;
    vertical-align: top;
	}
	.news2 p{
		display: inline-block;
    width: 330px;
    vertical-align: top;
	font-size: 18px;
    text-align: left;
	margin-right: 40px;
	}
	.Inner h3.function{
		    margin-bottom: 30px;

	}

	.arrow{
	width: 308px;
    margin-left: 60px;
	}
	.arrow li{
	    background: url(../images/arrow_right_circle_blue.png) 0 0 no-repeat;
	}
    /* Slider */
    .Slider__Contents {
    }
    .Slider__Thumbnail {
        margin-top: 10px;
        letter-spacing: -0.4em;
    }
    .Slider__Thumbnail li {
        display: inline-block;
        margin-left: 10px;
        padding-top: 20px;
        letter-spacing: normal;
    }
    .Slider__Thumbnail li a {
        position: relative;
        display: block;
        border: 3px solid #ccc;
    }
    .Slider__Thumbnail li a:hover,
    .Slider__Thumbnail li a.active {
        border-color: #f18b00;
    }

    .Slider__Thumbnail li a.active:after {
        position: absolute;
        content: url("../images/arrow_slider_selected.png");
        top: -23px;
        left: 0;
        right: 0;
        margin: auto;
    }
    .Slider__Thumbnail li:first-child {
        margin-left: 0;
    }

    .Slider__Thumbnail li img {
        vertical-align: bottom;
    }
    .Slider__Contents .SupInfo {
        margin-top: 30px;
        margin-left: 35px;
    }
}


/* Paper Styles
--------------------------------------------------------------- */
.WhiteTopBorder {
    position: relative;
    margin-top: 18px;
    padding: 0 0 12px;
    border-top: 2px solid #1f8a11;
    background: #fff url(../images/bg_togray.png) 50% 100% no-repeat;
}
.Section.WhiteTopBorder h2 {
    position: absolute;
    top: -25px;
    left: 0;
    padding: 0;
    text-align: left;
}
@media screen and (min-width:768px){
.Section.WhiteTopBorder h2 img{
width: 168px;
height: 73.33px;
}
}
@media screen and (max-width:768px){
.Section.WhiteTopBorder h2 {
    position: absolute;
    top: -20px;
    left: 0;
    padding: 0;
    text-align: left;
}
}
.WhiteTopBorder .Inner {
}
.WhiteTopBorder .TextArea {
    padding-top: 40px;
}
.WhiteTopBorder img {
    vertical-align: bottom;
}

.WhiteTopBorder.Paper__Section5 .Figure {
    margin-top: 20px;
    text-align: center;
}

.PaperViewAppInfo {
    padding: 28px 30px 0;
    background-color: #f7f5e4;
}
.Section .PaperViewAppInfo h2 {
    padding: 0;
    text-align: left;
}
.PaperViewAppInfo img {
    vertical-align: bottom;
}

.PaperViewAppInfo p {
    margin-top: 10px;
}

.OrangeFrame__Single.Info > .Frame {
    padding: 20px;
}

.OrangeFrame__Single.Info p {
    margin-top: 10px;
    line-height: 1.6;
}

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .WhiteTopBorder {
        margin: 15px 15px 0;
        padding: 0 0 4px;
        background-size: 100% auto;
    }
    .WhiteTopBorder h2 img {
        vertical-align: top;
    }
    .WhiteTopBorder .TextArea {
        padding: 30px 20px 10px;
        text-align: left;
        font-size: 0.75rem;
    }
    .WhiteTopBorder h3 {
        font-size: 0.875rem;
    }
    .WhiteTopBorder .TextArea p {
        margin-top: 10px;
    }
    .WhiteTopBorder .Figure {
        padding: 0 5px;
    }
    .WhiteTopBorder .Figure img {
        zoom: 0.6;
    }
    .WhiteTopBorder.Paper__Section5 .Figure,
    .WhiteTopBorder.Paper__Section6 .Figure {
        margin-top: 0;
        padding-bottom: 15px;
    }

    .Paper__Section7 {
        margin-top: 15px;
    }
    .PaperViewAppInfo {
        padding: 15px 10px;
        background-color: #f7f5e4;
    }
    .PaperViewAppInfo .Figure.Icon,
    .Paper__Section8 .OrangeFrame__Single .Figure.Icon {
        float: left;
        margin-right: 10px;
    }
    .Section .PaperViewAppInfo h2,
    .Paper__Section8 .OrangeFrame__Single h3 {
        font-size: 0.875rem;
        line-height: 1.3;
    }
    .PaperViewAppInfo .TextArea p,
    .Paper__Section8 .OrangeFrame__Single .TextArea > p {
        clear: both;
        margin-top: 15px;
        padding: 0 10px;
        font-size: 0.75rem;
        text-align: left;
    }
    .Paper__Section8 .OrangeFrame__Single .TextArea > p {
    	width: 60%;
    	min-height: 170px;
    }
    .Paper__Section8 .OrangeFrame__Single .TextArea > p.noImg { /*画像が無い時*/
        width: 100%;
        min-height: 0;
        padding-bottom: 1em;
    }

    .PaperViewAppInfo .Figure.Image {
        margin-top: 10px;
    }
    .PaperViewAppInfo .Figure.Image img {
        zoom: 0.8;
    }


    .Paper__Section8 .BodyArea > .BodyArea {
        padding: 0;
    }
    .Paper__Section8 p.Normal {
        padding: 0 20px;
        text-align: left;
    }
    .Paper__Section8 .OrangeFrame__Single {
        margin: 15px 15px 0;
    }
    .OrangeFrame__Single.Info > .Frame {
        position: relative;
        padding: 10px;
    }
    .Paper__Section8 .OrangeFrame__Single h3 {
        padding-top: 18px;
    }
    .Paper__Section8 .OrangeFrame__Single .Figure.Icon img {
        zoom: 0.65;
    }
    .Paper__Section8 .OrangeFrame__Single .TextArea > p {
        margin-top: 30px;
    }
    .OrangeFrame__Single.Info .PriceArea {
/*         min-height: 180px; */
        margin-top: 10px;
        padding: 5px 0 0;
        font-size: 1rem;
        border-top: 1px solid #ccc;
    }

    .OrangeFrame__Single.Info .PriceArea > p {
        margin-top: 0;
    }
    .OrangeFrame__Single.Info .PriceArea p strong {
/*
        display: block;
        font-size: 1.5625rem;
        color: #1f8a11;
*/
    }
    .OrangeFrame__Single.Info .PriceArea .Option em {
        font-weight: bold;
    }
    .OrangeFrame__Single.Info .PriceArea .Term em {
        color: #1f8a11;
        font-weight: bold;
    }

    .OrangeFrame__Single.Info .Figure.Image {
        position: absolute;
/*         bottom: 5px; */
		top: 70px;
        right: 10px;
    }
    .OrangeFrame__Single.Info .Figure.Image img {
        zoom: 0.8;
    }

    .OrangeFrame__Single.Info__Sangyo .Button.Orange,
    .OrangeFrame__Single.Info__MJ .Button.Orange {
    	width: 100%;
    }

    .OrangeFrame__Single.Info__Sangyo .Button.Orange > a,
    .OrangeFrame__Single.Info__MJ .Button.Orange > a {
    	padding: 10px 30px;
	    text-align: center;
	    background-image: none;
    }

}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {

    .Paper__Section3,
    .Paper__Section7 {
        margin-top: 40px;
    }

    .WhiteTopBorder .Inner {
        padding: 40px 60px 0 50px;
        overflow: hidden;
    }
    .WhiteTopBorder.Paper__Section6 .Inner {
        padding: 10px 62px 10px 50px;
        overflow: hidden;
    }
    .WhiteTopBorder .TextArea {
        float: left;
        width: 450px;
        padding-top: 40px;
    }
    .WhiteTopBorder.Paper__Section5 .TextArea {
        float: none;
        width: auto;
    }
    .WhiteTopBorder.Paper__Section6 .TextArea {
        width: 350px;
    }
    .WhiteTopBorder h3 {
        font-size: 110.0%;
    }
    .WhiteTopBorder p {
        margin-top: 15px;
        font-size: 75.0%;
    }

    .PaperViewAppInfo > * {
        display: inline-block;
        vertical-align: top;
    }
    .Section .PaperViewAppInfo h2 {
        font-size: 110.0%;
    }
    .PaperViewAppInfo .Figure {
    }
    .PaperViewAppInfo .Figure.Icon {
        margin-right: 25px;
    }
    .PaperViewAppInfo .TextArea {
        width: 469px;
    }
    .PaperViewAppInfo p {
        font-size: 75.0%;
    }
    .OrangeFrame__Single.Info > .Frame > * {
        display: inline-block;
        vertical-align: top;
    }
    .OrangeFrame__Single.Info > .Frame > .Icon {
        margin-right: 25px;
    }
    .OrangeFrame__Single.Info > .Frame > .TextArea {
        width: 570px;
        margin-right: 37px;
    }
    .OrangeFrame__Single.Info h3 {
        font-size: 120.0%;
    }
    .OrangeFrame__Single.Info img {
        vertical-align: bottom;
    }
    .OrangeFrame__Single.Info .PriceArea {
        margin-top: 20px;
        padding-top: 10px;
        letter-spacing: -0.4em;
        border-top: 1px solid #ccc;
    }
    .OrangeFrame__Single.Info .PriceArea p {
        display: inline-block;
        font-size: 126.7%;
        vertical-align: baseline;
        letter-spacing: -0.04em;
    }
    .OrangeFrame__Single.Info .PriceArea .Option {
        margin-right: 20px;
    }
    .OrangeFrame__Single.Info .PriceArea .Option em {
        margin-right: 5px;
        font-size: 110.5%;
        font-weight: bold;
    }
    .OrangeFrame__Single.Info .PriceArea .Option strong {
        color: #1f8a11;
        font-size: 163.2%;
    }
    .OrangeFrame__Single.Info .PriceArea .Term em {
        color: #1f8a11;
        font-weight: bold;
    }
    .OrangeFrame__Single.Info__MJ .Figure.Image {
    }
    .OrangeFrame__Single.Info__Sangyo .PriceArea > .ButtonArea,
    .OrangeFrame__Single.Info__MJ .PriceArea > .ButtonArea {
    	width: 100%;
    }
    .OrangeFrame__Single.Info__Sangyo .PriceArea p.Button.Orange > a,
    .OrangeFrame__Single.Info__MJ .PriceArea p.Button.Orange > a {
	    padding-left: 70px;
	    background-size: 20px auto;
    }
    .OrangeFrame__Single.Info__Sangyo .PriceArea > .ButtonArea .Button strong,
    .OrangeFrame__Single.Info__MJ .PriceArea > .ButtonArea .Button strong {
	    font-size: 100%;
    }
}


/* Multi Device Styles
--------------------------------------------------------------- */

.MultiDevice__Section5 .OrangeFrame__Single p.Icon__Nikkei {
    margin-left: 18px;
    padding: 15px 0 15px 90px;
    font-weight: bold;
    text-align: left;
    background: url(../images/icon_nikkeiapp.png) 0 50% no-repeat;
}

.MultiDevice__Section5 .OrangeFrame__Single p.Icon__Viewer {
    margin-left: 18px;
    padding: 15px 0 15px 90px;
    font-weight: bold;
    text-align: left;
    background: url(../images/icon_nikkeiviewer.png) 0 50% no-repeat;
}

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .Section.Head.MultiDevice__Section3 {
        padding: 20px 0 0;
    }
    .Section.Head.MultiDevice__Section3 h2 {
        padding: 20px 40px 25px;
    }
    .MultiDevice__Section4 {
        font-size: 0.75rem;
    }
    .MultiDevice__Section4 .TextArea {
        text-align: left;
    }
    .MultiDevice__Section4 .Figure img {
        zoom: 0.8;
    }
    .Section.WhitetoGray.MultiDevice__Section5 > .Inner {
        padding-bottom: 5px;
    }
    .Section.Head.MultiDevice__Section5 .BodyArea {
        padding: 0 10px 10px;
    }
    .MultiDevice__Section5 .OrangeFrame__Single {
        margin-top: 0;
    }
	.MultiDevice__Section5 .OrangeFrame__Single.App__Viewer {
		margin-top: 15px;
	}
    .MultiDevice__Section5 .OrangeFrame__Single .Frame {
        padding: 0;
    }
    .MultiDevice__Section5 .OrangeFrame__Single .HeadArea {
        overflow: hidden;
    }
    .MultiDevice__Section5 .OrangeFrame__Single .HeadArea p {
        float: left;
        width: 55%;
        min-height: 50px;
        margin-left: 10px;
        margin-top: 10px;
        padding: 15px 0 0 55px;
        font-size: 0.875rem;
        line-height: 1.3;
        background-size: 50px auto;
    }
    .MultiDevice__Section5 .OrangeFrame__Single.App__Viewer .HeadArea p {
        width: 60%;
    }
    .MultiDevice__Section5 .OrangeFrame__Single .HeadArea .Figure {
        float: right;
        width: 40%;
        padding: 0 5px;
		text-align: right;
    }
    .MultiDevice__Section5 .OrangeFrame__Single.App__Viewer .HeadArea .Figure {
        width: 35%;
        padding-top: 10px;
    }
    .MultiDevice__Section5 .OrangeFrame__Single .HeadArea .Figure {
        zoom: 1;
    }
    .MultiDevice__Section5 .OrangeFrame__Single .TextArea {
        padding: 0 10px;
        font-size: 0.75rem;
    }
    .MultiDevice__Section5 .OrangeFrame__Single.App__Viewer .TextArea {
        margin-top: -40px;
    }
    .MultiDevice__Section5 .OrangeFrame__Single.App__Viewer .TextArea h3 {
        max-width: 65%;
    }
    .MultiDevice__Section5 .OrangeFrame__Single .TextArea h3 img,
    .MultiDevice__Section5 .OrangeFrame__Single .Option dt img {
        zoom: 0.7;
    }
    .MultiDevice__Section5 .OrangeFrame__Single .TextArea ul {
        margin-top: 10px;
    }
    .MultiDevice__Section5 .OrangeFrame__Single .TextArea .Figure {
        margin-top: 35px;
		text-align: center;
    }
    .MultiDevice__Section5 .OrangeFrame__Single .TextArea .Figure img {
        zoom: 1;
    }
    .MultiDevice__Section5 .OrangeFrame__Single .Option {
        margin-top: 15px;
    }
    .MultiDevice__Section5 .OrangeFrame__Single .TextArea .Option .Figure {
        margin-top: 5px;
    }
    .MultiDevice__Section5 .OrangeFrame__Single .BannerArea {
        margin: 10px;
        padding: 10px;
        font-size: 0.75rem;
        background-color: #f7f5e4;
    }
    .MultiDevice__Section5 .OrangeFrame__Single .BannerArea h3 {
        padding: 0 0 0 10px;
    }
    .MultiDevice__Section5 .OrangeFrame__Single .BannerArea ul {
        display: flex;
        flex-wrap: wrap;
    }
    .MultiDevice__Section5 .OrangeFrame__Single .BannerArea ul > li {
        width: 50%;
        margin: 10px 0 0;
        padding: 0 5px 0 0;
    }
    .MultiDevice__Section5 .OrangeFrame__Single .BannerArea ul > li img {
        width: 100%;
        zoom: 1;
    }
    .MultiDevice__Section5 .OrangeFrame__Single .BannerArea ul > li:nth-child(2n) {
        padding: 0 0 0 5px;
    }
    .MultiDevice__Section5 .OrangeFrame__Single.App__Viewer .Module__Option {
	    display: block;
	    width: auto;
    }
    .MultiDevice__Section5 .OrangeFrame__Single.App__Viewer .Module__Option .Figure,
    .MultiDevice__Section5 .OrangeFrame__Single.App__Viewer .Module__Option .Text {
    	display: inline-block;
    	vertical-align: middle;
    }
    .MultiDevice__Section5 .OrangeFrame__Single.App__Viewer .Module__Option .ButtonArea .Button {
	    width: 100%;
    }
    .MultiDevice__Section5 .OrangeFrame__Single.App__Viewer .Module__Option .ButtonArea a {
    	width: 100%;
    	background-size: 18px auto;
		padding-left: 10px;
		background-position: 20px 50%;
    }
    .MultiDevice__Section5 .OrangeFrame__Single.App__Viewer .Module__Option > a {
        width: auto;
    }
    .MultiDevice__Section5 .OrangeFrame__Single.App__Viewer .Module__Option > a {
        margin-right: 10px;
        white-space: nowrap;
    }
    .App__Viewer .Option dd {
	    margin-bottom: 15px;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {

    .MultiDevice__ViewingEmv {
        position: relative;
        height: 547px;
        font-size: 75.0%;
        line-height: 1.3;
        background: url(../images/multidevice/img_01.png) 0 0 no-repeat;
    }

    .Section .MultiDevice__ViewingEmv h2 {
        padding: 0;
        text-align: left;
        font-size: 113.3%;
        line-height: 1;
        color: #fff;
    }
    .Section .MultiDevice__ViewingEmv h3 {
        margin-top: 30px;
        padding: 4px 6px 2px;
        text-align: left;
        line-height: 1;
        color: #fff;
        background-color: #2d4668;
    }
    .MultiDevice__ViewingEmv ul {
        margin-top: 10px;
    }
    .MultiDevice__ViewingEmv ul li a {
        display: block;
        margin-top: 15px;
        padding-left: 27px;
        color: #222;
        text-decoration: none;
    }

    .MultiDevice__ViewingEmv ul li a.Icon__Arrow {
        background: url(../images/arrow_right_circle_blue.png) 0 0 no-repeat;
    }

    .MultiDevice__ViewingEmv ul li a em {
        color: #1d89d0;
        text-decoration: underline;
    }
    .MultiDevice__ViewingEmv ul li a em:hover {
        text-decoration: none;
    }


    .MultiDevice__ViewingEmv .Column {
        position: absolute;
    }
    .MultiDevice__ViewingEmv .Column h2 + .BodyArea {
        padding: 0;
    }

    .MultiDevice__ViewingEmv .Column a.Icon__Arrow {
        font-size: 86.7%;
    }
    .MultiDevice__ViewingEmv .Column a.Icon__Nikkei,
    .MultiDevice__ViewingEmv .Column a.Icon__NikkeiView {
        padding: 15px 0 15px 90px;
        font-size: 106.7%;
        line-height: 1.625;
    }
    .MultiDevice__ViewingEmv .Column a.Icon__Nikkei {
        background: url(../images/icon_nikkeiapp.png) 0 50% no-repeat;
    }
    .MultiDevice__ViewingEmv .Column a.Icon__NikkeiView {
        background: url(../images/icon_nikkeiviewer.png) 0 50% no-repeat;
    }

    .MultiDevice__ViewingEmv .Column1 {
        width: 220px;
        top: 14px;
        left: 28px;
    }

    .MultiDevice__ViewingEmv .Column2 {
        top: 195px;
        left: 28px;
    }

    .MultiDevice__ViewingEmv .Column2 h3 {
        width: 200px;
    }
    .MultiDevice__ViewingEmv .Column2 h3:first-child {
        width: 220px;
    }

    .MultiDevice__ViewingEmv .Column3 {
        width: 235px;
        top: 14px;
        right: 17px;
    }
    .MultiDevice__ViewingEmv .Column3 .BodyArea {
        margin-right: 20px;
    }
    .MultiDevice__ViewingEmv .Column3 h2 {
        text-align: right;
    }

    .MultiDevice__Section4 p {
        font-size: 90.0%;
    }
    .MultiDevice__Section4 .BodyArea {
        padding: 40px 30px 30px 50px;
        overflow: hidden;
    }

    .MultiDevice__Section4 .TextArea {
        float: left;
        width: 700px;
    }
    .MultiDevice__Section4 .Figure {
        display: inline-block;
        float: right;
    }

    .MultiDevice__Section5 .OrangeFrame__Single .Frame {
        display: table;
        width: 100%;
        padding: 0;
    }

    .MultiDevice__Section5 .OrangeFrame__Single .Frame > * {
        display: table-cell;
        vertical-align: top;
    }

    .MultiDevice__Section5 .OrangeFrame__Single .Frame > .HeadArea {
        width: 243px;
        padding: 18px 0;
        text-align: center;
        border-right: 1px dotted #ccc;
    }

    .MultiDevice__Section5 .OrangeFrame__Single .Frame > .TextArea {
        padding: 18px;
    }
    .MultiDevice__Section5 .OrangeFrame__Single .Frame > .TextArea .List__Normal {
        margin-top: 10px;
    }
    .MultiDevice__Section5 .OrangeFrame__Single.App__Nikkei .Frame > .TextArea .Figure {
        margin-top: 42px;
    }
    .MultiDevice__Section5 .OrangeFrame__Single.App__Viewer .Frame > .TextArea .Option {
        margin-top: 20px;
        font-size: 133.3%;
    }
    .MultiDevice__Section5 .OrangeFrame__Single.App__Viewer .Option dd {
        margin-top: 15px;
    }
    .MultiDevice__Section5 .OrangeFrame__Single.App__Viewer .Module__Option > a {
        width: auto;
    }
    .MultiDevice__Section5 .OrangeFrame__Single.App__Viewer .Module__Option > * {
        font-size: 85.0%;
    }
    .MultiDevice__Section5 .OrangeFrame__Single.App__Viewer .Module__Option > span.Text {
        padding-right: 15px;
    }
    .MultiDevice__Section5 .OrangeFrame__Single.App__Viewer .Frame > .TextArea .Figure {
        margin-top: 15px;
    }

    .MultiDevice__Section5 .OrangeFrame__Single .Frame > .BannerArea {
        width: 168px;
        padding: 15px;
        font-size: 86.7%;
        background-color: #f7f5e4;
    }
    .MultiDevice__Section5 .OrangeFrame__Single .Frame > .BannerArea ul {
    }
    .MultiDevice__Section5 .OrangeFrame__Single .Frame > .BannerArea ul li {
        margin-top: 10px;
    }
    .MultiDevice__Section5 .OrangeFrame__Single .Frame > .BannerArea ul li img {
        vertical-align: bottom;
    }

    .MultiDevice__Section5 .OrangeFrame__Single.App__Nikkei .Frame > .HeadArea .Figure {
        margin-top: 125px;
    }
    .MultiDevice__Section5 .OrangeFrame__Single.App__Viewer .Frame > .HeadArea .Figure {
        margin-top: 5px;
    }

    .MultiDevice__Section5 .OrangeFrame__Single p.Icon__Nikkei,
    .MultiDevice__Section5 .OrangeFrame__Single p.Icon__Viewer {
        font-size: 120.0%;
        line-height: 1.444;
    }

    .MultiDevice__Section5 .OrangeFrame__Single.App__Viewer .Module__Option p.Button.Orange > a {
    	padding: 7px 20px 5px 35px;
	    font-size: 75.0%;
	    background-position: 15px 50%;
	    background-size: 12px auto;
    }
    .MultiDevice__Section5 .OrangeFrame__Single.App__Viewer .Module__Option .Button strong {
    	font-size: 100%;
    }
    .MultiDevice__Section5 .OrangeFrame__Single.App__Viewer .Module__Option .ButtonArea {
	    width: 191px;
    }


}


/* Tools Styles
--------------------------------------------------------------- */
.MottokikkeiHowtoArea {
    position: relative;
}
.Module__AppDownload {
    background-color: #f7f5e4;
}
.Section .Module__AppDownload h2 {
    padding: 0;
}
.Section .Module__AppDownload h2 img {
    vertical-align: bottom;
}

.Module__Motto3Point .Box__Wrapper > .TextArea {
    text-align: left;
}
.Module__Motto3Point h3 {
    display: table;
    line-height: 1.4;
}
.Module__Motto3Point h3 > * {
    display: table-cell;
    padding: 0 0 0 15px;
    vertical-align: middle;
}
.Module__Motto3Point h3 > .Point {
    margin-right: 15px;
    padding: 5px 10px 0;
    text-align: center;
    background-color: #f18b00;
}
.Module__Motto3Point h3 + p {
    margin-top: 15px;
}
.Module__Motto3Point ul > li {
    margin-top: 40px;
}
.Module__Motto3Point ul > li:first-child {
    margin-top: 0;
}

.Module__AppDownload .Link__Download dt {
    padding: 10px 10px 5px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    background-color: #222;
}
.Module__AppDownload .Link__Download dd {
    padding: 20px 20px 5px;
    background-color: #fff;
}
.Module__AppDownload .Link__Download dd img {
    vertical-align: bottom;
}

.OptionFrame {
    border: 2px solid #2d4668;
    background-color: #fff;
}

.OptionFrame .Copy {
    color: #f18b00;
    font-weight: bold;
}

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .Tools__Section4 .Figure,
    .Tools__Section3 .Figure,
    .Tools__Section2 .Figure {
        margin-top: 15px;
        padding: 0 10px;
    }
    .Tools__Section4 .Figure img,
    .Tools__Section3 .Figure img,
    .Tools__Section2 .Figure img {
        zoom: 1;
    }
    .Tools__Section8 h3,
    .Tools__Section7 h3.View__SP,
    .Tools__Section5 h3.View__SP {
        margin-top: 10px;
    }
    .Tools__Section7 .Movie,
    .Tools__Section5 .Movie {
        margin-top: 10px;
    }
    .Tools__Section7 .Movie + h3,
    .Tools__Section5 .Movie + h3 {
        margin-top: 10px;
        font-size: 0.8375rem;
    }
    .Tools__Section8 h3,
    .Tools__Section7 h3,
    .Tools__Section6 h3 {
        font-size: 0.8375rem;
    }
    .Tools__Section6 .Figure {
        margin-top: 15px;
    }
    .Tools__Section6 .Figure img {
        zoom: 1;
    }
    .Tools__Section6 h3,
    .Tools__Section6 .Figure + .Note {
        margin-top: 15px;
    }
    .Tools__Section6 .Button {
        margin-top: 20px;
    }
    .Section.BeigetoWhite.Tools__Section7 > .Inner {
        padding-bottom: 25px;
    }
    .Original__Body .Box__Split2,
    .Tab__Content .Box__Split2 {
        display: flex;
    }
    .Original__Body .Box__Split2 > *,
    .Tab__Content .Box__Split2 > * {
        margin-right: 15px;
    }
    .Original__Body .Box__Split2 > *:last-child,
    .Tab__Content .Box__Split2 > *:last-child {
        margin-right: 0;
    }
    .OptionFrame {
        margin-top: 15px;
        padding: 10px;
        text-align: left;
    }
    .Tools__Section7 .OptionFrame h3 {
        margin-top: 0;
    }

    .OptionFrame .Module__Option.Module__Watch {
        display: block;
        width: auto;
    }
    .OptionFrame .Module__Option.Module__Watch > .Head {
        display: flex;
        align-items: center;
    }
    .OptionFrame .Module__Option.Module__Watch > .Body {
        display: block;
        margin-top: 15px;
    }
    .OptionFrame .Module__Option.Module__Watch .Figure {
        width: 50px;
    }
    .OptionFrame .InfoArea {
        margin-top: 5px;
        padding: 0 10px;
    }
    .OptionFrame .Module__Option img {
        vertical-align: bottom;
        zoom: 0.7;
    }
    .OptionFrame .Module__Option * {
        width: auto;
    }
    .OptionFrame .Module__Option .Figure {
    }
    .OptionFrame .Module__Option a {
        margin-right: 0;
        font-size: 1rem;
    }
    .OptionFrame .Module__Option .Price {
        margin-right: 15px;
        font-size: 1rem;
    }
    .OptionFrame .Module__Option .Price::before {
        display: none;
    }
    .OptionFrame .Module__Option .Copy {
        font-size: 1rem;
    }
    .OptionFrame .Annotation {
        margin: 5px 10px 0;
        font-size: 0.75rem;
        padding-left: 1em;
        text-indent: -1em;
    }

    .OptionFrame + .Button {
        margin-top: 20px;
    }

    .MottokikkeiHowtoArea {
        margin-top: 10px;
    }

    .MottokikkeiHowtoArea .ImageList {
        display: flex;
        margin: 10px -10px 0 0;
        padding: 0 0 0 10px;
        flex-wrap: wrap;
        align-items: flex-end;
    }
    .MottokikkeiHowtoArea .ImageList > * {
        flex: 0 0 33%;
        padding-right: 10px;
    }

    .MottokikkeiHowtoArea .ImageList > *:nth-child(3) {
        /*padding-right: 0;*/
    }
    .MottokikkeiHowtoArea .ImageList > *:nth-child(4) {
        flex: 0 0 60%;
        margin-top: 15px;
        padding-left: 35px;
        position: relative;
    }
    .MottokikkeiHowtoArea .ImageList > *:nth-child(4)::before {
        content:  "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 15px;
        width: 20px;
        height: 26px;
        margin: auto;
        background: url("../images/tools/icon_arrow_right.png") 0 0 no-repeat;
        background-size: 100% auto;
    }
    .MottokikkeiHowtoArea .ImageList > *:nth-child(5) {
        flex: 0 0 40%;
        margin-top: 15px;
    }
    .MottokikkeiHowtoArea .ImageList > *:nth-child(5) img {
        width: 100%;
    }
    .MottokikkeiHowtoArea .ImageList > *:last-child {
        position: relative;
        padding: 0 10px;
    }
    .MottokikkeiHowtoArea .ImageList > *:last-child > * {
        position: absolute;
        bottom: 0;
        width: 70%;
    }
    .MottokikkeiHowtoArea .ImageList img {
        /*zoom: 1;*/
    }
    .Module__AppDownload {
        margin-top: 10px;
        padding: 20px 10px;
    }
    .Module__AppDownload .Box__Split2 {
        display: flex;
        margin-top: 10px;
    }
    .Module__AppDownload .Box__Split2 > * {
        width: 50%;
    }
    .Module__AppDownload .Box__Split2 > *:first-child {
        margin-right: 7px;
    }
    .Module__AppDownload .Box__Split2 > *:last-child {
        margin-left: 7px;
    }
    .Module__AppDownload .Link__Download dt {
        padding: 5px;
        font-size: 0.625rem;
        letter-spacing: -0.01em;
    }

    .Module__AppDownload .Link__Download dd {
        padding: 10px 15px;
    }
    .Module__AppDownload .Link__Download dd img {
        zoom: 1;
    }


    .Module__Motto3Point h3 > * {
        padding: 0 0 0 5px;
    }
    .Module__Motto3Point h3 img {
        zoom: 0.6;
        vertical-align: middle;
    }
    .Module__Motto3Point h3 + p {
        margin-top: 5px;
        font-size: 0.75rem;
    }
    .Module__Motto3Point h3 > .Point {
        margin-right: 5px;
        padding: 1px 10px 3px;
    }
    .Module__Motto3Point ul > li {
        margin-top: 15px;
    }

    .Module__AppDownload + .Button {
        margin-top: 20px;
    }

    .Tools__Section9 .MT25 {
        margin-top: 20px;
    }
    .Tools__Section9 .MT40 {
        margin-top: 25px;
    }
    .Tools__Section9 .MT50 {
        margin-top: 30px;
    }

    .Point__Jorte {
        margin-top: 25px;
    }

    .Point__Jorte .Figure {
        display: flex;
    }
    .Point__Jorte .Figure img {
        width: 50%;
        height: auto;
    }

    .Point__Jorte .Figure .Caption {
        width: 50%;
        padding: 15px 0 0 15px;
    }

    .Point__Jorte.Box__Split2 {
        display: flex;
    }
    .Point__Jorte.Box__Split2 > .Column {
        width: 50%;
        padding: 10px;
    }
    .Point__Jorte.Box__Split2 > .Column img {
        width: 100%;
        margin: 0;
    }
    .Point__Jorte.Box__Split2 > .Column:first-child {
        padding-right: 0;
    }
    .Point__Jorte.Box__Split2 > .Column:last-child {
        padding: 10px 10px 10px 15px;
        text-align: left;
        font-size: 75%;
    }
    .Tools__Section9 .Box__Split2 > .Column:first-child .Figure {
        position: relative;
        display: block;
    }
    .Tools__Section9 .Box__Split2 > .Column:first-child .Figure::before {
        content: "";
        position: absolute;
        top: -10px;
        left: -10px;
        width: 38px;
        height: 38px;
        background: url("../images/tools/icon_new.png") 0 0 no-repeat;
        background-size: 100% auto;
    }
    .Point__Jorte.Box__Split2 .Head__Large {
        font-size: 1rem;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    .MottokikkeiHowtoArea {
        margin-top: 35px;
    }
    .MottokikkeiHowtoArea .ImageList {
        margin-top: 20px;
        letter-spacing: -0.4em;
    }
    .MottokikkeiHowtoArea .ImageList > li {
        display: inline-block;
        margin-left: 20px;
    }
    .MottokikkeiHowtoArea .ImageList > li:first-child {
        margin-left: 0;
    }
    .MottokikkeiHowtoArea .Figure.Image {
        position: absolute;
        top: -62px;
        right: 0;
    }
    .Module__AppDownload {
        padding: 40px 30px 50px;
    }
    .Box__Split2 {
        margin-top: 15px;
        letter-spacing: -0.4em;
    }
    .Box__Split2 > * {
        display: inline-block;
        margin-left: 30px;
        letter-spacing: normal;
        vertical-align: top;
    }
    .Box__Split2 > *:first-child {
        margin-left: 0;
    }
    .Module__AppDownload {
        margin-top: 40px;
    }
    .Module__AppDownload .Box__Split2 > * {
        width: 435px;
    }
    .Module__AppDownload .Link__Download dd {
        min-height: 106px;
        height: auto!important;
        height: 106px;
    }
    .Module__AppDownload .Link__Download dd img {
        vertical-align: bottom;
    }

    .Module__Motto3Point {
        margin-top: 40px;
    }
    .Module__Motto3Point .Box__Wrapper {
        margin-top: 30px;
        letter-spacing: -0.4em;
    }
    .Module__Motto3Point .Box__Wrapper > * {
        display: inline-block;
        letter-spacing: normal;
        vertical-align: top;
    }
    .Module__Motto3Point .Box__Wrapper > .Figure {
        width: 527px;
        margin-right: 25px;
    }
    .Module__Motto3Point .Box__Wrapper > .TextArea {
        width: 408px;
    }
    .Module__Motto3Point h3 {
        font-size: 90.0%;
    }
    .Module__Motto3Point p {
        font-size: 75.0%;
    }
    .Module__Motto3Point h3 > .Point {
        width: 80px;
        height: 45px;
    }
    .Module__Motto3Point + .Module__AppDownload {
        margin-top: 60px;
    }
    .Module__AppDownload + .Button + .SupInfo {
        margin: 45px 0 25px 30px;
    }

    .OptionFrame {
        margin-top: 30px;
        padding: 20px 30px;
    }
    .OptionFrame .Inner {
        display: table;
        width: 100%;
        text-align: left;
    }
    .OptionFrame .Inner > * {
        display: table-cell;
        vertical-align: middle;
        /*white-space: nowrap;*/
    }
    .OptionFrame h3 {
        padding-right: 35px;
        font-size: 80.0%;
        white-space: nowrap;
    }
    .OptionFrame .InfoArea {
        padding-right: 50px;
        white-space: nowrap;
    }
    .OptionFrame .InfoArea img {
        vertical-align: middle;
    }
    .OptionFrame .InfoArea .Copy {
        font-size: 100%;
    }
    .Module__Option.Module__Watch {
        width: auto;
    }
    .Module__Option.Module__Watch > .Head {
        display: flex;
        align-items: center;
    }
    .OptionFrame .InfoArea .Module__Option a {
        padding: 0 35px 0 10px;
    }
    .OptionFrame .InfoArea .Module__Option > .Body {
        font-size: 100%;
    }
    .OptionFrame .InfoArea .Module__Option > .Body > .Price {
        margin: 0 15px 0 0;
    }
    .OptionFrame .InfoArea .Module__Option .Price::before {
        display: none;
    }
    .OptionFrame .Annotation {
        font-size: 75%;
        padding-left: 1em;
        text-indent: -1em;
    }

    .Tools__Section6 h3,
    .Tools__Section6 .Figure + .Note {
        margin-top: 25px;
    }
    .Tools__Section6 .Button {
        margin-top: 30px;
    }


    .Section.WhitetoBeige.Tools__Section9 > .Inner {
        padding-bottom: 45px;
    }
    .Tools__Section9 .Figure__CaptionRight {
        display: inline-block;
        margin: 0 auto;
    }

    .Tools__Section9 .Box__Split2 > .Column:first-child {
        display: inline-block;
        padding: 25px 0 0;
        text-align: right;
    }
    .Tools__Section9 .Box__Split2 > .Column:first-child .Figure {
        position: relative;
    }
    .Tools__Section9 .Box__Split2 > .Column:first-child .Figure::before {
        content: url("../images/tools/icon_new.png");
        position: absolute;
        top: -25px;
        left: -25px;
    }
    .Tools__Section9 .Box__Split2 > .Column:last-child {
        padding: 25px 0 0;
        text-align: left;
        font-size: 75.0%;
        line-height: 1.6;
    }
}


/* Index Styles
--------------------------------------------------------------- */

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .Index__Section8 .Lead {
        padding-bottom: 10px;
    }
    .Figure__Overflow {
        margin: 0 -10px;
        overflow: hidden;
    }

    .Figure__Overflow img {
        width: 454px;
        max-width: none;
        margin-left: -80px;
        zoom: 1;
    }
    .Index__Section11 .Figure,
    .Index__Section12 .Figure,
    .Index__Section13 .Figure,
    .Index__Section14 .Figure {
        margin-top: 10px;
        padding: 0 20px;
    }
    .Index__Section11 .Figure img,
    .Index__Section12 .Figure img,
    .Index__Section13 .Figure img,
    .Index__Section14 .Figure img {
        zoom: 1;
    }
    .Index__Section15 h3 {
        padding-top: 10px;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {

}


/* Page Navigation Styles
--------------------------------------------------------------- */
.Navi__Page ul > * {
    display: inline-block;
    margin-left: 10px;
    text-align: right;
    line-height: 1;
}
.Navi__Page ul > *:first-child {
    margin-left: 0;
    text-align: left;
}
.Navi__Page ul > li > * {
    display: block;
    padding: 29px 18px 26px;
    background-color: #f6f6f6;
}
.Navi__Page ul > li > a {
    color: #222;
    text-decoration: none;
    background-color: #fff;
}
.Navi__Page img {
    margin-bottom: 3px;
    vertical-align: middle;
}

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .Navi__Page {
        margin-top: 15px;
        padding: 0 0 4px;
        background: url(../images/bg_togray.png) 50% 100% no-repeat;
        background-size: contain;
    }
    .Navi__Page ul {
        display: flex;
    }
    .Navi__Page ul > * {
        display: block;
        width: 50%;
        margin-left: 0;
    }
    .Navi__Page ul > li > a {
        padding: 17px 18px 15px;
        border: 1px solid #ccc;
    }
    .Navi__Page img {
        zoom: 0.7;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    .Navi__Page {
        margin-top: 40px;
        letter-spacing: -0.4em;
    }
    .Navi__Page ul > * {
        width: 495px;
        padding-bottom: 11px;
        letter-spacing: normal;
        font-size: 80.0%;
        vertical-align: top;
        background: url(../images/bg_shadow_s.png) 50% 100% no-repeat;
    }
    .Navi__Page ul > li > * {
        min-height: 79px;
        height: auto;
        height: 79px;
    }
    .Navi__Page li.Prev a > span {
        display: inline-block;
    }
    .Navi__Page li.Prev a > span {
        padding-left: 35px;
    }
    .Navi__Page li.Next a > span {
        padding-right: 35px;
    }
}


/* Global Navigation Styles
--------------------------------------------------------------- */
.Navi__Global ul > li > a {
    line-height: 1;
    color: #222;
    text-decoration: none;
}

/* Footer Navigation */
.Navi__Global.Foot {
    background-color: #fff;
}

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .Navi__Global ul > li > a {
        font-size: 80%;
    }

    /* Side SP Navigation */
    .Side .Navi__Global {

    }
    /* Footer Navigation */
    .Navi__Global.Foot {
        margin-top: 15px;
        padding: 0 0 4px;
        background: #fff url(../images/bg_togray.png) 50% 100% no-repeat;
        background-size: contain;
    }
    .Navi__Global.Foot ul {
        display: flex;
        flex-wrap: wrap;
    }
    .Navi__Global.Foot ul li {
        width: 50%;
        text-align: left;
    }
    .Navi__Global.Foot ul > li > a {
        position: relative;
        display: block;
        padding: 20px 15px 20px 25px;
        font-size: 0.75rem;
        border: 1px solid #ccc;
    }
    .Navi__Global.Foot ul > li > a::before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 15px;
        content: " ";
        width: 6px;
        height: 1.5em;
        margin: auto;
        background-color: #ccc;
    }
    .Navi__Global.Foot ul > li.On > a::before,
    .Navi__Global.Foot ul > li > a::before:hover {
        background-color: #f18b00;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    .Navi__Global {
        padding: 0 0 12px;
        background: #fff url(../images/bg_togray.png) 50% 100% no-repeat;
    }
    .Navi__Global.Head + .Section {
        margin-top: 12px;
    }
    .Navi__Global ul {
        letter-spacing: -0.4em;
    }
    .Navi__Global ul > li {
        display: inline-block;
        letter-spacing: normal;
    }
    .Navi__Global ul > li:not(:last-child) {
        margin-right: 45px;
    }
    .Navi__Global ul > li > a {
        display: block;
        padding-left: 8px;
        font-size: 80.0%;
        line-height: 1;
        border-left: 3px solid #ccc;
    }
    .Navi__Global ul > li.On > a,
    .Navi__Global ul > li > a:hover {
        border-color: #f18b00;
    }

    /* Header Navigation */
    .Navi__Global.Head {
        min-height: 57px;
        height: auto!important;
        height: 57px;
        margin-top: 30px;
        padding: 18px 20px 10px;
        background: #ededed url(../images/bg_headnavi.png) 0 0 repeat-x;
    }

    /* Footer Navigation */
    .Navi__Global.Foot {
        margin-top: 15px;
    }
    .Navi__Global.Foot ul {
        padding: 15px 20px;
    }
}


/* Modal Styles
--------------------------------------------------------------- */
.Message__Area {
    background: #FFF;
    text-align: left;
}
.Message__Msg {
    position: relative;
}
.Message__Msg dl {
    display: table;
}
.Message__Msg dt,
.Message__Msg dd {
    display: table-cell;
}
.Message__Body {
    margin-top: 5px;
    overflow: hidden;
}
.Message__Body + h2 {
    margin-top: 35px;
}
.Message__Msg h3 + .Message__Body {
    margin-top: 0;
}
.Message__Close {
    margin-top: 45px;
    padding: 20px 0 0;
    text-align: center;
    border-top: 1px solid #ddd;
}
.Message__Close a {
    color: #222;
    font-weight: bold;
    line-height: 34px;
    text-decoration: none;
}
.Message__Close img {
    margin-right: 10px;
    vertical-align: middle;
}
.Message__Msg .Message__Close {
    position: absolute;
    top: -10px;
    right: 0;
    margin: 0;
    padding: 0;
    border: none;
}
.Message__Msg .Message__Close img {
    margin-right: 0;
}

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .Message__Area {
        padding: 10px;
        font-size: 87.5%;
        line-height: 1.5;
    }
    .Message__Msg h2 {
        font-size: 128.6%;
    }
    .Message__Msg h3 {
        margin-top: 15px;
    }
    .Message__Msg p,
    .Message__Msg dl {
        margin-top: 10px;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    .Message__Area {
        max-width: 960px;
        margin: 40px auto;
        padding: 30px 30px 20px;
        font-size: 112.5%;
        line-height: 1.33;
    }
    .Message__Msg h2 {
        font-size: 133.3%;
    }
    .Message__Msg h3 {
        margin-top: 35px;
    }
    .Message__Msg p,
    .Message__Msg dl {
        margin-top: 30px;
    }
}

/* Pagetop Styles
--------------------------------------------------------------- */

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .Pagetop {
        /*display: none;*/
        padding: 10px 0 0;
        background-color: #fff;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    /*.Pagetop {*/
    /*width: 1000px;*/
    /*margin: 0 auto 15px;*/
    /*text-align: right;*/
    /*}*/
    /*.Pagetop a {*/
    /*display: inline-block;*/
    /*padding: 3px 0 3px 25px;*/
    /*font-size: 75.0%;*/
    /*color: #222;*/
    /*text-decoration: none;*/
    /*background: url(../images/arrow_pagetop.png) 0 0 no-repeat;*/
    /*}*/
    .Pagetop {
        position: fixed;
        right: 17px;
        bottom: 19px;
        width: 68px;
        height: 68px;
        z-index: 20;
    }
    .Pagetop a {
        display: block;
    }
}

/* Adjust Styles
--------------------------------------------------------------- */

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    /* Margin Adjust */
    .MT10 { margin-top: 10px; }
    .MT20 { margin-top: 20px; }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    /* Header Font Size */
    h3.Head__Large {
        font-size: 1.1em;
    }
    /* Margin Adjust */
    .MT10 { margin-top: 10px; }
    .MT20 { margin-top: 20px; }
    .MT25 { margin-top: 25px; }
    .MT30 { margin-top: 30px; }
    .MT40 { margin-top: 40px; }
    .MT50 { margin-top: 50px; }
    .MB20 { margin-bottom: 20px; }

    /* Padding Adjust */
    .PB40 { padding-bottom: 40px!important; }
    .PB45 { padding-bottom: 45px!important; }
}

/* SP Application Button Style
--------------------------------------------------------------- */

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .Button__Application {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        padding: 10px 25px 15px;
        background-color: rgba(255,255,255,0.8);
    }
    .Button__Application .Button {
        display: block;
    }
    .Button__Application p.Button.Orange > a {
        background: transparent;
    }
    .Button__Application p.Button.Orange > a {
        padding: 12px 10px 10px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        background-color: #f5680f;
    }
    .Button__Application p.Button.Orange > a > strong {
        position: relative;
        padding-left: 25px;
    }
}
@media screen and (max-width: 767px) {
	.news p{
    font-size: 0.75rem;
    text-align: left;
    width: 350px;
    margin: 0 auto;
	margin-bottom: 10px;
	}
	.news2 p{
    font-size: 0.75rem;
    text-align: left;
    width: 350px;
    margin: 0 auto;
    margin-bottom: 10px;
	}

	.arrow{
	width: 250px;
    margin-left: 60px;
	}
	.arrow li{
	    background: url(../images/arrow_right_circle_blue.png) 0 0 no-repeat;
	}
	.Inner h3{
		    font-size: 0.9em;
	}


}

/*content*/
@media screen and (max-width: 767px) {
#Atype_page .WhiteTopBorder .TextArea,
#Btype_page .WhiteTopBorder .TextArea,
#Ctype_page .WhiteTopBorder .TextArea,
#Dtype_page .WhiteTopBorder .TextArea{
 padding: 50px 20px 10px;
 text-align: left;
 font-size: 1.0rem;
	}
#Atype_page h3,
#Btype_page h3,
#Ctype_page h3,
#Dtype_page h3{
font-size: 1.2rem;
text-align: center;
	}
}
.type_Text{
font-weight: bold;
font-size:1.0rem;
text-align: center;
height:60px;
}
.Type_Link{
text-decoration: none;
}
.Paper__Section3{

}
.Paper__Section3 .Box__Split4{
text-align: center;
background-color:#F7F5E4;
padding: 10px;
margin: 40px 40px;
}
@media screen and (max-width:414px){
.Paper__Section3 .Box__Split4{

margin: 40px 16px;
}
}
.Paper__Section3 .BG__Beige img{
	width: 100%;}
.Paper__Section3 .BG__Beige{
background: none;
text-align: center;
}
.Paper__Section3 .BG__Beige .title{
border-bottom:none;
height: 60px;
}
#Atype_page .WhiteTopBorder,
#Btype_page .WhiteTopBorder,
#Ctype_page .WhiteTopBorder,
#Dtype_page .WhiteTopBorder{
border-top: 2px solid #f78600;
	}


/* --- latest --- */
#latest { background: #edf5ff; }
#latest ul {
    margin: 1em 0 0 1.5em;
    text-align: left;
}
#latest ul li {
    list-style-type: disc;
    padding-bottom: 0.5em;
}

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    #latest {
        margin: 0 10px 10px;
        padding: 10px;
    }
    #latest ul {
        font-size: 0.75rem;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    #latest {
        margin: 20px auto;
        padding: 20px 5%;
        width: 70%;
    }
}

/* --- Point3 --- */
.Point3_searcharticle {
    display: flex;
}
.Point3_searcharticle p {
    background: #1f8a11;
    color: #fff;
    font-size: 65%;
    align-self: center;
    padding: 15px;
    text-align: left;
}
/* --- */
.Point3_mailservice {
    display: flex;
}
.Point3_mailservice p {
    background: #1f8a11;
    color: #fff;
    font-size: 65%;
    align-self: center;
    padding: 15px;
    text-align: left;
}
.Point3_mailservice p > span {
    display: block;
}
.Point3_mailservice p > span.ttl {
    font-weight: bold;
}

/* --- miniBtn --- */
a.miniBtn {
    display: inline-block;
    padding: 5px 20px;
    margin: 20px 0;
    border-radius: 5px;
    border: solid 2px #f5680f;
    color: #f5680f;
    text-decoration: none;
    font-size: 80%;
}
a.miniBtn:hover {
    background: #ffebdc;
}

/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .Point3_h2icon {
        margin-right: 20px;
    }
    .Point3_searcharticle {
        flex-wrap: wrap;
        width: 84%;
        margin: 10px auto 0;
    }
    .Point3_searcharticle p {}
    .Point3_searcharticle figure {
        margin-top: 0 !important;
    }
    /* --- */
    .Point3_mailservice {
        flex-wrap: wrap;
    }
    .Point3_mailservice > div {
        padding: 0 20px;
    }
    .Point3_mailservice p {
        margin-bottom: 5px;
    }
    .Point3_mailservice p > span.ttl {
        border-bottom: 1px solid #fff;
        padding-bottom: 5px;
    }
    .Point3_mailservice p > span.txt {
        padding-top: 5px;
    }
    .Point3_mailservice p:last-child {
        margin-bottom:0;
    }
    .Point3_mailservice figure {
        margin-top: 0 !important;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    .Point3_h2icon {
        height: 74px;
        margin-right: 20px;
    }
    .Point3_searcharticle {
        width: 60%;
        margin: 25px auto 0;
    }
    .Point3_searcharticle p {}
    /* --- */
    .Point3_mailservice {
        flex-direction: row-reverse;
        margin-top: 25px;
    }
    .Point3_mailservice > div {
        padding: 15px;
        background: #1f8a11;
        align-self: flex-start;
    }
    .Point3_mailservice p {
        border-bottom: 1px solid #fff;
        padding: 15px 0;
    }
    .Point3_mailservice p:first-child{
        padding-top:0;
    }
    .Point3_mailservice p:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }
    .Point3_mailservice p > span.ttl {
        float: left;
    }
    .Point3_mailservice p > span.txt {
        padding-left:10em;
    }
}

/*--- notice ---*/
.notice {
    font-size: 70%;
    color: #666;
}
/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    .notice {
        font-size: 95%;
    }
}

/*--- btmCTA ---*/
/* ================================================ Smart Phone === */
@media screen and (max-width: 767px) {
    #btmCTA {
        margin-top: 20px;
    }
}
/* ================================================ PC === */
@media print, screen and (min-width: 768px) {
    #btmCTA {
        margin: 25px auto 0;
    }
}