@charset "UTF-8";
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

    version: 1.0
    created: 2017/07/13
    update : -

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
@import url("https://fonts.googleapis.com/css?family=Lato:400,900");
@font-face {
font-family:"icon";
src:url("../../font/icon.eot");
src:url("../../font/icon.eot?#iefix") format("eot"), url("../../font/icon.woff") format("woff"), url("../../font/icon.ttf") format("truetype"), url("../../font/icon.svg#icon") format("svg");
}
.m_icoHeading[class*="_alert"]::before, .m_panel > * .title::before, .m_evaluationBox .comparison .evaluationLevel > .title::before, .m_modal > .close::before, .m_errorList > ul > li::before, #mainContents.home #report .evaluation .comparison::before, #document.rodeco #mainContents #report01 .evaluation .comparison::before,
#document.rodeco #mainContents #report02 .evaluation .comparison::before{
font-family:"icon";
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
text-transform:none;
}

/*====================================================================================================

    format

====================================================================================================*/
html{
overflow-y:scroll;
font-size:10px;
}

body{
margin:0;
padding:0;
font-family:"Lato", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:1.4rem;
line-height:1.7;
}

h1,
h2,
h3,
h4,
h5,
h6{
font-size:100%;
}

p{
margin:0 0 1.5em;
}

ul,
ol{
margin:0 0 1.5em;
padding-left:0;
letter-spacing:-0.5em;
}

ul{
list-style:none;
}

li{
letter-spacing:0;
}

table{
margin:0 0 1.5em;
border-collapse:collapse;
border-spacing:0;
}

table th > *:last-child,
table td > *:last-child{
margin-bottom:0 !important;
}

hr{
display:none;
}

img{
border:0;
vertical-align:middle;
}

li img{
vertical-align:middle;
}

button,
input,
select,
textarea{
font-family:"Lato", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:1.4rem;
vertical-align:middle;
}

button{
display:inline;
border:none;
padding:0;
background:none;
cursor:pointer;
}

button::-moz-focus-inner{
padding:0;
border:0;
}

em,
address,
small{
font-style:normal;
}

em{
font-weight:bold;
}

article,
aside,
dialog,
figure,
footer,
header,
menu,
nav,
section,
mark,
audio,
video,
main{
display:block;
margin:0;
padding:0;
border:0;
outline:0;
}

fieldset{
margin:0;
padding:0;
border:none;
}

nav ul{
list-style:none;
}

:placeholder-shown{
color:#b5b1b2;
}

::-webkit-input-placeholder{
color:#b5b1b2;
}

::-moz-placeholder{
color:#b5b1b2;
opacity:1;
}

:-ms-input-placeholder{
color:#b5b1b2;
}

/*====================================================================================================

    base

====================================================================================================*/
html{
height:100%;
min-height:100%;
}

body{
min-width:1280px;
min-height:100%;
color:#585858;
-webkit-text-size-adjust:100%;
}

#document{
min-height:100%;
height:100%;
}

a{
color:#585858;
}
a:hover{
text-decoration:none;
}

/* Header
--------------------------------------------------------------------------------------------------- */
#gheader{
position:relative;
display:flex;
align-items:center;
padding-left:180px;
height:82px;
z-index:0;
}
#gheader::before{
position:absolute;
right:0;
bottom:0;
left:0;
content:"";
border-top:5px solid #b6b7b7;
height:11px;
background:#9d001a;
z-index:1;
}
#gheader::after{
position:absolute;
right:0;
bottom:0;
left:0;
content:"";
height:16px;
background:url(../../img/common/gheader_bg.gif) no-repeat 0 100%;
z-index:2;
}
#gheader a{
display:inline-block;
}
#gheader .logo{
margin:0;
}
#gheader .logo span{
overflow:hidden;
display:block;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/common/common_img_sprite.png");
background-position:0px 0px;
width:216px;
height:40px;
}

/* GlobalNavigation
--------------------------------------------------------------------------------------------------- */
#gnav{
position:relative;
flex-basis:287px;
border-right:1px solid #e5e5e5;
background:#ffffff;
box-shadow:1px 0 2px 0 rgba(0, 0, 0, 0.15);
line-height:1.5;
z-index:10;
}
#gnav .top{
margin:0;
}
#gnav .top a{
position:relative;
display:block;
padding:11px 0 9px;
}
#gnav .top a span{
margin:0 auto;
overflow:hidden;
display:block;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/common/conepita_logo.png");
width:187px;
height:79px;
}
#gnav .top a::before{
box-shadow:1px -1px 2px 0 rgba(0, 0, 0, 0.15);
position:absolute;
top:50%;
right:-5px;
width:12px;
height:12px;
background:#ffffff;
content:"";
transform:translateY(-50%) rotate(45deg);
}
#gnav .inner{
overflow:hidden;
height:calc(100% - 98px);
}
#gnav .inner:hover{
overflow-y:auto;
-webkit-overflow-scrolling:touch;
}
#gnav .inner ul{
margin:0;
}
#gnav .inner .main > li > span{
position:relative;
display:block;
padding:19px 20px 19px 64px;
background:#f9f9f9;
font-weight:bold;
font-size:1.6rem;
}
#gnav .inner .main > li > span::before{
position:absolute;
left:23px;
top:50%;
transform:translateY(-50%);
font-family:"icon";
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
text-transform:none;
color:#999999;
}
#gnav .inner .main > li.report > span::before{
font-size:2.2rem;
content:"";
}
#gnav .inner .main > li.training > span::before{
font-size:2.6rem;
content:"";
}
#gnav .inner .main > li.useful > span::before{
font-size:2.6rem;
content:"";
}
#gnav .inner .main > li.customer > span::before{
font-size:2.6rem;
content:"";
}
#gnav .inner .main > li.customer > span::before{
left:24px;
}
#gnav .inner .main > li:nth-of-type(n+2){
border-top:1px solid #d6d6d6;
}
#gnav .inner .main > li > ul > li > a{
position:relative;
display:block;
padding:16px 20px 15px 64px;
color:#585858;
text-decoration:none;
}
#gnav .inner .main > li > ul > li > a::before{
position:absolute;
top:50%;
right:18px;
content:"";
width:4px;
height:4px;
border:solid #7d7d7d;
border-width:2px 2px 0 0;
transform:translateY(-50%) rotate(45deg) skew(10deg, 10deg);
}
@media screen and (min-width: 768px) {
#gnav .inner .main > li > ul > li a{
transition:color .4s ease, background-color .4s ease;
}
#gnav .inner .main > li > ul > li a::before{
transition:border-color .4s ease;
}
#gnav .inner .main > li > ul > li a:hover{
color:#ffffff;
background:#fac437;
text-decoration:underline;
}
#gnav .inner .main > li > ul > li a:hover::before{
border-color:#ffffff;
}
}
#gnav .inner .main > li > ul > li:nth-of-type(n+2){
border-top:1px solid #eeeeee;
}
#gnav .inner .main > li > ul > li > ul > li a{
display:block;
padding:13px 20px 13px 94px;
color:#585858;
text-decoration:none;
}
#gnav .inner .sub{
padding:30px 15px;
background:#e0e0e0;
}
#gnav .inner .sub > li{
overflow:hidden;
border-radius:6px 0 6px 0;
box-shadow:1px 1px 2px #d7d7d7;
}
#gnav .inner .sub > li:nth-of-type(n+2){
margin-top:7px;
}
#gnav .inner .sub > li a{
position:relative;
display:block;
padding:0 22px 0 96px;
line-height:50px;
background:#ffffff;
color:#585858;
text-decoration:none;
}
#gnav .inner .sub > li a::before{
position:absolute;
top:50%;
left:36px;
width:40px;
font-family:"icon";
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
text-transform:none;
text-align:center;
transform:translateY(-50%);
line-height:1.2;
}
#gnav .inner .sub > li.beginner a::before{
font-size:3rem;
content:"";
}
#gnav .inner .sub > li.faq a::before{
font-size:2.6rem;
content:"";
}
#gnav .inner .sub > li.inquiry a::before{
font-size:2.2rem;
content:"";
}
#gnav .inner .sub > li.logout{
margin-top:15px;
box-shadow:none;
}
#gnav .inner .sub > li.logout a{
background:#fac437;
border-radius:100px;
padding:0 20px;
text-align:center;
}
#gnav .inner .sub > li.logout a::before{
position:static;
display:inline-block;
margin-right:5px;
border:solid #7d7d7d;
border-width:2px 2px 0 0;
width:4px;
height:4px;
content:"";
vertical-align:-1px;
transform:translateY(-50%) rotate(45deg) skew(5deg, 5deg);
}
@media screen and (min-width: 768px) {
#gnav .inner .sub > li a{
transition:background-color .4s ease, color .4s ease;
}
#gnav .inner .sub > li a::before{
transition:border-color .4s ease;
}
#gnav .inner .sub > li a:hover{
background-color:#fac437;
color:#ffffff;
}
#gnav .inner .sub > li a:hover::before{
border-color:#ffffff;
}
}
#gnav.is_float{
position:fixed;
top:0;
bottom:0;
left:0;
width:288px;
}

/* MainContents
--------------------------------------------------------------------------------------------------- */
#wrapper{
display:flex;
height:calc(100% - 82px);
}
#wrapper > #container{
overflow:auto;
flex-basis:calc(100% - 288px);
height:100%;
}

#mainContents{
overflow:auto;
padding:40px;
background:linear-gradient(to bottom, white 0%, white 400px, whitesmoke 50%, #fbfbfb 100%);
}
#mainContents > #mainContentsInner{
padding:50px 70px 40px;
background:#ffffff;
}
@media screen and (min-width: 768px) {
#mainContents > #mainContentsInner{
min-height:500px;
}
}

/* SubContents
--------------------------------------------------------------------------------------------------- */
#mainContents{
margin:0;
}

/* Footer
--------------------------------------------------------------------------------------------------- */
#gfooter{
overflow:hidden;
border-top:1px solid #e3e3e3;
}
#gfooter .unav{
margin:0;
padding:15px 42px;
}
#gfooter .unav > li{
display:inline-block;
vertical-align:middle;
margin:0;
  @incude fts(12);
}
#gfooter .unav > li a{
color:#585858;
}
#gfooter .unav > li:nth-of-type(n+2){
margin-left:20px;
}
#gfooter .copyright{
position:relative;
margin:0;
padding:5px 19px;
font-weight:bold;
color:#ffffff;
z-index:0;
}
#gfooter .copyright::after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
#gfooter .copyright::before{
position:absolute;
top:0;
right:-1000%;
bottom:0;
left:-1000%;
content:"";
background:#cc0322;
z-index:-1;
}
#gfooter .copyright small > span:nth-of-type(2){
padding-top:3px;
float:right;
}
#gfooter .copyright small > span:nth-of-type(2) br{
display:none;
}

/*====================================================================================================

    module

====================================================================================================*/
/* section module
--------------------------------------------------------------------------------------------------- */
.m_section{
margin-bottom:50px;
border-bottom:2px solid #d2d2d2;
padding-bottom:50px;
}
.m_section > *:last-child{
margin-bottom:0 !important;
}
.m_section[class*="_noborder"]{
margin-bottom:80px;
border-bottom:none;
padding-bottom:0;
}
.m_section[class*="_bg01"]{
padding:60px 55px 80px;
background:#ffffff;
}

.m_inputSection{
margin:0 auto;
text-align:center;
}
.m_inputSection > .inner{
display:inline-block;
vertical-align:middle;
min-width:540px;
}

/* heading module
--------------------------------------------------------------------------------------------------- */
.m_textHeading{
margin:0 0 30px;
font-size:2rem;
}
.m_textHeading[class*="_small"]{
margin-bottom:10px;
font-size:1.6rem;
}
.m_textHeading[class*="_large"]{
margin-bottom:-3px 27px;
font-size:2.4rem;
line-height:1.2;
}

.m_borderHeading{
position:relative;
margin:0 0 35px;
padding:0 0 10px;
font-size:3.4rem;
text-align:center;
}
.m_borderHeading::before{
display:block;
margin:0 auto 5px;
font-family:"icon";
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
text-transform:none;
line-height:1;
}
.m_borderHeading::after{
position:absolute;
bottom:0;
left:50%;
content:"";
border-radius:2px;
width:60px;
height:4px;
background:#fac437;
transform:translateX(-50%);
}
.m_borderHeading[class*="_icoCaution"]::before{
color:#cc0322;
font-size:60px;
content:"";
}
.m_borderHeading[class*="_icoBeginner"]::before{
color:#fac437;
font-size:60px;
content:"";
}
.m_borderHeading[class*="_alert"]::before{
color:#cc0322;
font-size:60px;
content:"";
}
.m_borderHeading time{
display:block;
margin:0 auto -7px;
font-size:1.4rem;
}
.m_borderHeading time + br{
display:none;
}
.m_borderHeading img{
display:block;
margin:0 auto 15px;
}

.m_bulletHeading{
position:relative;
margin:0 0 15px;
padding:0 0 0 32px;
font-size:2rem;
}
.m_bulletHeading::before{
position:absolute;
top:8px;
left:0;
content:"";
width:18px;
height:18px;
}
.m_bulletHeading[class*="_type01"]::before{
background:#fac437;
}
.m_bulletHeading[class*="_type02"]::before{
background:#1fa57f;
}

.m_bulletHeadingType2{
position:relative;
top:0px;
margin:0 0 15px;
padding:0 0 0 45px;
}
.m_bulletHeadingType2::before{
position:absolute;
top:3px;
left:0;
content:"";
width:25px;
height:25px;
}
.m_bulletHeadingType2[class*="_type01"]::before{
background:#fac437;
}
.m_bulletHeadingType2[class*="_type02"]::before{
background:#1fa57f;
}

.m_bulletHeadingType3{
position:relative;
font-size:2.6rem;
margin:0 0 15px;
padding:0 0 0 45px;
}
.m_bulletHeadingType3::before{
position:absolute;
top:10px;
left:0;
content:"";
width:25px;
height:25px;
}
.m_bulletHeadingType3[class*="_type01"]::before{
background:#fac437;
}
.m_bulletHeadingType3[class*="_type02"]::before{
background:#1fa57f;
}

.m_bulletHeading:nth-of-type(n+2), h1 + .m_bulletHeading{
margin-top:55px;
}

.m_icoHeading{
margin:0 0 10px;
font-size:2rem;
font-weight:bold;
text-align:center;
}
.m_icoHeading::before{
margin-right:10px;
}
.m_icoHeading[class*="_alert"]{
color:#cc0322;
}
.m_icoHeading[class*="_alert"]::before{
color:#cc0322;
font-size:2.4rem;
vertical-align:middle;
content:"";
}

.m_headingGroup{
margin:0 0 20px;
}
.m_headingGroup > *{
display:inline-block;
vertical-align:middle;
margin:0 20px 0 0;
}

/* box module
--------------------------------------------------------------------------------------------------- */
.m_box{
margin:0 0 30px;
border:1px solid #e5e5e5;
border-radius:6px;
padding:16px 20px 20px;
background:#ffffff;
}
.m_box > *:last-child{
margin-bottom:0 !important;
}
.m_box[class*="_narrow"]{
margin-bottom:20px;
border:none;
padding:10px;
}
.m_box[class*="_gray"]{
background:#f2f2f2;
}
.m_box[class*="_yellow"]{
border:none;
background:#fef9eb;
}
.m_box[class*="_alert"]{
border:none;
background:#fef9eb;
text-align:center;
}
.m_box[class*="_alert"] ul,
.m_box[class*="_alert"] p{
margin-bottom:0;
font-size:1.6rem;
}
.m_box[class*="_alert"] [class*="Heading"]{
margin-bottom:10px;
}
.m_box[class*="_alert"] .m_notesList > li{
font-size:1.4rem;
}
.m_box[class*="_wide"]{
padding:36px 40px 40px;
}
.m_box[class*="solid"]{
box-sizing:border-box;
margin:32px auto;
border-radius:0;
padding:35px 40px;
width:600px;
}

.m_media{
display:table;
margin:0 0 1.5em;
}
.m_media .image,
.m_media .body{
display:table-cell;
vertical-align:top;
direction:ltr;
}
.m_media .image{
padding:0 30px 0 0;
width:1%;
}
.m_media .body{
text-align:left;
}
.m_media .body > *:last-child{
margin-bottom:0 !important;
}
.m_media .body + .image{
padding:0 0 0 30px;
}
.m_media[class*="_flipped"]{
direction:rtl;
width:100%;
}
.m_media[class*="_flipped"] .image{
padding:0 0 0 30px;
}
.m_media[class*="_flipped"] .body + .image{
padding:0 30px 0 0;
}

.m_image{
margin:0 0 1.5em;
text-align:center;
}
.m_image img{
max-width:100%;
}

.m_column{
margin:0 0 30px;
display:flex;
justify-content:space-between;
}
.m_column > .column > *:last-child{
margin-bottom:0 !important;
}
.m_column > .column > section > *:last-child{
margin-bottom:0 !important;
}
.m_column[class*="_col2"] > .column{
flex-basis:calc(100% / 2 - 40px);
}
.m_column[class*="_col3"] > .column{
flex-basis:29.4%;
flex-basis:calc(100% / 3 - 40px);
}
.m_column[class*="_col4"] > .column{
flex-basis:calc(100% / 4 - 40px);
}
.m_column[class*="_fixed"]{
flex-wrap:wrap;
justify-content:flex-start;
}
.m_column[class*="_fixed"][class*="_col2"] > .column{
flex-basis:455px;
}
.m_column[class*="_fixed"][class*="_col3"] > .column{
flex-basis:455px;
}
.m_column[class*="_fixed"][class*="_col4"] > .column{
flex-basis:455px;
}
.m_column[class*="_alignMiddle"]{
align-items:center;
}

.m_columnList{
margin:0 -35px 30px 0;
letter-spacing:-0.5em;
}
.m_columnList > .column{
display:inline-block;
vertical-align:top;
margin:0 35px 0 0;
letter-spacing:0;
}
.m_columnList > .column > *:last-child{
margin-bottom:0 !important;
}
.m_columnList[class*="_col2"] > .column{
width:calc(100% / 2 - 35px);
}
.m_columnList[class*="_col2"] > .column:nth-of-type(n+3){
margin-top:30px;
}
.m_columnList[class*="_col3"] > .column{
width:calc(100% / 3 - 35px);
}

.m_panel{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin:0 -15px 0 0;
}
.m_panel > *{
box-sizing:border-box;
margin:0 14px 0 0;
border-radius:6px 0 6px 0;
background:#ffffff;
box-shadow:2px 2px 0 #d7d7d7;
}
.m_panel > * > *:last-child{
margin-bottom:0 !important;
}
.m_panel > * a{
position:relative;
display:block;
padding:30px;
height:calc(100% - 60px);
color:#585858;
text-decoration:none;
}
.m_panel > * a > *:last-child{
margin-bottom:0 !important;
}
@media screen and (min-width: 768px) {
.m_panel > * a::before{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
content:"";
border:2px solid #fac437;
border-radius:6px 0 6px 0;
opacity:0;
transition:opacity .4s ease;
}
.m_panel > * a:hover::before{
opacity:1;
z-index:10;
}
}
.m_panel > * .image{
overflow:hidden;
position:relative;
margin:-30px -30px 15px;
border-radius:6px 0 0 0;
}
.m_panel > * .image img{
width:100%;
height:auto;
}
.m_panel > * .title{
position:relative;
display:block;
margin:0 0 10px;
padding:0 0 10px;
text-align:center;
font-size:1.6rem;
}
.m_panel > * .title::before{
font-size:1.6rem;
vertical-align:middle;
content:"";
}
.m_panel > * .title::before{
margin-right:8px;
color:#707070;
}
.m_panel > * .title::after{
position:absolute;
bottom:0;
left:50%;
content:"";
border-bottom:2px solid #fac437;
width:60px;
transform:translateX(-50%);
}
.m_panel > * .title + *{
color:#000000;
}
.m_panel[class*="_col2"] > *{
width:calc(100% / 2 - 15px);
}
.m_panel[class*="_col3"] > *{
width:calc(100% / 3 - 15px);
}
.m_panel[class*="_col4"] > *{
width:calc(100% / 4 - 15px);
}
.m_panel[class*="_vertical"]{
margin-right:0;
display:block;
}
.m_panel[class*="_vertical"] > *{
display:block;
margin-right:0;
}
.m_panel[class*="_vertical"] > * a{
padding:11px 20px 11px;
height:auto;
}
.m_panel[class*="_vertical"] > * .image{
margin:-11px -20px 15px;
}
.m_panel[class*="_vertical"] > * .title{
padding-bottom:0;
}
.m_panel[class*="_vertical"] > * .title::after{
display:none;
}
.m_panel[class*="_vertical"] > *:nth-of-type(n+2){
margin-top:12px;
}

.m_buttonColumn{
display:flex;
justify-content:space-between;
align-items:center;
margin:0 0 20px;
padding:30px 40px;
background:#f9f9f9;
}
.m_buttonColumn > .column > *:last-child{
margin-bottom:0 !important;
}
.m_buttonColumn > .column:nth-of-type(1){
flex:1 5 auto;
padding-right:40px;
font-size:1.6rem;
line-height:2;
}
.m_buttonColumn > .column:nth-of-type(1) [class*="Heading"]{
margin-bottom:10px;
line-height:1.5;
}
.m_buttonColumn > .column:nth-of-type(2){
flex:0 0 auto;
width:118px;
}
.m_buttonColumn > .column:nth-of-type(2) .status{
display:block;
line-height:1;
margin-bottom:10px;
font-size:4rem;
text-align:center;
}
.m_buttonColumn > .column:nth-of-type(2) .m_button{
margin:0;
}
.m_buttonColumn > .column:nth-of-type(2) .m_button > li{
margin:0;
width:100%;
}
.m_buttonColumn > .column:nth-of-type(2) .m_button > li a, .m_buttonColumn > .column:nth-of-type(2) .m_button > li button, .m_buttonColumn > .column:nth-of-type(2) .m_button > li span{
width:100%;
}

.m_accept{
border:1px solid #e5e5e5;
border-radius:6px;
padding:30px;
background:#ffffff;
}
.m_accept > *:last-child{
margin-bottom:0 !important;
}
.m_accept [class*="Heading"]{
margin-bottom:30px;
font-size:1.4rem;
}
.m_accept .heading{
margin:0;
}
.m_accept + .agree{
margin-top:40px;
text-align:center;
}

.m_evaluationBox > div{
display:flex;
margin:0 0 15px;
align-items:center;
justify-content:space-between;
}
.m_evaluationBox .heading{
margin:0;
color:#1fa57f;
font-weight:bold;
font-size:1.6rem;
}
.m_evaluationBox .heading img{
margin-right:14px;
}
.m_evaluationBox .comparison .evaluationLevel > .title{
text-align:center;
display:inline-block;
vertical-align:middle;
font-size:1.2rem;
line-height:1.2;
}
.m_evaluationBox .comparison .evaluationLevel > .title::before{
color:#1fa57f;
font-size:50px;
vertical-align:middle;
content:"";
}
.m_evaluationBox .comparison .evaluationLevel > .title::before{
display:block;
margin-bottom:5px;
line-height:50px;
}
.m_evaluationBox .comparison .evaluationLevel > .title > .rank{
margin-left:5px;
font-size:2rem;
}
.m_evaluationBox .comparison .evaluationLevel > .rank{
display:inline-block;
vertical-align:middle;
margin-left:20px;
font-size:9rem;
line-height:90px;
}
.m_evaluationBox .comparison.is_up .evaluationLevel > .title::before{
transform:rotate(-45deg);
}
.m_evaluationBox .comparison.is_down .evaluationLevel > .title::before{
transform:rotate(45deg);
}
.m_evaluationBox .comparison .evaluationDay{
line-height:1;
text-align:center;
}
.m_evaluationBox .comparison .evaluationDay > .day{
display:block;
font-size:1.6rem;
}
.m_evaluationBox .comparison .evaluationDay > .day > .count{
font-size:9rem;
}
.m_evaluationBox .comparison .evaluationDay > .count{
font-size:2.4rem;
margin-left:5px;
}
.m_evaluationBox .comparison .evaluationDay > .unit{
font-size:1rem;
}
.m_evaluationBox > div + p{
font-size:1.6rem;
}

.m_slideshow{
position:relative;
overflow:hidden;
}
.m_slideshow .slides{
margin-bottom:10px;
position:relative;
}
.m_slideshow .slides:after{
height:0;
display:block;
clear:both;
content:".";
}
.m_slideshow .slides > li{
float:left;
display:none;
}
.m_slideshow .slides > li:first-child{
display:block;
}
.m_slideshow .crossfade .slides > li{
position:absolute;
float:none;
}
.m_slideshow .slideControl{
display:none;
clear:both;
}
.m_slideshow .cursor > li{
position:absolute;
top:110px;
}
.m_slideshow .cursor > li.prev{
left:0;
}
.m_slideshow .cursor > li.next{
right:0;
}
.m_slideshow .select > li{
margin:0 2px;
display:inline-block;
}
.m_slideshow .select > li > li a{
padding:5px;
border:1px solid #ccc;
display:block;
background:#ddd;
text-decoration:none;
}
.m_slideshow .select > li > li.active a, .m_slideshow .select > li > li a:hover{
background:#eee;
}

.m_modal{
box-sizing:border-box;
position:fixed;
top:50%;
left:50%;
border-radius:6px;
padding:70px 0;
width:950px;
max-height:90%;
background:#ffffff;
text-align:center;
font-size:1.6rem;
transform:translate3D(-50%, -50%, 0);
z-index:1000;
overflow:auto;
}
.m_modal > *:last-child{
margin-bottom:0 !important;
}
.m_modal > .close{
position:absolute;
top:32px;
right:32px;
}
.m_modal > .close::before{
color:#fac437;
font-size:30px;
vertical-align:middle;
content:"";
}
.m_modal .modalInner{
overflow:auto;
padding:0 85px;
}
.m_modal .m_media .img1{
margin-bottom:10px;
}
.m_modal .m_media .ttl{
font-weight:bold;
margin-bottom:10px;
}
.m_modal.info .em{
font-weight:bold;
}
.m_modal.info .comp > *:last-child{
margin-bottom:0 !important;
}
.m_modal.info .m_linkList > li{
display:inline-block;
}
@media screen and (min-width: 769px) {
.m_modal.info .slick-slide > *:last-child{
margin-bottom:0 !important;
}
.m_modal.info .head{
font-size:2.8rem;
font-weight:bold;
}
.m_modal.info .comp{
margin-bottom:150px;
}
.m_modal.info .m_media{
margin:0 80px 70px;
}
.m_modal.info .m_media .image{
padding-right:40px;
}
.m_modal.info .m_linkList{
margin-bottom:0;
}
.m_modal.info .sp{
display:none;
}
}
@media screen and (max-width: 768px) {
.m_modal{
padding:20px 10px;
width:85%;
}
.m_modal > .close{
top:20px;
right:20px;
}
.m_modal > .close::before{
font-size:20px;
}
.m_modal .modalInner{
padding:0 20px;
}
.m_modal .modalInner img{
width:100%;
height:auto;
}
.m_modal.info{
overflow:auto;
padding:35px 20px 20px;
width:87.5%;
}
.m_modal.info .m_media{
display:block;
margin-top:-20px;
}
.m_modal.info .m_media .image, .m_modal.info .m_media .body{
display:block;
width:100%;
padding:0;
}
.m_modal.info .m_media .image{
margin-bottom:0;
text-align:center;
}
.m_modal.info .m_borderHeading{
white-space:nowrap;
font-feature-settings:"palt";
margin-left:-10px;
margin-right:-10px;
}
.m_modal.info .head{
font-size:1.4rem;
font-weight:bold;
margin-bottom:12px;
}
.m_modal.info .img2, .m_modal.info .pc{
display:none;
}
.m_modal.info img{
width:240px;
margin:auto;
}
.m_modal.info .ttl{
font-size:1.4rem;
text-align:center;
margin-bottom:10px;
}
.m_modal.info .txt{
font-size:1.2rem;
margin-bottom:20px;
}
.m_modal.info .em{
font-size:1.2rem;
}
.m_modal.info .img1, .m_modal.info .img2{
text-align:center;
}
.m_modal.info .comp{
margin-bottom:60px;
}
.m_modal.info .m_button{
margin:20px 0 0;
}
.m_modal.info .m_linkList{
font-size:1.2rem;
margin-top:12px;
}
.m_modal.info .spBlock{
display:block;
}
}
.m_modal + .overlay{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
background:rgba(0, 0, 0, 0.8);
z-index:999;
}

/* paragraph module
--------------------------------------------------------------------------------------------------- */
.m_leadText{
margin-bottom:40px;
text-align:center;
font-size:1.6rem;
line-height:2;
}
.m_leadText .note{
color:#666666;
font-size:1.4rem;
}
.m_leadText + .m_alignRight{
margin:-10px 0 40px;
}
.m_leadText + .m_notesList{
margin:-40px 0 40px;
}

.m_requiredInfo{
margin-bottom:5px;
text-align:right;
color:#cc0322;
}

.m_liquidImage{
margin:0 0 1.5em;
text-align:center;
}
.m_liquidImage img{
max-width:100%;
height:auto;
}

/* list module
--------------------------------------------------------------------------------------------------- */
.m_list > li{
position:relative;
text-indent:-1em;
padding-left:1em;
}
.m_list > li > *:last-child{
margin-bottom:0 !important;
}
.m_list > li:before{
display:inline-block;
width:1em;
text-indent:0;
content:"・";
}
.m_list[class*="_unsytled"] > li:before{
content:none;
}

.m_notesList{
color:#666666;
}
.m_notesList .red-bold {
    color: red;
    font-weight: bold;
}
.m_notesList > li{
padding-left:1em;
text-indent:-1em;
}
.m_notesList > li > *:last-child{
margin-bottom:0 !important;
}
.m_notesList > li:before{
content:"※";
}
[class$="Heading"] + .m_notesList{
margin-bottom:40px;
}

.m_numberList{
list-style:none;
}
.m_numberList > li{
position:relative;
padding-left:1.5em;
}
.m_numberList > li > *:last-child{
margin-bottom:0 !important;
}
.m_numberList > li::before{
position:absolute;
top:-2px;
left:0;
font-weight:bold;
font-size:larger;
color:#fac437;
}
.m_numberList > li:nth-of-type(1)::before{
content:"\2460";
}
.m_numberList > li:nth-of-type(2)::before{
content:"\2461";
}
.m_numberList > li:nth-of-type(3)::before{
content:"\2462";
}
.m_numberList > li:nth-of-type(4)::before{
content:"\2463";
}
.m_numberList > li:nth-of-type(5)::before{
content:"\2464";
}
.m_numberList > li:nth-of-type(6)::before{
content:"\2465";
}
.m_numberList > li:nth-of-type(7)::before{
content:"\2466";
}
.m_numberList > li:nth-of-type(8)::before{
content:"\2467";
}
.m_numberList > li:nth-of-type(9)::before{
content:"\2468";
}
.m_numberList > li:nth-of-type(10)::before{
content:"\2469";
}
.m_numberList[class*="_marker"] > li .mark{
position:absolute;
top:4px;
left:0;
width:1.3em;
border-radius:50%;
color:#ffffff;
line-height:1.3;
text-align:center;
}
.m_numberList[class*="_marker"] > li::before{
display:none;
}
.m_numberList[class*="_marker"][class*="_type01"] > li{
color:#cc0322;
}
.m_numberList[class*="_marker"][class*="_type01"] > li .mark{
background:#cc0322;
}
.m_numberList[class*="_inline"]{
display:inline-block;
vertical-align:middle;
}
.m_numberList[class*="_inline"] > li{
text-align:left;
}

.m_linkList > li{
position:relative;
padding:0 0 0 12px;
}
.m_linkList > li > *:last-child{
margin-bottom:0 !important;
}
.m_linkList > li a,
.m_linkList > li button{
color:#585858;
}
.m_linkList > li a::before,
.m_linkList > li button::before{
position:absolute;
top:10px;
left:0;
content:"";
border:solid #585858;
border-width:2px 2px 0 0;
width:4px;
height:4px;
transform:rotate(45deg) skew(10deg, 10deg);
}
.m_linkList > li a.blank::after{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:0;
line-height:1;
background-image:url("../../img/common/common_img_sprite.png");
background-position:-197px -80px;
width:10px;
height:10px;
margin-left:10px;
content:"";
}
.m_linkList[class*="_horizontal"]{
margin-right:-10px;
margin-left:-10px;
text-align:center;
}
.m_linkList[class*="_horizontal"] > li{
margin:0 10px;
display:inline-block;
vertical-align:middle;
}
.m_linkList[class*="_inline"]{
display:inline-block;
vertical-align:middle;
}
.m_linkList[class*="_inline"] > li{
text-align:left;
}

.m_markList > li{
position:relative;
padding-left:1.5em;
}
.m_markList > li .marker{
position:absolute;
left:0;
width:1em;
}
.m_markList > li a > .marker{
overflow:hidden;
text-indent:100%;
}
.m_markList > li a > .marker::before{
position:absolute;
top:7px;
left:2px;
content:"";
border:solid #585858;
border-width:2px 2px 0 0;
width:4px;
height:4px;
transform:rotate(45deg) skew(10deg, 10deg);
}
.m_markList > li:nth-of-type(n+2){
margin-top:5px;
}

.m_imageList > li{
margin:0 0 20px;
display:inline-block;
vertical-align:top;
}
.m_imageList > li .label{
display:block;
margin:0 0 15px;
color:#333333;
font-size:2rem;
}
.m_imageList > li .label[class*="_type01"] .mark{
color:#fac437;
}
.m_imageList > li .label[class*="_type02"] .mark{
color:#1fa57f;
}
.m_imageList > li .image{
display:block;
margin:0 0 10px;
}
.m_imageList > li .image img{
width:100%;
height:auto;
}
.m_imageList > li .caption{
font-size:1.6rem;
}
.m_imageList[class*="_col2"]{
margin-right:-16px;
}
.m_imageList[class*="_col2"] > li{
margin-right:16px;
width:48%;
width:calc(100% / 2 - 16px);
}
.m_imageList[class*="_col2"][class*="_fixed"] > li{
width:377px;
}
.m_imageList[class*="_col3"]{
margin-right:-16px;
}
.m_imageList[class*="_col3"] > li{
margin-right:15px;
width:calc(100% / 3 - 16px);
}
.m_imageList[class*="_col3"][class*="_fixed"] > li{
width:293px;
}
.m_imageList[class*="_col4"]{
margin-right:-20px;
}
.m_imageList[class*="_col4"] > li{
margin-right:20px;
width:calc(100% / 4 - 20px);
}

.m_newsList{
position:relative;
}
.m_newsList > li{
font-size:1.6rem;
line-height:1.3;
}
.m_newsList > li time{
display:block;
margin:0 0 10px;
font-size:1.4rem;
}
.m_newsList > li a{
color:#000000;
text-decoration:none;
}
.m_newsList > li a:hover{
text-decoration:underline;
}
.m_newsList > li.more{
position:absolute;
top:-70px;
right:15px;
}
.m_newsList > li.more a{
position:relative;
display:inline-block;
vertical-align:middle;
border-radius:100px;
padding:4px 20px 4px 27px;
background:#e5e5e5;
color:#707070;
font-size:1.3rem;
text-decoration:none;
}
.m_newsList > li.more a::before{
position:absolute;
top:50%;
left:16px;
content:"";
width:4px;
height:4px;
border:solid #707070;
border-width:2px 2px 0 0;
transform:translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 768px) {
.m_newsList > li.more a{
transition:background-color .4s ease, color .4s ease;
}
.m_newsList > li.more a::before{
transition:border-color .4s ease;
}
.m_newsList > li.more a:hover{
background-color:#fac437;
color:#ffffff;
}
.m_newsList > li.more a:hover::before{
border-color:#ffffff;
}
}
.m_newsList > li:nth-of-type(n+2){
margin-top:28px;
}
.m_newsList[class*="_horizontal"] > li{
margin-top:0;
display:flex;
border-bottom:1px solid #d6d6d6;
padding:20px 30px;
}
.m_newsList[class*="_horizontal"] > li time{
flex-basis:5.5em;
margin-bottom:0;
padding-right:30px;
}

.m_errorList{
margin:0 0 20px;
padding:10px;
background:#fdf2f4;
color:#cc0322;
font-weight:bold;
text-align:center;
}
.m_errorList > ul{
margin:0;
display:inline-block;
vertical-align:middle;
text-align:left;
}
.m_errorList > ul > li{
position:relative;
padding-left:30px;
}
.m_errorList > ul > li::before{
color:#cc0322;
font-size:2rem;
vertical-align:middle;
content:"";
}
.m_errorList > ul > li::before{
position:absolute;
top:-3px;
left:0;
}
.m_errorList > ul > li:nth-of-type(n+2){
margin-top:10px;
}

/* table module
--------------------------------------------------------------------------------------------------- */
.m_table{
border-top:1px solid #d6d6d6;
width:100%;
}
.m_table[class*="_fixed"]{
table-layout:fixed;
}
.m_table th,
.m_table td{
padding:12px 30px;
border-bottom:1px solid #d6d6d6;
background:#ffffff;
text-align:left;
font-size:1.6rem;
}
.m_table th{
width:10%;
background-color:#f9f9f9;
white-space:nowrap;
}
.m_table td ul.m_button{
white-space:nowrap;
}

.m_table02{
min-width:600px;
margin:22px auto;
border:1px solid #d6d6d6;
}
.m_table02[class*="_fixed"]{
table-layout:fixed;
}
.m_table02 th,
.m_table02 td{
background:#ffffff;
font-size:1.6rem;
}
.m_table02 th:nth-of-type(n+2),
.m_table02 td:nth-of-type(n+2){
border-left:1px solid #d6d6d6;
}
.m_table02 th{
padding:12px 30px;
background-color:#f9f9f9;
white-space:nowrap;
}
.m_table02 td{
padding:12px 20px;
}
.m_table02 td ul.m_button{
white-space:nowrap;
}
.m_table02 thead + tbody td{
border-top:1px solid #d6d6d6;
}
.m_table02 tbody tr:nth-of-type(n+2) th,
.m_table02 tbody tr:nth-of-type(n+2) td{
border-top:1px solid #d6d6d6;
}
.m_table02 tbody th:nth-child(n+2),
.m_table02 tbody td:nth-child(n+2){
border-left:1px solid #d6d6d6;
}
.m_bulletHeading + .m_table02{
margin-top:32px;
}

.m_formTable{
margin:0 auto 30px;
color:#333333;
}
.m_formTable th,
.m_formTable td{
text-align:left;
vertical-align:top;
}
.m_formTable th > *:last-child,
.m_formTable td > *:last-child{
margin-bottom:0 !important;
}
.m_formTable th .required,
.m_formTable td .required{
color:#cc0322;
vertical-align:top;
}
.m_formTable th .note,
.m_formTable td .note{
color:#cc0322;
vertical-align:top;
display:block;
font-weight:normal;
font-size:1.2rem;
}
.m_formTable th{
padding:2px 18px 0 0;
font-size:1.8rem;
white-space:nowrap;
line-height:1.3;
vertical-align:middle;
}
.m_formTable th.label{
padding-top:35px;
vertical-align:top;
}
.m_formTable td{
font-size:1.8rem;
}
.m_formTable td > span{
display:inline-block;
vertical-align:middle;
}
.m_formTable td .label{
display:block;
margin-bottom:3px;
font-weight:bold;
}
.m_formTable td .separate,
.m_formTable td .separate02{
display:inline-block;
vertical-align:bottom;
font-weight:bold;
color:#585858;
line-height:40px;
}
.m_formTable td .separate{
margin:0 4px;
}
.m_formTable td .separate02{
margin:0 7px;
}
.m_formTable td .m_markList{
margin-top:10px;
}
.m_formTable td .m_markList > li{
font-size:1.2rem;
}
.m_formTable td ul.m_button{
white-space:nowrap;
}
.m_formTable td .confirmText{
display:block;
padding-bottom:15px;
font-size:2rem;
line-height:1;
}
.m_formTable tr:nth-of-type(n+2) th{
padding-top:20px;
}
.m_formTable tr:nth-of-type(n+2) th.label{
padding-top:52px;
}
.m_formTable tr:nth-of-type(n+2) td{
padding-top:20px;
}
.m_formTable .error th{
padding-top:29px;
}
.m_formTable .error th.label{
padding-top:52px;
}
.m_formTable .error .errorMessage{
margin-bottom:3px;
font-size:1.2rem;
color:#cc0322;
}
.m_formTable .error:nth-of-type(n+2) th{
padding-top:48px;
}

.m_requiredInfo + .m_formTable{
margin-top:20px;
}

.m_calendar{
margin:0 0 20px;
width:100%;
max-width:500%;
}
.m_calendar caption{
position:relative;
margin:0 0 20px;
padding-top:12px;
font-weight:bold;
text-align:left;
}
.m_calendar caption > span{
position:absolute;
left:50%;
bottom:0;
line-height:1;
transform:translateX(-50%);
}
.m_calendar caption > span > span{
font-weight:normal;
font-size:4.2rem;
}
.m_calendar th,
.m_calendar td{
padding:0;
text-align:center;
vertical-align:middle;
}
.m_calendar th{
font-size:1.2rem;
}
.m_calendar th.sun{
color:#d54d5a;
}
.m_calendar th.sat{
color:#277bbb;
}
.m_calendar td{
width:60px;
height:60px;
}
.m_calendar td span{
display:inline-block;
vertical-align:middle;
width:28px;
line-height:28px;
}
.m_calendar td span.is_selected{
border-radius:50%;
background:#1fa57f;
color:#ffffff;
}

/* navigation module
--------------------------------------------------------------------------------------------------- */
* + .m_button{
margin-top:40px;
}
.m_button a,
.m_button button,
.m_button label,
.m_button span{
position:relative;
box-sizing:border-box;
display:inline-block;
vertical-align:middle;
border-radius:100px;
padding:0 20px;
background:#ffffff;
color:#585858;
font-size:1.3rem;
text-decoration:none;
line-height:30px;
}
.m_button a::before,
.m_button button::before,
.m_button label::before,
.m_button span::before{
display:inline-block;
margin-right:5px;
border:solid #7d7d7d;
border-width:2px 2px 0 0;
width:4px;
height:4px;
content:"";
vertical-align:-2px;
transform:translateY(-50%) rotate(45deg) skew(5deg, 5deg);
}
.m_button a[class*="_type01"],
.m_button button[class*="_type01"],
.m_button label[class*="_type01"],
.m_button span[class*="_type01"]{
background-color:#fac437;
color:#000000;
}
.m_button a[class*="_type01"]::before,
.m_button button[class*="_type01"]::before,
.m_button label[class*="_type01"]::before,
.m_button span[class*="_type01"]::before{
border-color:#000000;
}
.m_button a[class*="_type03"],
.m_button button[class*="_type03"],
.m_button label[class*="_type03"],
.m_button span[class*="_type03"]{
border:1px solid #707070;
background-color:#ffffff;
color:#707070;
line-height:28px;
}
.m_button a[class*="_type04"],
.m_button button[class*="_type04"],
.m_button label[class*="_type04"],
.m_button span[class*="_type04"]{
background:#e5e5e5;
color:#707070;
}
.m_button a[class*="_ico"],
.m_button button[class*="_ico"],
.m_button label[class*="_ico"],
.m_button span[class*="_ico"]{
text-align:center;
min-width:128px;
}
.m_button a[class*="_ico"]::before,
.m_button button[class*="_ico"]::before,
.m_button label[class*="_ico"]::before,
.m_button span[class*="_ico"]::before{
border:none;
width:auto;
height:auto;
line-height:1;
font-size:1rem;
font-family:"icon";
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
text-transform:none;
vertical-align:0;
transform:none;
}
.m_button a[class*="_icoDownload"]::before,
.m_button button[class*="_icoDownload"]::before,
.m_button label[class*="_icoDownload"]::before,
.m_button span[class*="_icoDownload"]::before{
content:"";
}
.m_button a[class*="_icoUpload"]::before,
.m_button button[class*="_icoUpload"]::before,
.m_button label[class*="_icoUpload"]::before,
.m_button span[class*="_icoUpload"]::before{
content:"";
}
.m_button a[class*="_icoDelete"],
.m_button button[class*="_icoDelete"],
.m_button label[class*="_icoDelete"],
.m_button span[class*="_icoDelete"]{
line-height:28px;
}
.m_button a[class*="_icoDelete"]::before,
.m_button button[class*="_icoDelete"]::before,
.m_button label[class*="_icoDelete"]::before,
.m_button span[class*="_icoDelete"]::before{
content:"";
}
.m_button label:hover{
cursor:pointer;
}
@media screen and (min-width: 768px) {
.m_button a,
.m_button button{
transition:background-color .4s ease, color .4s ease;
}
.m_button a::before,
.m_button button::before{
transition:border-color .4s ease;
}
.m_button a:hover,
.m_button button:hover{
background-color:#fac437;
color:#ffffff;
}
.m_button a:hover::before,
.m_button button:hover::before{
border-color:#ffffff;
}
.m_button a[class],
.m_button button[class]{
transition:border-color .4s ease, background-color .4s ease, color .4s ease;
}
.m_button a[class]:hover,
.m_button button[class]:hover{
border-color:#fac437;
background-color:#fac437;
color:#ffffff;
}
.m_button a[class]:hover::before,
.m_button button[class]:hover::before{
border-color:#ffffff;
}
}
.m_button span{
background:#c1c1c1;
}
.m_button > li{
display:inline-block;
vertical-align:middle;
margin:0 10px;
}
.m_button[class*="_large"]{
margin-bottom:20px;
}
.m_button[class*="_large"] a,
.m_button[class*="_large"] button,
.m_button[class*="_large"] label,
.m_button[class*="_large"] span{
padding:15px 20px;
min-width:300px;
font-weight:bold;
font-size:2rem;
}
.m_button[class*="_large"] a::before,
.m_button[class*="_large"] button::before,
.m_button[class*="_large"] label::before,
.m_button[class*="_large"] span::before{
margin-right:10px;
width:6px;
height:6px;
vertical-align:0;
}
.m_button[class*="_large"] a[class*="_liquid"],
.m_button[class*="_large"] button[class*="_liquid"],
.m_button[class*="_large"] label[class*="_liquid"],
.m_button[class*="_large"] span[class*="_liquid"]{
padding:15px 40px;
min-width:0;
}
.m_button[class*="_vertical"] > li{
display:block;
margin:0;
}
.m_button[class*="_vertical"] > li:nth-of-type(n+2){
margin-top:20px;
}
.m_button.is_disabled a[class], .m_button.is_disabled button[class], .m_button.is_disabled label[class], .m_button.is_disabled input[class], .m_button.is_disabled span[class]{
background:#e5e5e5;
color:#707070;
transition:none;
pointer-events:none;
}
.m_button.is_disabled a[class]::before, .m_button.is_disabled button[class]::before, .m_button.is_disabled label[class]::before, .m_button.is_disabled input[class]::before, .m_button.is_disabled span[class]::before{
border-color:#707070;
transition:none;
}
.m_button.is_disabled a[class]:hover, .m_button.is_disabled button[class]:hover, .m_button.is_disabled label[class]:hover, .m_button.is_disabled input[class]:hover, .m_button.is_disabled span[class]:hover{
color:#707070;
background:#e5e5e5;
}
.m_button.is_disabled a[class]:hover::before, .m_button.is_disabled button[class]:hover::before, .m_button.is_disabled label[class]:hover::before, .m_button.is_disabled input[class]:hover::before, .m_button.is_disabled span[class]:hover::before{
border-color:#707070;
}
.m_table02 + .m_list + .m_button, .m_box.s_solid + .m_button{
margin-top:60px;
}

ul.m_button{
text-align:center;
}

.m_pager{
margin:50px 0 20px;
text-align:center;
}
.m_pager > li{
display:inline-block;
vertical-align:middle;
margin:0 8px;
}
.m_pager > li a{
overflow:hidden;
position:relative;
display:block;
box-sizing:border-box;
border:1px solid #7d7d7d;
width:40px;
border-radius:50%;
background:#ffffff;
color:#333333;
text-decoration:none;
line-height:38px;
transition:border-color .4s ease, background-color .4s ease, color .4s ease;
}
.m_pager > li a:hover{
border-color:#fac437;
background-color:#fac437;
color:#ffffff;
}
.m_pager > li.prev a, .m_pager > li.next a{
white-space:nowrap;
text-indent:200%;
}
.m_pager > li.prev a::before, .m_pager > li.next a::before{
position:absolute;
top:50%;
left:50%;
content:"";
border:solid #7d7d7d;
border-width:2px 2px 0 0;
width:7px;
height:7px;
transition:border-color .4s ease;
}
.m_pager > li.prev a:hover::before, .m_pager > li.next a:hover::before{
border-color:#ffffff;
}
.m_pager > li.prev a::before{
transform:translate(-25%, -50%) rotate(-135deg);
}
.m_pager > li.next a::before{
transform:translate(-60%, -50%) rotate(45deg);
}
.m_pager > li.button a{
display:inline-block;
vertical-align:middle;
margin:0 22px;
border:none;
border-radius:100px;
padding:15px 20px;
min-width:300px;
color:#585858;
font-size:2rem;
line-height:30px;
transition:color .4s ease;
}
.m_pager > li.button a::before{
display:inline-block;
margin-right:10px;
border:solid #7d7d7d;
border-width:2px 2px 0 0;
width:6px;
height:6px;
content:"";
vertical-align:0;
transform:translateY(-50%) rotate(45deg) skew(5deg, 5deg);
transition:border-color .4s ease;
}
.m_pager > li.button a[class*="_type01"]{
background-color:#fac437;
color:#000000;
}
.m_pager > li.button a[class*="_type01"]::before{
border-color:#000000;
}
.m_pager > li.button a[class*="_type03"]{
border:1px solid #707070;
background-color:#ffffff;
color:#707070;
line-height:28px;
}
.m_pager > li.button a:hover{
color:#ffffff;
}
.m_pager > li.button a:hover::before{
border-color:#ffffff;
}
.m_pager > li.is_active a{
border-color:#fac437;
background-color:#fac437;
color:#ffffff;
}

.m_tab{
margin:0 0 20px;
border-bottom:1px solid #d2d2d2;
}
.m_tab > li{
position:relative;
display:inline-block;
vertical-align:bottom;
padding:0 0 12px;
}
.m_tab > li a{
text-decoration:none;
}
.m_tab > li:nth-of-type(n+2){
margin-left:35px;
}
.m_tab > li.is_active a{
color:#1fa57f;
}
.m_tab > li.is_active a::before{
position:absolute;
right:0;
bottom:-1px;
left:0;
content:"";
border-bottom:2px solid #1fa57f;
}

.m_inputText{
box-sizing:border-box;
border:1px solid #999999;
border-radius:100px;
padding:0 20px;
height:40px;
background:#fef9eb;
font-size:1.6rem;
}
.m_inputText[class*="_type01"]{
width:378px;
}
.m_inputText[class*="_type02"]{
width:191px;
}
.m_inputText[class*="_type03"]{
width:156px;
}
.m_inputText[class*="_type04"]{
width:109px;
}
.error .m_inputText{
border-color:#cc0322;
background:#fdf2f4;
}

.m_inputCheck{
position:relative;
transition:color .4s ease;
}
.m_inputCheck label{
cursor:pointer;
}
.m_inputCheck input[type="checkbox"]{
position:absolute;
top:0;
left:0;
margin:0;
opacity:0;
}
.m_inputCheck input[type="checkbox"] + span{
padding-left:30px;
}
.m_inputCheck input[type="checkbox"] + span::before{
position:absolute;
top:0;
left:0;
content:"";
border:2px solid;
border-radius:3px;
background:#ffffff;
width:16px;
height:16px;
z-index:1;
}
.m_inputCheck input[type="checkbox"]:checked + span::after{
position:absolute;
top:5px;
left:5px;
content:"";
border:solid #ffffff;
border-width:0 0 2px 2px;
width:9px;
height:5px;
transform:rotate(-47deg);
z-index:2;
}
.m_inputCheck[class*="_type01"] input[type="checkbox"] + span::before{
border-color:#fac437;
}
.m_inputCheck[class*="_type01"] input[type="checkbox"]:checked + span::before{
background:#fac437;
}
.m_inputCheck[class*="_type02"] input[type="checkbox"] + span::before{
border-color:#1fa57f;
}
.m_inputCheck[class*="_type02"] input[type="checkbox"]:checked + span::before{
background:#1fa57f;
}
.m_inputCheck:hover[class*="_type01"]{
color:#fac437;
}
.m_inputCheck:hover[class*="_type02"]{
color:#1fa57f;
}

.m_inputList{
margin:0;
}
.m_inputList > li{
position:relative;
display:inline-block;
vertical-align:middle;
padding-left:30px;
line-height:1.2;
}
.m_inputList > li:nth-of-type(n+2){
margin-left:40px;
}
.m_inputList > li input + span::before,
.m_inputList > li input + span::after{
position:absolute;
top:50%;
content:"";
border-radius:50%;
transform:translateY(-50%);
transition:background-color .4s ease;
}
.m_inputList > li input[type="radio"]{
position:absolute;
left:5px;
top:50%;
margin:0;
transform:translateY(-50%);
z-index:-1;
}
.m_inputList > li input[type="radio"] + span::before{
left:0;
border:2px solid #fac437;
width:16px;
height:16px;
background:#ffffff;
z-index:1;
}
.m_inputList > li input[type="radio"] + span::after{
left:4px;
width:12px;
height:12px;
background:#ffffff;
z-index:2;
}
.m_inputList > li input[type="radio"]:checked + span::after{
background-color:#fac437;
}

.m_select{
overflow:hidden;
position:relative;
display:inline-block;
vertical-align:middle;
border-radius:100px;
min-width:170px;
background:#ffffff;
}
.m_select::after{
position:absolute;
top:50%;
content:"";
transform:translateY(-50%);
z-index:0;
}
.m_select select{
cursor:pointer;
position:relative;
border:none;
padding:6px 0 6px 20px;
background:none;
width:125%;
line-height:1;
z-index:1;
-webkit-appearance:none;
transition:color .4s ease;
}
.m_select select option{
color:#000000;
}
.m_select[class*="_type01"]::after{
right:6px;
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/common/common_img_sprite.png");
background-position:-176px -106px;
width:20px;
height:20px;
}
.m_select[class*="_type02"]::after{
right:6px;
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/common/common_img_sprite.png");
background-position:-108px -140px;
width:20px;
height:20px;
}
.m_select[class*="_large"]::after{
right:10px;
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/common/common_img_sprite.png");
background-position:-108px -106px;
width:24px;
height:24px;
}
.m_select[class*="_large"] select{
padding:10px 20px;
font-size:2.2rem;
}
.m_select[class*="_type01"]:hover select, .m_select[class*="_large"]:hover select{
color:#1fa57f;
}
.m_select[class*="_type02"]:hover select{
color:#fac437;
}

.m_switch{
display:inline-block;
vertical-align:middle;
cursor:pointer;
}
.m_switch label{
position:relative;
display:inline-block;
}
.m_switch label::before{
margin-right:10px;
content:"ON";
vertical-align:middle;
}
.m_switch label::after{
margin-left:10px;
content:"OFF";
vertical-align:middle;
}
.m_switch label input{
position:absolute;
left:50%;
transform:translateX(-50%);
z-index:0;
}
.m_switch label span{
overflow:hidden;
position:relative;
display:inline-block;
vertical-align:middle;
border-radius:100px;
width:52px;
height:32px;
z-index:1;
background:#999999;
white-space:nowrap;
text-indent:100%;
}
.m_switch label span::before{
position:absolute;
top:4px;
left:4px;
content:"";
border-radius:50%;
width:24px;
height:24px;
background:#ffffff;
z-index:2;
transition:left .3s ease;
}
.m_switch label input:checked + span::before{
left:24px;
}

/* inline module
--------------------------------------------------------------------------------------------------- */
/* anchor */
.m_blank::after{
margin-left:.5em;
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/common/common_img_sprite.png");
background-position:-197px -80px;
width:10px;
height:10px;
content:"";
}

@media screen and (min-width: 769px) {
.m_pcHide{
display:none !important;
}
}
@media screen and (max-width: 768px) {
.m_spHide{
display:none !important;
}
}
.m_num{
font-family:"Lato", sans-serif;
font-weight:bold;
font-size:3rem;
line-height:1;
color:#cc0322;
}

/* modifire module
--------------------------------------------------------------------------------------------------- */
/* text align */
[class*="_alignLeft"]{
text-align:left !important;
}

[class*="_alignCenter"]{
text-align:center !important;
}

[class*="_alignRight"]{
text-align:right !important;
}

[class*="_alignTop"]{
vertical-align:top !important;
}

[class*="_alignMiddle"]{
vertical-align:middle !important;
}

[class*="_alignBottom"]{
vertical-align:bottom !important;
}

/* font style */
[class*="_fontBold"]{
font-weight:bold;
}

[class*="_fontItalic"]{
font-style:italic;
}

[class*="_fontNormal"]{
font-style:normal !important;
font-weight:normal !important;
}

/* fontColor */
[class*="_colorType01"]{
color:#585858;
}

[class*="_colorType02"]{
color:#cc0322;
}

[class*="_colorType03"]{
color:#1fa57f;
}

[class*="_colorType04"]{
color:#fac437;
}

/* ※※ module
--------------------------------------------------------------------------------------------------- */
/* home
--------------------------------------------------------------------------------------------------- */
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

    version: 1.0
    created: 2017/07/13
    update : -

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
@media screen and (max-width: 768px) {
#mainContents.home .info .m_borderHeading{
font-size:1.5rem;
padding-top:15px;
}
#mainContents.home .info .m_borderHeading[class*="_icoCaution"]::before{
font-size:30px;
line-height:1.2;
}
#mainContents.home .info .m_leadText{
font-size:1.4rem;
}
}
#mainContents.home .topVisual{
position:relative;
margin:-40px -40px 10px;
padding:15px 40px 35px;
background:#ddeef9 url(../../img/home/home_bg_topVisual.jpg) no-repeat 0 100%;
}
#mainContents.home .topVisual > *:last-child{
margin-bottom:0 !important;
}
#mainContents.home .topVisual .alert{
overflow:hidden;
position:relative;
margin:5px 0 20px;
border:1px solid #cc0322;
border-radius:6px;
padding:24px 70px 24px 30px;
background:#fdf2f4;
}
#mainContents.home .topVisual .alert > *{
display:inline-block;
vertical-align:middle;
margin:0;
line-height:1.2;
}
#mainContents.home .topVisual .alert > .heading{
margin-right:20px;
color:#cc0322;
font-size:1.8rem;
}
#mainContents.home .topVisual .alert .message a{
position:relative;
padding-left:10px;
color:#cc0322;
}
#mainContents.home .topVisual .alert .message a::before{
position:absolute;
top:6px;
left:0;
width:4px;
height:4px;
border:solid #cc0322;
border-width:2px 2px 0 0;
transform:rotate(52deg) skew(20deg);
content:"";
}
#mainContents.home .topVisual .alert .close{
position:absolute;
top:50%;
right:30px;
color:#cc0322;
transform:translateY(-50%);
cursor:pointer;
}
#mainContents.home .topVisual .alert .close::before{
margin-right:10px;
font-size:1.6rem;
content:'x';
}
#mainContents.home .topVisual .userData{
margin:15px 0 65px;
}
#mainContents.home .topVisual .userData ul{
display:inline-block;
vertical-align:middle;
margin:0;
padding:10px 20px;
border-radius:100px;
background:#ffffff;
line-height:1.2;
font-size:1.6rem;
}
#mainContents.home .topVisual .userData ul > li{
display:inline-block;
vertical-align:middle;
  /*.name{
      max-width: 9em;
  }
  .number{
      max-width: 7em;
  }*/
}
#mainContents.home .topVisual .userData ul > li:nth-last-of-type(n+2){
margin-right:10px;
border-right:1px solid #cbcbcb;
padding-right:10px;
}
#mainContents.home .topVisual .userData ul > li:nth-of-type(n+2) > span:nth-of-type(1)::after{
content:'\FF1A';
}
#mainContents.home .topVisual .userData ul > li .name,
#mainContents.home .topVisual .userData ul > li .number{
display:inline-block;
vertical-align:bottom;
}
#mainContents.home .topVisual .userData ul > li .serial{
display:inline-block;
vertical-align:bottom;
}
#mainContents.home .topVisual > .heading{
margin:0 0 5px;
font-size:1.8rem;
line-height:1.3;
}
#mainContents.home .topVisual > .heading span:not([class]){
font-size:2.8rem;
}
#mainContents.home .topVisual > .heading .year{
font-size:2.2rem;
}
#mainContents.home .topVisual > .heading .month{
font-size:3.4rem;
}
#mainContents.home .topVisual > .heading + .m_button{
margin:0;
}
#mainContents.home .topVisual .rodeco{
position:absolute;
right:20px;
bottom:48px;
margin:0;
}
#mainContents.home .topVisual .rodeco a{
display:block;
}
@media screen and (max-width: 768px) {
#mainContents.home .topVisual{
margin:-20px -20px 0;
padding:15px 20px 10px;
background:#ffffff;
background-size:cover;
}
#mainContents.home .topVisual .alert{
margin:0 0 20px;
padding:12px 30px 45px 20px;
}
#mainContents.home .topVisual .alert > .heading{
margin:0 0 10px;
font-size:1.6rem;
}
#mainContents.home .topVisual .alert .close{
top:auto;
right:auto;
bottom:10px;
left:50%;
margin-left:-23px;
transform:none;
font-size:1.1rem;
}
#mainContents.home .topVisual .userData{
margin-bottom:15px;
}
#mainContents.home .topVisual .userData ul{
display:block;
margin:0 -10px;
padding:0;
border-radius:0;
line-height:1.5;
}
#mainContents.home .topVisual .userData ul > li{
display:block;
border-bottom:1px solid #cbcbcb;
padding:8px 10px;
}
#mainContents.home .topVisual .userData ul > li::after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
#mainContents.home .topVisual .userData ul > li:nth-of-type(n+2){
margin-left:0;
border-left:none;
padding-left:10px;
}
#mainContents.home .topVisual .userData ul > li span:nth-of-type(2){
font-weight:bold;
}
#mainContents.home .topVisual .userData ul > li:nth-of-type(1) > span:nth-of-type(1){
display:none;
}
#mainContents.home .topVisual .userData ul > li:nth-of-type(1) > span:nth-of-type(2)::before{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/home/home_img_sprite.png");
background-position:-113px -44px;
width:16px;
height:19px;
background-size:141px 75px;
margin-right:8px;
content:'';
vertical-align:-4px;
}
#mainContents.home .topVisual .userData ul > li:nth-last-of-type(n+2){
margin-right:0;
border-right:none;
}
#mainContents.home .topVisual .userData ul > li:nth-of-type(n+2) > span:nth-of-type(1)::after{
content:'';
}
#mainContents.home .topVisual .userData ul > li:nth-of-type(n+2) > span:nth-of-type(2){
float:right;
}
#mainContents.home .topVisual .userData ul > li .sei,
#mainContents.home .topVisual .userData ul > li .mei,
#mainContents.home .topVisual .userData ul > li .number,
#mainContents.home .topVisual .userData ul > li .serial{
display:inline;
}
#mainContents.home .topVisual > .heading{
margin:0 0 10px;
font-size:1.4rem;
line-height:1.3;
}
#mainContents.home .topVisual > .heading span:not([class]){
font-size:2.2rem;
}
#mainContents.home .topVisual > .heading .year{
font-size:2rem;
}
#mainContents.home .topVisual > .heading .month{
font-size:2.4rem;
}
#mainContents.home .topVisual > .heading + .m_button a{
background:#e5e5e5;
}
}
#mainContents.home .is_nodata .m_box{
border:none;
padding:8px 0;
color:#cc0322;
background:#f9eef0;
font-weight:bold;
text-align:center;
}
@media screen and (max-width: 768px) {
#mainContents.home .is_nodata{
background:#ffffff;
margin:0 -20px;
padding:10px 20px 20px;
}
#mainContents.home .is_nodata .m_box{
margin:0;
}
}
#mainContents.home #report{
margin:0 auto;
}
#mainContents.home #report .title{
display:none;
}
#mainContents.home #report .unit{
font-size:1.8rem;
}
#mainContents.home #report .evaluation{
display:flex;
}
#mainContents.home #report .evaluation .totalPoint{
flex-basis:60%;
}
#mainContents.home #report .evaluation .totalPoint > div{
position:relative;
margin:0 auto;
width:439px;
height:413px;
}
#mainContents.home #report .evaluation .totalPoint > div .score{
position:absolute;
top:50%;
left:calc(50% + 13px);
font-size:12rem;
white-space:nowrap;
transform:translate(-50%, -50%);
}
#mainContents.home #report .evaluation .totalPoint > div .graph{
position:absolute;
width:439px;
height:413px;
z-index:0;
}
#mainContents.home #report .evaluation .totalPoint > div .graph img{
width:439px;
height:413px;
}
#mainContents.home #report .evaluation .totalPoint > div .scale{
position:absolute;
top:50%;
left:232px;
width:104px;
height:148px;
text-align:right;
z-index:1;
transform-origin:left top;
transform:rotate(0deg);
}
#mainContents.home #report .evaluation .totalPoint > div .scale img{
position:absolute;
right:0;
bottom:0;
width:24px;
height:31px;
}
#mainContents.home #report .evaluation .wrap{
flex-basis:40%;
}
#mainContents.home #report .evaluation .comparison,
#mainContents.home #report .evaluation .rank{
display:flex;
justify-content:center;
align-items:center;
line-height:1.2;
}
#mainContents.home #report .evaluation .comparison > *:last-child,
#mainContents.home #report .evaluation .rank > *:last-child{
margin-bottom:0 !important;
}
#mainContents.home #report .evaluation .comparison > div,
#mainContents.home #report .evaluation .rank > div{
text-align:center;
}
#mainContents.home #report .evaluation .comparison .label,
#mainContents.home #report .evaluation .rank .label{
display:block;
color:#1fa57f;
font-weight:bold;
font-size:1.6rem;
}
#mainContents.home #report .evaluation .comparison{
border-bottom:2px solid #eeeeee;
height:196px;
font-size:7rem;
}
#mainContents.home #report .evaluation .comparison::before{
color:#1fa57f;
font-size:98px;
vertical-align:middle;
content:"";
}
#mainContents.home #report .evaluation .comparison::before{
line-height:98px;
}
#mainContents.home #report .evaluation .comparison.is_up::before{
transform:rotate(-45deg);
}
#mainContents.home #report .evaluation .comparison.is_down::before{
transform:rotate(45deg);
}
#mainContents.home #report .evaluation .comparison > div{
margin-left:30px;
}
#mainContents.home #report .evaluation .rank{
height:250px;
font-size:10rem;
}
#mainContents.home #report .evaluation .rank > .scale{
position:relative;
display:inline-block;
margin-right:32px;
}
#mainContents.home #report .evaluation .rank > .scale img{
width:34px;
vertical-align:-6px;
}
#mainContents.home #report .evaluation .rank > .scale span{
position:absolute;
right:0;
display:block;
border-radius:0 2px 2px 0;
width:7px;
height:26px;
background:#1fa57f;
}
#mainContents.home #report .evaluation .rank > .scale span.rankA{
top:3px;
}
#mainContents.home #report .evaluation .rank > .scale span.rankB{
top:27px;
}
#mainContents.home #report .evaluation .rank > .scale span.rankC{
top:52px;
}
#mainContents.home #report .evaluation .rank > .scale span.rankD{
top:77px;
}
#mainContents.home #report .evaluation .rank > .scale span.rankE{
top:101px;
}
#mainContents.home #report .evaluation .rank > .scale + div{
width:100px;
}
#mainContents.home #report .totalDrive{
position:relative;
display:flex;
margin:0 0 30px;
padding:20px 0;
align-items:flex-end;
border:solid #eeeeee;
border-width:2px 0;
}
#mainContents.home #report .totalDrive::before{
position:absolute;
top:20px;
bottom:20px;
left:50%;
content:"";
border-left:2px solid #eeeeee;
}
#mainContents.home #report .totalDrive .mileage,
#mainContents.home #report .totalDrive .drivingTime{
flex-basis:50%;
text-align:center;
}
#mainContents.home #report .totalDrive .mileage .label,
#mainContents.home #report .totalDrive .drivingTime .label{
display:inline-block;
margin-right:20px;
font-size:1.2rem;
color:#1fa57f;
}
#mainContents.home #report .totalDrive .mileage .label::before,
#mainContents.home #report .totalDrive .drivingTime .label::before{
display:block;
margin:0 auto;
font-family:"icon";
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
text-transform:none;
line-height:1.4;
}
#mainContents.home #report .totalDrive .mileage .value,
#mainContents.home #report .totalDrive .drivingTime .value{
position:relative;
display:inline-block;
width:4em;
font-size:5.2rem;
text-align:right;
}
#mainContents.home #report .totalDrive .mileage .value::before,
#mainContents.home #report .totalDrive .drivingTime .value::before{
position:absolute;
top:0;
right:0;
bottom:0;
content:'00,000';
color:#e0e0e0;
z-index:-1px;
}
#mainContents.home #report .totalDrive .mileage .value > span,
#mainContents.home #report .totalDrive .drivingTime .value > span{
position:relative;
background:#f7f7f7;
}
#mainContents.home #report .totalDrive .mileage .label{
vertical-align:-7px;
}
#mainContents.home #report .totalDrive .mileage .label::before{
font-size:3.6rem;
content:"";
}
#mainContents.home #report .totalDrive .mileage .label::before{
margin-bottom:7px;
}
#mainContents.home #report .totalDrive .mileage .value{
position:relative;
}
#mainContents.home #report .totalDrive .mileage .value::before{
position:absolute;
top:0;
right:0;
bottom:0;
content:'000,000';
color:#e0e0e0;
z-index:-1px;
}
#mainContents.home #report .totalDrive .mileage .value > span{
position:relative;
background:#f7f7f7;
}
#mainContents.home #report .totalDrive .drivingTime .label{
vertical-align:-10px;
}
#mainContents.home #report .totalDrive .drivingTime .label::before{
font-size:5.7rem;
content:"";
}
@media screen and (min-width: 1280px) {
#mainContents.home #report{
width:912px;
}
}
@media screen and (max-width: 768px) {
#mainContents.home #report{
margin:0 -20px -20px;
padding:0 20px 20px;
background:#ffffff;
}
#mainContents.home #report .unit{
font-size:1.2rem;
}
#mainContents.home #report .evaluation{
display:block;
}
#mainContents.home #report .evaluation .totalPoint{
margin:0 0 20px;
}
#mainContents.home #report .evaluation .totalPoint > div{
width:264px;
height:248px;
}
#mainContents.home #report .evaluation .totalPoint > div .score{
left:55%;
left:calc(50% + 13px);
font-size:7rem;
}
#mainContents.home #report .evaluation .totalPoint > div .graph{
width:264px;
height:248px;
}
#mainContents.home #report .evaluation .totalPoint > div .graph img{
width:264px;
height:248px;
}
#mainContents.home #report .evaluation .totalPoint > div .scale{
left:140px;
width:63px;
height:89px;
}
#mainContents.home #report .evaluation .totalPoint > div .scale img{
width:15px;
height:19px;
}
#mainContents.home #report .evaluation .wrap{
display:block;
margin:0 0 20px;
letter-spacing:-.4em;
}
#mainContents.home #report .evaluation .comparison,
#mainContents.home #report .evaluation .rank{
box-sizing:border-box;
display:inline-block;
vertical-align:top;
text-align:center;
}
#mainContents.home #report .evaluation .comparison .label,
#mainContents.home #report .evaluation .rank .label{
font-size:1.1rem;
}
#mainContents.home #report .evaluation .comparison{
width:60%;
border-bottom:none;
height:auto;
font-size:4rem;
}
#mainContents.home #report .evaluation .comparison::before{
font-size:57px;
line-height:57px;
}
#mainContents.home #report .evaluation .comparison > div{
display:inline-block;
vertical-align:middle;
margin-left:15px;
letter-spacing:0;
}
#mainContents.home #report .evaluation .rank{
width:40%;
border-left:1px solid #eeeeee;
height:auto;
font-size:4rem;
}
#mainContents.home #report .evaluation .rank > div{
display:inline-block;
vertical-align:middle;
letter-spacing:0;
}
#mainContents.home #report .evaluation .rank > .scale{
margin-right:20px;
}
#mainContents.home #report .evaluation .rank > .scale img{
width:17px;
}
#mainContents.home #report .evaluation .rank > .scale span{
right:-4px;
width:8px;
height:15px;
}
#mainContents.home #report .evaluation .rank > .scale span.rankA{
top:1px;
}
#mainContents.home #report .evaluation .rank > .scale span.rankB{
top:13px;
}
#mainContents.home #report .evaluation .rank > .scale span.rankC{
top:26px;
}
#mainContents.home #report .evaluation .rank > .scale span.rankD{
top:38px;
}
#mainContents.home #report .evaluation .rank > .scale span.rankE{
top:51px;
}
#mainContents.home #report .evaluation .rank > .scale + div{
width:45px;
}
#mainContents.home #report .totalDrive{
display:block;
margin-bottom:20px;
border-width:1px 0;
}
#mainContents.home #report .totalDrive::before{
display:none;
}
#mainContents.home #report .totalDrive .mileage,
#mainContents.home #report .totalDrive .drivingTime{
display:block;
}
#mainContents.home #report .totalDrive .mileage .label,
#mainContents.home #report .totalDrive .drivingTime .label{
margin-right:20px;
font-size:0.8rem;
}
#mainContents.home #report .totalDrive .mileage .value,
#mainContents.home #report .totalDrive .drivingTime .value{
width:4em;
font-size:3.4rem;
}
#mainContents.home #report .totalDrive .mileage{
margin-bottom:10px;
}
#mainContents.home #report .totalDrive .mileage .label{
vertical-align:-7px;
}
#mainContents.home #report .totalDrive .mileage .label::before{
font-size:2.0rem;
margin-bottom:7px;
}
#mainContents.home #report .totalDrive .mileage .value > span{
background:#ffffff;
}
#mainContents.home #report .totalDrive .drivingTime .label{
vertical-align:-10px;
}
#mainContents.home #report .totalDrive .drivingTime .label::before{
font-size:3.0rem;
}
#mainContents.home #report .totalDrive .drivingTime .value > span{
background:#ffffff;
}
}
#mainContents.home .is_nodata + #report .totalDrive .mileage .value > span,
#mainContents.home .is_nodata + #report .totalDrive .drivingTime .value > span{
opacity:0;
}
#mainContents.home .is_nodata + #report .evaluation .rank > .scale span{
display:none;
}
#mainContents.home .realtime{
position:relative;
display:table;
margin:0 -40px 50px;
width:100%;
padding:0 40px;
height:306px;
background:url(../../img/home/home_bg_realtime.jpg) no-repeat 50% 50%;
background-size:cover;
color:#ffffff;
}
#mainContents.home .realtime .headingBox{
display:table-cell;
padding-left:20px;
width:358px;
vertical-align:middle;
}
#mainContents.home .realtime .headingBox > *:last-child{
margin-bottom:0 !important;
}
#mainContents.home .realtime .headingBox .heading{
margin:0 0 10px;
font-size:3rem;
line-height:1;
}
#mainContents.home .realtime .headingBox .heading span{
font-weight:normal;
font-size:2rem;
}
#mainContents.home .realtime .headingBox .note{
position:absolute;
right:40px;
bottom:15px;
margin:0;
font-size:1.2rem;
}
#mainContents.home .realtime ul{
display:table-cell;
vertical-align:middle;
}
#mainContents.home .realtime ul > li{
display:inline-block;
vertical-align:top;
width:150px;
font-size:1.8rem;
text-align:center;
}
#mainContents.home .realtime ul > li .value{
display:block;
margin-top:10px;
border-top:2px solid #ffffff;
padding-top:10px;
font-size:7rem;
line-height:1;
}
#mainContents.home .realtime ul > li .value .unit{
font-size:2rem;
}
#mainContents.home .realtime ul > li:nth-of-type(n+2){
margin-left:30px;
}
@media screen and (max-width: 768px) {
#mainContents.home .realtime{
display:block;
margin:0 -20px 50px;
width:auto;
height:auto;
padding:30px 20px;
}
#mainContents.home .realtime .headingBox{
display:block;
padding-left:0;
width:auto;
}
#mainContents.home .realtime .headingBox .heading{
font-size:2.2rem;
}
#mainContents.home .realtime .headingBox .heading span{
font-size:1.5rem;
}
#mainContents.home .realtime .headingBox .note{
right:20px;
bottom:10px;
font-size:1rem;
}
#mainContents.home .realtime ul{
display:block;
margin:0 0 20px;
text-align:center;
}
#mainContents.home .realtime ul > li{
width:82px;
font-size:1.2rem;
}
#mainContents.home .realtime ul > li .value{
margin-top:10px;
border-top-width:1px;
padding-top:10px;
font-size:5.3rem;
}
#mainContents.home .realtime ul > li .value .unit{
font-size:1.3rem;
}
#mainContents.home .realtime ul > li:nth-of-type(n+2){
margin-left:17px;
}
}
#mainContents.home .other{
display:flex;
margin:60px -15px 0 0;
}
#mainContents.home .other .news{
flex-basis:calc(100% - 15px);
margin-right:15px;
}
#mainContents.home .other .news .m_newsList{
margin:0;
padding:30px;
border-radius:6px;
background:#ffffff;
}
@media screen and (max-width: 768px) {
#mainContents.home .other{
display:block;
margin:40px 0 0;
}
#mainContents.home .other .utility{
margin-right:0;
}
#mainContents.home .other .utility .title{
padding-left:30px;
}
#mainContents.home .other .utility .title::before{
position:absolute;
top:50%;
left:0;
transform:translateY(-50%);
}
#mainContents.home .other .utility .download .title::before{
font-size:2.0rem;
}
#mainContents.home .other .utility .movie .title::before{
font-size:2.0rem;
}
#mainContents.home .other .utility .faq .title::before{
font-size:2.3rem;
}
#mainContents.home .other .utility .inquiry .title::before{
font-size:2.0rem;
}
#mainContents.home .other .news{
margin:40px 0 0;
}
#mainContents.home .other .news .m_newsList{
padding:20px;
}
}

/* authentication
--------------------------------------------------------------------------------------------------- */
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

    version: 1.0
    created: 2017/07/24
    update : -

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
#mainContents.authentication .logo,
#mainContents #mainContentsInner.authentication .logo{
margin:0 0 30px;
text-align:center;
}
#mainContents.authentication .loginID,
#mainContents #mainContentsInner.authentication .loginID{
margin:40px auto;
text-align:center;
font-weight:bold;
font-size:5.8rem;
}
#mainContents.authentication .centerBox,
#mainContents #mainContentsInner.authentication .centerBox{
margin:0 120px;
text-align:left;
}
#mainContents.authentication .centerBox > ul ul,
#mainContents #mainContentsInner.authentication .centerBox > ul ul{
margin-left:2em;
}
#mainContents.authentication .centerBox > ul .m_list,
#mainContents #mainContentsInner.authentication .centerBox > ul .m_list{
margin-bottom:0;
}

#document.authentication.login .m_linkList:nth-of-type(1){
margin-bottom:30px;
}
@media screen and (max-width: 768px) {
#document.authentication.login #mainContents{
margin-bottom:0;
padding-bottom:45%;
background:url(../../img/authentication/login_bg_@2x.png) no-repeat 50% 100%, linear-gradient(to bottom, #eff6fc 0%, white 10%, white 100%);
background-size:contain;
}
#document.authentication.login #mainContents > #mainContentsInner{
background:none;
}
#document.authentication.login #mainContents .logo{
margin-bottom:15px;
text-align:center;
}
#document.authentication.login #mainContents .logo img{
zoom:.5;
}
#document.authentication.login #mainContents .m_leadText{
text-align:left;
font-size:1.2rem;
}
#document.authentication.login #mainContents .m_linkList:nth-of-type(1){
margin-bottom:15px;
}
}

/* rodeco
--------------------------------------------------------------------------------------------------- */
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

    version: 1.0
    created: 2017/07/27
    update : -

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
#document.rodeco #mainContents .topVisual{
position:relative;
margin:-40px -40px 50px;
padding:15px 40px 0;
height:255px;
background:url(../../img/rodeco/cmn_bg_topVisual.jpg) no-repeat 50% 50%;
background-size:cover;
}
#document.rodeco #mainContents .topVisual > *:last-child{
margin-bottom:0 !important;
}
#document.rodeco #mainContents .topVisual .userData{
margin:0 0 50px;
}
#document.rodeco #mainContents .topVisual .userData ul{
display:inline-block;
vertical-align:middle;
margin:0;
padding:10px 20px;
border-radius:100px;
background:#ffffff;
line-height:1.2;
font-size:1.6rem;
}
#document.rodeco #mainContents .topVisual .userData[class*="discount"] ul{
    display:inline-block;
    vertical-align:middle;
    margin:0;
    padding:10px 20px;
    border-radius:100px;
    background:#eeeeee;
    line-height:1.2;
}
#document.rodeco #mainContents .topVisual .userData ul > li{
display:inline-block;
vertical-align:middle;
}
#document.rodeco #mainContents .topVisual .userData ul > li:nth-of-type(n+2){
margin-left:10px;
border-left:1px solid #cbcbcb;
padding-left:10px;
}
#document.rodeco #mainContents .topVisual .userData ul > li:nth-of-type(n+2) > span:nth-of-type(1)::after{
content:'\FF1A';
}
#document.rodeco #mainContents .topVisual .userData ul > li .name,
#document.rodeco #mainContents .topVisual .userData ul > li .number{
display:inline-block;
white-space:nowrap;
vertical-align:bottom;
}
#document.rodeco #mainContents .topVisual .userData ul > li .name{
overflow:hidden;
text-overflow:ellipsis;
max-width:9em;
}
#document.rodeco #mainContents .topVisual .userData ul > li .serial{
display:inline-block;
vertical-align:bottom;
}
#document.rodeco #mainContents .topVisual > .heading{
margin:0 0 10px;
font-size:2.6rem;
line-height:1.2;
color:#ffffff;
}
#document.rodeco #mainContents .topVisual > .heading span{
font-size:2rem;
}
#document.rodeco #mainContents .topVisual > .lead{
color:#ffffff;
}
#document.rodeco #mainContents .topVisual[class*="_report"]{
padding:32px 40px 0;
height:260px;
background:#ddeef9 url(../../img/rodeco/cmn_bg_topVisual_02.jpg) no-repeat 0 100%;
}
#document.rodeco #mainContents .topVisual[class*="_report"] .userData{
margin-bottom:100px;
}
#document.rodeco #mainContents .topVisual[class*="_report"] > .heading{
margin-bottom:20px;
position:relative;
color:#353535;
}
#document.rodeco #mainContents .topVisual[class*="_report"] > .heading h1{
margin:0;
}
#document.rodeco #mainContents .topVisual[class*="_report"] > .heading span{
display:inline-block;
vertical-align:middle;
width:200px;
text-align:center;
}
#document.rodeco #mainContents .topVisual[class*="_report"] > .heading .m_select{
position:absolute;
top:50%;
min-width:190px;
left:0;
transform:translateY(-50%);
}
#document.rodeco #mainContents .topVisual[class*="_report"] > .heading + .m_notesList > li{
font-size:1.2rem;
}
#document.rodeco #mainContents .topVisual[class*="_report"] .otherReport{
position:absolute;
margin-bottom:0;
right:40px;
bottom:55px;
}
#document.rodeco #mainContents .topVisual[class*="_discount"]{
padding:32px 40px 0;
height:155px;
background:none;
}
#document.rodeco #mainContents .topVisual[class*="_discount"] .userData{
margin-bottom:70px;
}
#document.rodeco #mainContents .topVisual[class*="_discount"] > .heading{
margin-bottom:20px;
position:relative;
color:#353535;
}
#document.rodeco #mainContents .topVisual[class*="_discount"] > .heading h1{
margin:0;
}
#document.rodeco #mainContents .topVisual[class*="_discount"] > .heading span{
display:inline-block;
vertical-align:middle;
width:200px;
text-align:center;
}
#document.rodeco #mainContents .topVisual[class*="_discount"] > .heading .m_select{
position:absolute;
top:50%;
min-width:190px;
left:0;
transform:translateY(-50%);
}
#document.rodeco #mainContents .topVisual[class*="_discount"] > .heading + .m_notesList > li{
font-size:1.2rem;
}
#document.rodeco #mainContents .topVisual[class*="_discount"] .otherReport{
position:absolute;
margin-bottom:0;
right:40px;
bottom:5px;
}
#document.rodeco #mainContents #info{
display:flex;
align-items:center;
justify-content:space-between;
}
#document.rodeco #mainContents #info .m_textHeading{
margin:0;
flex-basis:143px;
}
#document.rodeco #mainContents #info ul{
display:flex;
flex-basis:calc(100% - 143px);
margin:0;
justify-content:space-between;
align-items:center;
}
#document.rodeco #mainContents #info ul > li{
flex-grow:1;
text-align:center;
font-size:2.2rem;
line-height:1;
}
#document.rodeco #mainContents #info ul > li .label{
display:block;
margin:0 0 15px;
font-weight:bold;
font-size:1.4rem;
}
#document.rodeco #mainContents #info ul > li .count{
display:inline-block;
margin-right:5px;
font-size:6.2rem;
}
#document.rodeco #mainContents #info ul > li:nth-of-type(n+2){
border-left:2px solid #d2d2d2;
}
#document.rodeco #mainContents #check .heading{
display:flex;
justify-content:space-between;
align-items:center;
margin:0 0 30px;
}
#document.rodeco #mainContents #check .heading .m_bulletHeading{
margin:0;
}
#document.rodeco #mainContents #check .heading .legend{
text-align:right;
display:flex;
align-items:center;
}
#document.rodeco #mainContents #check .heading .legend p{
margin:0;
padding-right:30px;
font-weight:bold;
}
#document.rodeco #mainContents #check .heading .legend ul{
margin-bottom:0;
}
#document.rodeco #mainContents #check .heading .legend ul > li{
display:inline-block;
vertical-align:middle;
}
#document.rodeco #mainContents #check .heading .legend ul > li .m_inputCheck label::after{
margin-left:5px;
content:"";
vertical-align:-4px;
}
#document.rodeco #mainContents #check .heading .legend ul > li .m_inputCheck.s_type02 label::after{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/common/common_img_sprite.png");
background-position:-138px -140px;
width:14px;
height:18px;
}
#document.rodeco #mainContents #check .heading .legend ul > li .m_inputCheck.s_type01 label::after{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/common/common_img_sprite.png");
background-position:-197px -50px;
width:16px;
height:20px;
}
#document.rodeco #mainContents #check .heading .legend ul > li:nth-of-type(n+2){
margin-left:20px;
}
#document.rodeco #mainContents #check .map{
width:100%;
height:calc((100vw - 368px) * 0.388);
}
#document.rodeco #mainContents #report01,
#document.rodeco #mainContents #report02{
margin:0 auto;
}
#document.rodeco #mainContents #report01 .title,
#document.rodeco #mainContents #report02 .title{
display:none;
}
#document.rodeco #mainContents #report01 .unit,
#document.rodeco #mainContents #report02 .unit{
font-size:1.8rem;
}
#document.rodeco #mainContents #report01 .evaluation,
#document.rodeco #mainContents #report02 .evaluation{
display:flex;
align-items:center;
}
#document.rodeco #mainContents #report01 .evaluation .totalPoint,
#document.rodeco #mainContents #report02 .evaluation .totalPoint{
flex-basis:60%;
}
#document.rodeco #mainContents #report01 .evaluation .totalPoint > div,
#document.rodeco #mainContents #report02 .evaluation .totalPoint > div{
position:relative;
margin:0 auto;
width:439px;
height:413px;
}
#document.rodeco #mainContents #report01 .evaluation .totalPoint > div .score,
#document.rodeco #mainContents #report02 .evaluation .totalPoint > div .score{
position:absolute;
top:50%;
left:calc(50% + 13px);
font-size:12rem;
white-space:nowrap;
transform:translate(-50%, -50%);
}
#document.rodeco #mainContents #report01 .evaluation .totalPoint > div .graph,
#document.rodeco #mainContents #report02 .evaluation .totalPoint > div .graph{
position:absolute;
width:439px;
height:413px;
z-index:0;
}
#document.rodeco #mainContents #report01 .evaluation .totalPoint > div .graph img,
#document.rodeco #mainContents #report02 .evaluation .totalPoint > div .graph img{
width:439px;
height:413px;
}
#document.rodeco #mainContents #report01 .evaluation .totalPoint > div .scale,
#document.rodeco #mainContents #report02 .evaluation .totalPoint > div .scale{
position:absolute;
top:50%;
left:232px;
width:104px;
height:148px;
text-align:right;
z-index:1;
transform-origin:left top;
transform:rotate(0deg);
}
#document.rodeco #mainContents #report01 .evaluation .totalPoint > div .scale img,
#document.rodeco #mainContents #report02 .evaluation .totalPoint > div .scale img{
position:absolute;
right:0;
bottom:0;
width:24px;
height:31px;
}
#document.rodeco #mainContents #report01 .evaluation .totalPoint > div.type02 .graph::before,
#document.rodeco #mainContents #report02 .evaluation .totalPoint > div.type02 .graph::before{
position:absolute;
top:27px;
left:175px;
content:"";
width:26px;
height:24px;
background:url(../../img/home/home_img_point.png);
}
#document.rodeco #mainContents #report01 .evaluation .totalPoint > div.type02 .scale,
#document.rodeco #mainContents #report02 .evaluation .totalPoint > div.type02 .scale{
position:absolute;
top:50%;
left:232px;
width:119px;
height:169px;
text-align:right;
z-index:1;
transform-origin:left top;
transform:rotate(0deg);
}
#document.rodeco #mainContents #report01 .evaluation .totalPoint > div.type02 .scale img,
#document.rodeco #mainContents #report02 .evaluation .totalPoint > div.type02 .scale img{
position:absolute;
right:0;
bottom:0;
width:39px;
height:52px;
}
#document.rodeco #mainContents #report01 .evaluation .totalPoint .m_notesList,
#document.rodeco #mainContents #report02 .evaluation .totalPoint .m_notesList{
margin-top:30px;
}
#document.rodeco #mainContents #report01 .evaluation .wrap,
#document.rodeco #mainContents #report02 .evaluation .wrap{
flex-basis:40%;
}
#document.rodeco #mainContents #report01 .evaluation .comparison,
#document.rodeco #mainContents #report01 .evaluation .rank,
#document.rodeco #mainContents #report01 .evaluation .message,
#document.rodeco #mainContents #report02 .evaluation .comparison,
#document.rodeco #mainContents #report02 .evaluation .rank,
#document.rodeco #mainContents #report02 .evaluation .message{
display:flex;
justify-content:center;
align-items:center;
line-height:1.2;
}
#document.rodeco #mainContents #report01 .evaluation .comparison > *:last-child,
#document.rodeco #mainContents #report01 .evaluation .rank > *:last-child,
#document.rodeco #mainContents #report01 .evaluation .message > *:last-child,
#document.rodeco #mainContents #report02 .evaluation .comparison > *:last-child,
#document.rodeco #mainContents #report02 .evaluation .rank > *:last-child,
#document.rodeco #mainContents #report02 .evaluation .message > *:last-child{
margin-bottom:0 !important;
}
#document.rodeco #mainContents #report01 .evaluation .comparison > div,
#document.rodeco #mainContents #report01 .evaluation .rank > div,
#document.rodeco #mainContents #report01 .evaluation .message > div,
#document.rodeco #mainContents #report02 .evaluation .comparison > div,
#document.rodeco #mainContents #report02 .evaluation .rank > div,
#document.rodeco #mainContents #report02 .evaluation .message > div{
text-align:center;
}
#document.rodeco #mainContents #report01 .evaluation .comparison .label,
#document.rodeco #mainContents #report01 .evaluation .rank .label,
#document.rodeco #mainContents #report01 .evaluation .message .label,
#document.rodeco #mainContents #report02 .evaluation .comparison .label,
#document.rodeco #mainContents #report02 .evaluation .rank .label,
#document.rodeco #mainContents #report02 .evaluation .message .label{
display:block;
color:#1fa57f;
font-weight:bold;
font-size:2rem;
}
#document.rodeco #mainContents #report01 .evaluation .comparison,
#document.rodeco #mainContents #report02 .evaluation .comparison{
border-bottom:2px solid #eeeeee;
height:196px;
font-size:7rem;
}
#document.rodeco #mainContents #report01 .evaluation .comparison::before,
#document.rodeco #mainContents #report02 .evaluation .comparison::before{
color:#1fa57f;
font-size:98px;
vertical-align:middle;
content:"";
}
#document.rodeco #mainContents #report01 .evaluation .comparison::before,
#document.rodeco #mainContents #report02 .evaluation .comparison::before{
line-height:98px;
}
#document.rodeco #mainContents #report01 .evaluation .comparison.is_up::before,
#document.rodeco #mainContents #report02 .evaluation .comparison.is_up::before{
transform:rotate(-45deg);
}
#document.rodeco #mainContents #report01 .evaluation .comparison.is_down::before,
#document.rodeco #mainContents #report02 .evaluation .comparison.is_down::before{
transform:rotate(45deg);
}
#document.rodeco #mainContents #report01 .evaluation .comparison > div,
#document.rodeco #mainContents #report02 .evaluation .comparison > div{
margin-left:30px;
}
#document.rodeco #mainContents #report01 .evaluation .rank,
#document.rodeco #mainContents #report02 .evaluation .rank{
margin-top:40px;
font-size:10rem;
}
#document.rodeco #mainContents #report01 .evaluation .rank > .scale,
#document.rodeco #mainContents #report02 .evaluation .rank > .scale{
position:relative;
display:inline-block;
margin-right:32px;
}
#document.rodeco #mainContents #report01 .evaluation .rank > .scale img,
#document.rodeco #mainContents #report02 .evaluation .rank > .scale img{
width:34px;
vertical-align:-6px;
}
#document.rodeco #mainContents #report01 .evaluation .rank > .scale span,
#document.rodeco #mainContents #report02 .evaluation .rank > .scale span{
position:absolute;
right:0;
display:block;
border-radius:0 2px 2px 0;
width:7px;
height:26px;
background:#1fa57f;
}
#document.rodeco #mainContents #report01 .evaluation .rank > .scale span.rankA,
#document.rodeco #mainContents #report02 .evaluation .rank > .scale span.rankA{
top:3px;
}
#document.rodeco #mainContents #report01 .evaluation .rank > .scale span.rankB,
#document.rodeco #mainContents #report02 .evaluation .rank > .scale span.rankB{
top:27px;
}
#document.rodeco #mainContents #report01 .evaluation .rank > .scale span.rankC,
#document.rodeco #mainContents #report02 .evaluation .rank > .scale span.rankC{
top:52px;
}
#document.rodeco #mainContents #report01 .evaluation .rank > .scale span.rankD,
#document.rodeco #mainContents #report02 .evaluation .rank > .scale span.rankD{
top:77px;
}
#document.rodeco #mainContents #report01 .evaluation .rank > .scale span.rankE,
#document.rodeco #mainContents #report02 .evaluation .rank > .scale span.rankE{
top:101px;
}
#document.rodeco #mainContents #report01 .evaluation .rank > .scale + div,
#document.rodeco #mainContents #report02 .evaluation .rank > .scale + div{
width:100px;
}
#document.rodeco #mainContents #report01 .evaluation .message,
#document.rodeco #mainContents #report02 .evaluation .message{
position:relative;
min-width:242px;
padding:80px 12px 20px 110px;
background:#fdf6ca;
border-radius:6px;
color:#000000;
font-weight:bold;
text-align:left;
line-height:1.8;
}
#document.rodeco #mainContents #report01 .evaluation .message > *:last-child,
#document.rodeco #mainContents #report02 .evaluation .message > *:last-child{
margin-bottom:0 !important;
}
#document.rodeco #mainContents #report01 .evaluation .message::before,
#document.rodeco #mainContents #report02 .evaluation .message::before{
position:absolute;
top:43px;
right:10px;
bottom:10px;
left:10px;
content:"";
border:2px solid #dc5b00;
border-radius:6px;
background:#ffffff;
z-index:0;
}
#document.rodeco #mainContents #report01 .evaluation .message > .heading,
#document.rodeco #mainContents #report02 .evaluation .message > .heading{
position:absolute;
top:7px;
left:28px;
margin:0;
content:"";
z-index:1;
}
#document.rodeco #mainContents #report01 .evaluation .message > *,
#document.rodeco #mainContents #report02 .evaluation .message > *{
flex:1;
position:relative;
z-index:10;
}
#document.rodeco #mainContents #report01 .evaluation .message.excellent > .heading,
#document.rodeco #mainContents #report02 .evaluation .message.excellent > .heading{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/rodeco/rodeco_img_sprite.png");
background-position:0px 0px;
width:339px;
height:120px;
}
#document.rodeco #mainContents #report01 .evaluation .message.great > .heading,
#document.rodeco #mainContents #report02 .evaluation .message.great > .heading{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/rodeco/rodeco_img_sprite.png");
background-position:0px -130px;
width:339px;
height:120px;
}
#document.rodeco #mainContents #report01 .evaluation .message + .message,
#document.rodeco #mainContents #report02 .evaluation .message + .message{
margin-top:20px;
}
#document.rodeco #mainContents #report01 .evaluation .diagnosis,
#document.rodeco #mainContents #report02 .evaluation .diagnosis{
margin:45px 0 30px;
text-align:center;
}
#document.rodeco #mainContents #report01 .evaluation .diagnosis ul,
#document.rodeco #mainContents #report02 .evaluation .diagnosis ul{
margin:0;
display:inline-block;
text-align:left;
}
#document.rodeco #mainContents #report01 .evaluation .diagnosis ul > li,
#document.rodeco #mainContents #report02 .evaluation .diagnosis ul > li{
padding:0 57px 0 32px;
}
#document.rodeco #mainContents #report01 .evaluation .diagnosis ul > li > span,
#document.rodeco #mainContents #report02 .evaluation .diagnosis ul > li > span{
color:#cc0322;
font-weight:bold;
}
#document.rodeco #mainContents #report01 .evaluation .diagnosis ul > li > span .m_num,
#document.rodeco #mainContents #report02 .evaluation .diagnosis ul > li > span .m_num{
margin-left:40px;
}
#document.rodeco #mainContents #report01 .evaluation .diagnosis ul > li:nth-of-type(n+2),
#document.rodeco #mainContents #report02 .evaluation .diagnosis ul > li:nth-of-type(n+2){
margin-top:17px;
border-top:1px solid #d2d2d2;
padding-top:8px;
}
#document.rodeco #mainContents #report01 .evaluation .diagnosis + .m_button,
#document.rodeco #mainContents #report02 .evaluation .diagnosis + .m_button{
margin:0;
}
#document.rodeco #mainContents #report01 .totalDrive,
#document.rodeco #mainContents #report02 .totalDrive{
position:relative;
display:flex;
margin:0 0 30px;
padding:20px 0;
align-items:flex-end;
}
#document.rodeco #mainContents #report01 .totalDrive::before,
#document.rodeco #mainContents #report02 .totalDrive::before{
position:absolute;
top:20px;
bottom:20px;
left:50%;
content:"";
border-left:2px solid #eeeeee;
}
#document.rodeco #mainContents #report01 .totalDrive .mileage,
#document.rodeco #mainContents #report01 .totalDrive .drivingTime,
#document.rodeco #mainContents #report02 .totalDrive .mileage,
#document.rodeco #mainContents #report02 .totalDrive .drivingTime{
flex-basis:50%;
text-align:center;
}
#document.rodeco #mainContents #report01 .totalDrive .mileage .label,
#document.rodeco #mainContents #report01 .totalDrive .drivingTime .label,
#document.rodeco #mainContents #report02 .totalDrive .mileage .label,
#document.rodeco #mainContents #report02 .totalDrive .drivingTime .label{
display:inline-block;
margin-right:20px;
font-size:1.2rem;
color:#1fa57f;
}
#document.rodeco #mainContents #report01 .totalDrive .mileage .label::before,
#document.rodeco #mainContents #report01 .totalDrive .drivingTime .label::before,
#document.rodeco #mainContents #report02 .totalDrive .mileage .label::before,
#document.rodeco #mainContents #report02 .totalDrive .drivingTime .label::before{
display:block;
margin:0 auto;
font-family:"icon";
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
text-transform:none;
line-height:1.4;
}
#document.rodeco #mainContents #report01 .totalDrive .mileage .value,
#document.rodeco #mainContents #report01 .totalDrive .drivingTime .value,
#document.rodeco #mainContents #report02 .totalDrive .mileage .value,
#document.rodeco #mainContents #report02 .totalDrive .drivingTime .value{
position:relative;
display:inline-block;
width:4em;
font-size:5.2rem;
text-align:right;
}
#document.rodeco #mainContents #report01 .totalDrive .mileage .value::before,
#document.rodeco #mainContents #report01 .totalDrive .drivingTime .value::before,
#document.rodeco #mainContents #report02 .totalDrive .mileage .value::before,
#document.rodeco #mainContents #report02 .totalDrive .drivingTime .value::before{
position:absolute;
top:0;
right:0;
bottom:0;
content:'00,000';
color:#e0e0e0;
z-index:-1px;
}
#document.rodeco #mainContents #report01 .totalDrive .mileage .value > span,
#document.rodeco #mainContents #report01 .totalDrive .drivingTime .value > span,
#document.rodeco #mainContents #report02 .totalDrive .mileage .value > span,
#document.rodeco #mainContents #report02 .totalDrive .drivingTime .value > span{
position:relative;
background:#f7f7f7;
}
#document.rodeco #mainContents #report01 .totalDrive .mileage .label,
#document.rodeco #mainContents #report02 .totalDrive .mileage .label{
vertical-align:-7px;
}
#document.rodeco #mainContents #report01 .totalDrive .mileage .label::before,
#document.rodeco #mainContents #report02 .totalDrive .mileage .label::before{
font-size:3.6rem;
content:"";
}
#document.rodeco #mainContents #report01 .totalDrive .mileage .label::before,
#document.rodeco #mainContents #report02 .totalDrive .mileage .label::before{
margin-bottom:7px;
}
#document.rodeco #mainContents #report01 .totalDrive .mileage .value,
#document.rodeco #mainContents #report02 .totalDrive .mileage .value{
position:relative;
}
#document.rodeco #mainContents #report01 .totalDrive .mileage .value::before,
#document.rodeco #mainContents #report02 .totalDrive .mileage .value::before{
position:absolute;
top:0;
right:0;
bottom:0;
content:'000,000';
color:#e0e0e0;
z-index:-1px;
}
#document.rodeco #mainContents #report01 .totalDrive .mileage .value > span,
#document.rodeco #mainContents #report02 .totalDrive .mileage .value > span{
position:relative;
background:#f7f7f7;
}
#document.rodeco #mainContents #report01 .totalDrive .drivingTime .label,
#document.rodeco #mainContents #report02 .totalDrive .drivingTime .label{
vertical-align:-10px;
}
#document.rodeco #mainContents #report01 .totalDrive .drivingTime .label::before,
#document.rodeco #mainContents #report02 .totalDrive .drivingTime .label::before{
font-size:5.7rem;
content:"";
}
#document.rodeco #mainContents .drivingCharacteristics{
text-align:center;
}
#document.rodeco #mainContents .drivingCharacteristics .text{
font-size:1.6rem;
line-height:2;
}
#document.rodeco #mainContents .drivingCharacteristics .num{
margin-left:7px;
font-family:"Lato", sans-serif;
font-size:3rem;
line-height:1;
}
#document.rodeco #mainContents .drivingCharacteristics .num .unit{
font-size:1.4rem;
line-height:1.2;
}
#document.rodeco #mainContents .drivingCharacteristics .image{
margin:54px 0 60px;
text-align:center;
}
#document.rodeco #mainContents .drivingCharacteristics .image img{
max-width:100%;
height:auto;
}
#document.rodeco #mainContents .drivingCharacteristics .m_table02 th,
#document.rodeco #mainContents .drivingCharacteristics .m_table02 td{
font-weight:normal;
text-align:center;
}
#document.rodeco #mainContents .drivingCharacteristics .m_table02 td{
color:#cc0322;
font-size:2.4rem;
font-weight:bold;
}
#document.rodeco #mainContents .drivingCharacteristics .m_table02 td .num{
margin-left:0;
}
#document.rodeco #mainContents .drivingCharacteristics .m_notesList{
margin-bottom:26px;
}
#document.rodeco #mainContents .drivingCharacteristics .m_button a{
min-width:500px;
}
@media screen and (min-width: 1280px) {
#document.rodeco #mainContents #report01{
width:912px;
}
}
#document.rodeco #mainContents .is_nodata + #report01 .totalDrive .mileage .value > span,
#document.rodeco #mainContents .is_nodata + #report01 .totalDrive .drivingTime .value > span,
#document.rodeco #mainContents .is_nodata + #report02 .totalDrive .mileage .value > span,
#document.rodeco #mainContents .is_nodata + #report02 .totalDrive .drivingTime .value > span{
opacity:0;
}
#document.rodeco #mainContents .is_nodata + #report01 .evaluation .rank > .scale span,
#document.rodeco #mainContents .is_nodata + #report02 .evaluation .rank > .scale span{
display:none;
}
#document.rodeco #mainContents .m_imageList > li .image .map{
width:100%;
height:calc(((100vw - 368px) / 3 - 16px) * 0.388);
}
#document.rodeco #mainContents .m_media .body > p{
font-size:1.6rem;
}
#document.rodeco #mainContents .tableBox{
display:table;
width:100%;
}
#document.rodeco #mainContents .tableBox .heading{
display:table-cell;
vertical-align:top;
width:190px;
}
#document.rodeco #mainContents .tableBox .body{
display:table-cell;
vertical-align:top;
}
#document.rodeco #mainContents .tableBox .body > *:last-child{
margin-bottom:0 !important;
}
#document.rodeco #mainContents .tableBox .body > *{
display:table;
width:100%;
table-layout:fixed;
}
#document.rodeco #mainContents .tableBox .body > * > *{
display:table-cell;
vertical-align:top;
text-align:center;
}
#document.rodeco #mainContents .average ul > li .age{
display:block;
font-weight:bold;
}
#document.rodeco #mainContents .average ul > li .point{
font-weight:bold;
font-size:2rem;
}
#document.rodeco #mainContents .training{
margin:50px -40px 70px;
border:solid #eaeaea;
border-width:2px 0;
padding:40px;
background:#f2f2f2;
}
#document.rodeco #mainContents .radarChart{
position:relative;
margin:0 auto -50px;
padding:25px 0;
width:690px;
background: url(../../img/rodeco/mod_bg_radarChart.png) 159px -4px / 371px 371px no-repeat;
}
#document.rodeco #mainContents .radarChart .chart{
display:block;
margin:0 auto;
width:417px;
height:417px;
}
#document.rodeco #mainContents .radarChart .radarLabel{
margin:0;
}
#document.rodeco #mainContents .radarChart .radarLabel > li{
position:absolute;
color:#1fa57f;
font-weight:bold;
}
#document.rodeco #mainContents .radarChart .radarLabel > li:nth-of-type(1){
top:0;
left:50%;
transform:translateX(-50%);
}
#document.rodeco #mainContents .radarChart .radarLabel > li:nth-of-type(2){
bottom:22%;
left:78%;
transform:translateX(-50%);
}
#document.rodeco #mainContents .radarChart .radarLabel > li:nth-of-type(3){
bottom:22%;
right:78%;
transform:translateX(50%);
}
#document.rodeco #mainContents .radarChart .radarLegend{
position:absolute;
top:0;
left:0;
margin:0;
border-left:2px solid #d2d2d2;
}
#document.rodeco #mainContents .radarChart .radarLegend > li{
position:relative;
padding-left:42px;
font-weight:bold;
line-height:1.2;
}
#document.rodeco #mainContents .radarChart .radarLegend > li::before{
position:absolute;
top:50%;
left:23px;
content:"";
border-radius:50%;
width:8px;
height:8px;
transform:translateY(-50%);
}
#document.rodeco #mainContents .radarChart .radarLegend > li:nth-of-type(n+2){
margin-top:12px;
}
#document.rodeco #mainContents .radarChart .radarLegend > li:nth-of-type(1)::before{
background:#1fa57f;
}
#document.rodeco #mainContents .radarChart .radarLegend > li:nth-of-type(2)::before{
background:#999999;
}
#document.rodeco #mainContents .headingInfo{
display:flex;
align-items:center;
justify-content:space-between;
}
#document.rodeco #mainContents .headingInfo .m_textHeading{
margin:0;
flex-basis:143px;
}
#document.rodeco #mainContents .headingInfo .icoHeading{
margin:0;
color:#1fa57f;
font-weight:normal;
font-size:1.2rem;
text-align:center;
flex-basis:160px;
}
#document.rodeco #mainContents .headingInfo .icoHeading img{
display:block;
margin:0 auto 5px;
}
#document.rodeco #mainContents .headingInfo ul{
display:flex;
flex-basis:calc(100% - 143px);
margin:0;
justify-content:space-between;
align-items:center;
}
#document.rodeco #mainContents .headingInfo ul > li{
flex-grow:1;
text-align:center;
font-size:2.2rem;
line-height:1;
}
#document.rodeco #mainContents .headingInfo ul > li .label{
display:block;
margin:0 0 15px;
font-weight:bold;
font-size:1.4rem;
}
#document.rodeco #mainContents .headingInfo ul > li .count{
display:inline-block;
margin-right:5px;
font-size:6.2rem;
}
#document.rodeco #mainContents .headingInfo ul > li:nth-of-type(n+2){
border-left:2px solid #d2d2d2;
}
#document.rodeco #mainContents .trendGraph .viewSwitch{
margin:-40px 0 40px;
text-align:right;
}
#document.rodeco #mainContents .trendGraph .viewSwitch > li{
display:inline-block;
vertical-align:middle;
margin-left:35px;
}
#document.rodeco #mainContents .trendGraph .viewSwitch > li::before{
margin-right:6px;
content:"";
vertical-align:middle;
}
#document.rodeco #mainContents .trendGraph .viewSwitch > li.bar::before{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/rodeco/rodeco_img_sprite.png");
background-position:-42px -260px;
width:24px;
height:20px;
}
#document.rodeco #mainContents .trendGraph .viewSwitch > li.polygonal::before{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/rodeco/rodeco_img_sprite.png");
background-position:0px -260px;
width:32px;
height:20px;
}
#document.rodeco #mainContents .transitionGraph{
position:relative;
margin:30px auto 0;
padding-left:54px;
width:800px;
}
#document.rodeco #mainContents .transitionGraph .graph{
margin:0 0 5px;
width:800px;
height:323px;
background:url(../../img/rodeco/mod_bg_transitionGraph.png) no-repeat 0 0;
}
#document.rodeco #mainContents .transitionGraph .horizontal{
margin:0 -72px 0 0;
}
#document.rodeco #mainContents .transitionGraph .horizontal li{
position:relative;
display:inline-block;
vertical-align:top;
padding-top:1.5em;
width:70px;
}
#document.rodeco #mainContents .transitionGraph .horizontal li .year,
#document.rodeco #mainContents .transitionGraph .horizontal li .month{
display:block;
font-weight:bold;
}
#document.rodeco #mainContents .transitionGraph .horizontal li .year span,
#document.rodeco #mainContents .transitionGraph .horizontal li .month span{
font-weight:normal;
font-size:1.2rem;
}
#document.rodeco #mainContents .transitionGraph .horizontal li .year{
position:absolute;
top:0;
left:0;
white-space:nowrap;
}
#document.rodeco #mainContents .transitionGraph .horizontal li.is_nodata{
color:#9b9b9b;
}
#document.rodeco #mainContents .transitionGraph .horizontal li.is_nodata .label{
position:relative;
left:-0.8em;
}
#document.rodeco #mainContents .transitionGraph .horizontal li br{
display:none;
}
#document.rodeco #mainContents .transitionGraph .vertical{
position:absolute;
top:-20px;
left:0;
}
#document.rodeco #mainContents .transitionGraph .vertical > li{
position:absolute;
left:0;
width:42px;
font-weight:bold;
text-align:right;
line-height:1.2;
}
#document.rodeco #mainContents .transitionGraph .vertical > li span{
display:block;
font-weight:normal;
font-size:1.2rem;
}
#document.rodeco #mainContents .transitionGraph .vertical > li:nth-of-type(1){
top:0;
}
#document.rodeco #mainContents .transitionGraph .vertical > li:nth-of-type(2){
top:173px;
}
#document.rodeco #mainContents .transitionGraph + .m_notesList{
margin-top:25px;
}
#document.rodeco #mainContents .lavelColumn{
display:flex;
justify-content:space-between;
}
#document.rodeco #mainContents .lavelColumn > .column{
flex:1 0 auto;
text-align:center;
}
#document.rodeco #mainContents .lavelColumn > .column .icoHeading{
display:inline-block;
vertical-align:middle;
margin:0 10px 0 0;
font-size:1.2rem;
color:#1fa57f;
font-weight:normal;
text-align:center;
}
#document.rodeco #mainContents .lavelColumn > .column .icoHeading img{
display:block;
margin:0 auto 5px;
}
#document.rodeco #mainContents .lavelColumn > .column .rank{
display:inline-block;
vertical-align:middle;
margin:0;
font-size:6.6rem;
line-height:1;
}

#document.rodeco.monthly #mainContents .radarChart .chart{
position:relative;
}
#document.rodeco.monthly #mainContents .barChart{
position:relative;
width:910px;
height:348px;
margin:0 auto;
}
#document.rodeco.monthly #mainContents .barChart .vScale{
position:absolute;
top:0px;
left:0px;
right:35px;
z-index:1;
}
#document.rodeco.monthly #mainContents .barChart .vScale .unit{
position:relative;
display:inline-block;
width:43px;
top:-0.5rem;
text-align:right;
}
#document.rodeco.monthly #mainContents .barChart .vScale .hLine{
position:absolute;
top:100px;
width:100%;
border-top:1px solid #f0f0f0;
}
#document.rodeco.monthly #mainContents .barChart .vScale .hLine .scale{
position:relative;
top:-8px;
width:43px;
padding-right:10px;
background:#f8f8f8;
font-size:1rem;
text-align:right;
}
#document.rodeco.monthly #mainContents .barChart .barArea{
position:absolute;
top:0px;
left:52px;
height:324px;
z-index:5;
border-bottom:2px solid #f0f0f0;
}
#document.rodeco.monthly #mainContents .barChart .barArea .bar{
position:relative;
display:inline-block;
min-width:10px;
height:100%;
margin-right:17.1px;
background-color:#d2d2d2;
}
#document.rodeco.monthly #mainContents .barChart .barArea .bar .value,
#document.rodeco.monthly #mainContents .barChart .barArea .bar .value .inner{
position:absolute;
left:0px;
bottom:0px;
min-width:10px;
height:100%;
z-index:1;
overflow:hidden;
}
#document.rodeco.monthly #mainContents .barChart .barArea .bar .value .inner{
background:linear-gradient(#1FA57F, #5AA863);
}
#document.rodeco.monthly #mainContents .barChart .barArea .bar .hdate{
position:absolute;
left:-2px;
margin-top:7px;
font-size:1.25rem;
font-weight:bold;
}

#document.rodeco.yearly #mainContents .radarChart .chart{
position:relative;
}
#document.rodeco.yearly #mainContents .lineChart{
position:relative;
}
#document.rodeco.yearly #mainContents .lineChart .sign{
position:absolute;
width:30px;
height:34px;
background:url(../../img/rodeco/mod_balloon_transitionGraph.png) no-repeat center top;
line-height:30px;
font-size:12px;
color:white;
font-weight:bold;
text-align:center;
}
#document.rodeco.yearly #mainContents .barLineChart{
position:relative;
margin:0 auto;
width:828px;
height:420px;
}
#document.rodeco.yearly #mainContents .barLineChart .vScale{
position:absolute;
top:0px;
left:0px;
right:0px;
z-index:1;
}
#document.rodeco.yearly #mainContents .barLineChart .vScale .hLine{
position:absolute;
width:100%;
border-top:1px solid #d2d2d2;
}
#document.rodeco.yearly #mainContents .barLineChart .vScale .hLine.bold{
border-top:2px solid #d2d2d2;
}
#document.rodeco.yearly #mainContents .barLineChart .vScale .hLine.dot{
border-top:1px dotted #d2d2d2;
}
#document.rodeco.yearly #mainContents .barLineChart .vScale .hLine .scale{
width:42px;
font-size:1.4rem;
text-align:right;
position:relative;
top:-13px;
background:#f8f8f8;
padding-right:10px;
}
#document.rodeco.yearly #mainContents .barLineChart .barArea{
position:absolute;
top:2px;
left:52px;
height:320px;
z-index:5;
}
#document.rodeco.yearly #mainContents .barLineChart .barArea .bar:first-child{
margin-left:30px;
}
#document.rodeco.yearly #mainContents .barLineChart .barArea .bar{
display:inline-block;
position:relative;
min-width:30px;
height:100%;
margin-right:35.3px;
background-color:#d2d2d2;
}
#document.rodeco.yearly #mainContents .barLineChart .barArea .bar.is_nodata,
#document.rodeco.yearly #mainContents .barLineChart .barArea .bar.is_future{
background-color:#eeeeee;
}
#document.rodeco.yearly #mainContents .barLineChart .barArea .bar:last-child{
margin-right:0;
}
#document.rodeco.yearly #mainContents .barLineChart .barArea .bar .value{
position:absolute;
left:0px;
bottom:0px;
min-width:30px;
height:100%;
z-index:1;
overflow:hidden;
background-color:#1EA27B;
}
#document.rodeco.yearly #mainContents .barLineChart .barArea .bar .hdate{
position:absolute;
margin-top:10px;
}
#document.rodeco.yearly #mainContents .lineChartAlphabet{
width:100%;
height:100%;
position:absolute;
z-index:50;
}
#document.rodeco.yearly #mainContents .lineChartAlphabet .sign{
width:24px;
height:24px;
background-color:#FAC235;
border-radius:12px;
position:absolute;
top:0px;
left:0px;
z-index:100;
color:white;
font-size:1.6rem;
font-weight:bold;
text-align:center;
line-height:24px;
}
#document.rodeco.yearly #mainContents .hdate{
padding-top:1.5em;
width:70px;
letter-spacing:0;
text-align:-webkit-match-parent;
}
#document.rodeco.yearly #mainContents .hdate.is_nodata{
color:#9b9b9b;
}
#document.rodeco.yearly #mainContents .hdate .year{
position:absolute;
top:0;
left:0;
white-space:nowrap;
}
#document.rodeco.yearly #mainContents .hdate .year,
#document.rodeco.yearly #mainContents .hdate .month{
display:block;
font-weight:bold;
}
#document.rodeco.yearly #mainContents .hdate .year span,
#document.rodeco.yearly #mainContents .hdate .month span{
font-weight:normal;
font-size:1.2rem;
}
#document.rodeco.yearly #mainContents .barLineChart .vScale .unit{
position:relative;
display:inline-block;
width:43px;
top:-27px;
font-size:1.2rem;
text-align:right;
z-index:100;
}
#document.rodeco.yearly #mainContents .barLineChart .vScale .hLine.a::after,
#document.rodeco.yearly #mainContents .barLineChart .vScale .hLine.b::after,
#document.rodeco.yearly #mainContents .barLineChart .vScale .hLine.c::after,
#document.rodeco.yearly #mainContents .barLineChart .vScale .hLine.d::after,
#document.rodeco.yearly #mainContents .barLineChart .vScale .hLine.e::after{
position:absolute;
top:-0.7rem;
right:-1.9rem;
line-height:1.2rem;
}
#document.rodeco.yearly #mainContents .barLineChart .vScale .hLine.a::after{
content:"A";
}
#document.rodeco.yearly #mainContents .barLineChart .vScale .hLine.b::after{
content:"B";
}
#document.rodeco.yearly #mainContents .barLineChart .vScale .hLine.c::after{
content:"C";
}
#document.rodeco.yearly #mainContents .barLineChart .vScale .hLine.d::after{
content:"D";
}
#document.rodeco.yearly #mainContents .barLineChart .vScale .hLine.e::after{
content:"E";
}
#document.rodeco.yearly #mainContents .m_button.s_large + .m_notesList{
margin-top:50px;
}

/* address
--------------------------------------------------------------------------------------------------- */
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

    version: 1.0
    created: 2017/07/24
    update : -

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
#document.address #mainContents > .logo{
margin:0 0 30px;
text-align:center;
}
#document.address .leadText{
font-size:1.6rem;
line-height:2;
}
#document.address .acceptCode{
font-size:1.8rem;
line-height:1;
}
#document.address .acceptCode span{
margin-left:10px;
font-weight:bold;
font-size:3.8rem;
vertical-align:-5px;
}
#document.address .addressList{
margin:0 -3px 50px 0;
}
#document.address .addressList > li{
display:inline-block;
vertical-align:top;
width:254px;
margin:0 3px 3px 0;
text-align:center;
background:#f9f9f9;
}
#document.address .addressList .notice{
position:relative;
display:flex;
border-top:2px solid #bfbfbf;
padding:10px 18px 12px;
justify-content:space-between;
}
#document.address .addressList .notice::before{
position:absolute;
right:15px;
bottom:0;
left:15px;
content:"";
border-bottom:2px solid #e8e8e8;
}
#document.address .addressList .notice > span:nth-of-type(2){
text-align:right;
font-weight:bold;
}
#document.address .addressList .inner{
display:table;
width:100%;
height:157px;
}
#document.address .addressList .inner > div{
display:table-cell;
padding:0 15px;
vertical-align:middle;
}
#document.address .addressList .inner > div > *:last-child{
margin-bottom:0 !important;
}
#document.address .addressList .inner .status{
margin:0 0 5px;
}
#document.address .addressList .inner .status > span{
display:inline-block;
vertical-align:middle;
}
#document.address .addressList .inner .status > span:nth-of-type(1){
margin-right:10px;
border-radius:3px;
padding:0 7px;
line-height:20px;
color:#ffffff;
font-size:1.2rem;
}
#document.address .addressList .inner .status > span:nth-of-type(1)[class*="_type01"]{
background:#fac437;
}
#document.address .addressList .inner .status > span:nth-of-type(1)[class*="_type02"]{
background:#cc0322;
}
#document.address .addressList .inner .status > span:nth-of-type(2).code span{
font-weight:bold;
}
#document.address .addressList .inner .status > span:nth-of-type(2).link a{
position:relative;
padding-left:10px;
}
#document.address .addressList .inner .status > span:nth-of-type(2).link a::before{
position:absolute;
top:6px;
left:0;
content:"";
border:solid #585858;
border-width:2px 2px 0 0;
width:4px;
height:4px;
transform:rotate(45deg) skew(10deg, 10deg);
}
#document.address .addressList .inner .name{
margin:0 0 8px;
font-weight:bold;
font-size:2rem;
line-height:1.4;
}
#document.address .addressList .inner .name .kana{
display:block;
font-weight:normal;
font-size:1.2rem;
}
#document.address .addressList .inner .tel{
margin:0;
font-weight:bold;
font-size:2rem;
line-height:1.2;
}
#document.address .addressList .m_button{
margin:0;
padding:0 0 20px;
}
#document.address .addressList .m_button > li{
margin:0 4px;
}
#document.address .addressList .add{
position:relative;
display:block;
height:255px;
background:#ffffff;
}
#document.address .addressList .add > a{
position:absolute;
top:50%;
left:50%;
display:block;
border-radius:50%;
padding:14px 0 0;
width:88px;
height:74px;
background:#fac437;
color:#000000;
text-decoration:none;
line-height:1.2;
transform:translate(-50%, -50%);
transition:color .4s ease;
}
#document.address .addressList .add > a::before{
display:block;
margin:0 auto;
content:"+";
font-size:3.6rem;
}
#document.address .addressList .add > a:hover{
color:#ffffff;
}
#document.address .m_notesList + .m_inputSection{
margin-top:50px;
}
#document.address .flowBox .flow{
position:relative;
margin:0 0 30px;
background:#fffcf5;
text-align:center;
}
#document.address .flowBox .flow > *:last-child{
margin-bottom:0 !important;
}
#document.address .flowBox .flow::after{
position:absolute;
bottom:-30px;
left:50%;
content:"";
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/address/address_img_sprite.png");
background-position:0px 0px;
width:15px;
height:30px;
transform:translateX(-50%);
}
#document.address .flowBox .flow .inner{
position:relative;
padding:15px 15px 15px 177px;
display:inline-block;
vertical-align:middle;
max-width:650px;
text-align:left;
}
#document.address .flowBox .flow .step{
position:absolute;
top:50%;
left:55px;
border:2px solid #fac437;
border-radius:6px;
width:66px;
padding:13px 0;
color:#fac437;
font-weight:bold;
text-align:center;
line-height:1;
transform:translateY(-50%);
}
#document.address .flowBox .flow .step span{
font-size:2.6rem;
}
#document.address .flowBox .flow .flowLabel{
margin-bottom:5px;
font-weight:bold;
font-size:2rem;
}
#document.address .flowBox .flow .m_notesList{
margin-bottom:10px;
}
#document.address .flowBox .flow.is_complete::after{
display:none;
}
#document.address .flowBox .flow.is_complete .inner{
display:block;
padding:15px;
width:auto;
max-width:none;
text-align:center;
}
#document.address .m_buttonColumn{
padding:20px 30px;
margin-bottom:9px;
}
#document.address .m_buttonColumn > .column:nth-of-type(1){
font-weight:bold;
font-size:2rem;
}

/* drive_rec
--------------------------------------------------------------------------------------------------- */
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

    version: 1.0
    created: 2017/08/02
    update : -

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
#document.drive_rec #mainContents > .logo{
margin:0 0 30px;
text-align:center;
}
#document.drive_rec .m_formTable td .m_inputText{
margin-right:10px;
}
#document.drive_rec .m_formTable td * + ul.m_button{
margin-top:10px;
text-align:left;
}
#document.drive_rec .m_formTable td * + ul.m_button > li{
margin:0;
}
#document.drive_rec .m_formTable td * + ul.m_button > li a{
font-size:1.4rem;
line-height:36px;
}
#document.drive_rec .m_box .m_textHeading{
margin-bottom:5px;
}
#document.drive_rec .typeList{
margin:0 0 20px;
text-align:left;
}
#document.drive_rec .typeList > li{
display:inline-block;
vertical-align:top;
width:33.33%;
width:calc(100% / 3);
text-align:center;
}
#document.drive_rec .typeList > li label{
position:relative;
display:block;
cursor:pointer;
transition:color .4s ease;
}
#document.drive_rec .typeList > li label::before{
display:block;
margin:0 auto 25px;
content:'';
}
#document.drive_rec .typeList > li label input[type="radio"]{
  /*position: absolute;
  left: 50%;
  top: 50%;*/
opacity:0;
  /*z-index: -1;*/
}
#document.drive_rec .typeList > li label input[type="radio"]:checked + span::after{
background-color:#fac437;
}
#document.drive_rec .typeList > li label input + span{
position:relative;
display:inline-block;
vertical-align:middle;
padding-left:30px;
line-height:1.5;
text-align:left;
}
#document.drive_rec .typeList > li label input + span > span{
font-size:1.4rem;
}
#document.drive_rec .typeList > li label input + span::before, #document.drive_rec .typeList > li label input + span::after{
position:absolute;
border-radius:50%;
content:"";
transition:background-color .4s ease;
}
#document.drive_rec .typeList > li label input + span::before{
top:0;
left:0;
border:2px solid #fac437;
width:16px;
height:16px;
background:#ffffff;
z-index:1;
}
#document.drive_rec .typeList > li label input + span::after{
top:4px;
left:4px;
width:12px;
height:12px;
background:#ffffff;
z-index:2;
}
#document.drive_rec .typeList > li label:hover{
color:#fac437;
}
#document.drive_rec .typeList > li:nth-of-type(n+4){
margin-top:30px;
}
#document.drive_rec .typeList > li.sedan label::before{
overflow:hidden;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/drive_rec/drive_rec_img_sprite.png");
background-position:0px -50px;
width:120px;
height:40px;
}
#document.drive_rec .typeList > li.coupe label::before{
overflow:hidden;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/drive_rec/drive_rec_img_sprite.png");
background-position:-130px -100px;
width:120px;
height:40px;
}
#document.drive_rec .typeList > li.conpact label::before{
overflow:hidden;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/drive_rec/drive_rec_img_sprite.png");
background-position:-130px 0px;
width:120px;
height:40px;
}
#document.drive_rec .typeList > li.suv5 label::before{
overflow:hidden;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/drive_rec/drive_rec_img_sprite.png");
background-position:-130px -50px;
width:120px;
height:40px;
}
#document.drive_rec .typeList > li.suv7 label::before{
overflow:hidden;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/drive_rec/drive_rec_img_sprite.png");
background-position:0px -100px;
width:120px;
height:40px;
}
#document.drive_rec .typeList > li.open label::before{
overflow:hidden;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/drive_rec/drive_rec_img_sprite.png");
background-position:0px 0px;
width:120px;
height:40px;
}
#document.drive_rec .typeList > li.miniban-kei label::before{
overflow:hidden;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/drive_rec/drive_rec_img_sprite.png");
background-position:0px -150px;
width:120px;
height:40px;
}
#document.drive_rec .typeList > li.miniban5 label::before{
overflow:hidden;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/drive_rec/drive_rec_img_sprite.png");
background-position:-130px -150px;
width:120px;
height:40px;
}
#document.drive_rec .typeList > li.miniban7 label::before{
overflow:hidden;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/drive_rec/drive_rec_img_sprite.png");
background-position:0px -200px;
width:120px;
height:40px;
}
#document.drive_rec .typeList > li.wagon label::before{
overflow:hidden;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/drive_rec/drive_rec_img_sprite.png");
background-position:-130px -200px;
width:120px;
height:40px;
}
#document.drive_rec .typeList > li.onebox label::before{
overflow:hidden;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("../../img/drive_rec/drive_rec_img_sprite.png");
background-position:-260px 0px;
width:120px;
height:40px;
}

/* konami
--------------------------------------------------------------------------------------------------- */
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

    version: 1.0
    created: 2017/10/27
    update : -

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
#document.konami .fontLarge{
font-size:1.6rem;
}
#document.konami .beltHeading{
margin:0 0 20px;
border-radius:6px;
padding:3px 0;
background:#fac437;
color:#ffffff;
font-weight:bold;
font-size:1.6rem;
text-align:center;
}
#document.konami .numberList{
margin:0;
counter-reset:li;
}
#document.konami .numberList > li{
display:table-row;
}
#document.konami .numberList > li:before{
display:table-cell;
content:counter(li) ".　";
counter-increment:li;
}
#document.konami .m_table th, #document.konami .m_table td{
padding:12px 40px;
width:auto;
}
#document.konami .m_table th:first-child, #document.konami .m_table td:first-child{
width:40%;
}
#document.konami .m_table td{
font-size:1.4rem;
}
#document.konami .m_table td .price{
display:inline-block;
font-weight:bold;
}
#document.konami .m_table td .price > span{
display:inline-block;
margin-right:5px;
font-size:2rem;
}
#document.konami .cando{
margin:50px 0 0;
}
#document.konami .cando .beltHeading{
margin-bottom:0;
}
#document.konami .cando > .lead{
margin:10px 0;
font-weight:bold;
font-size:3rem;
text-align:center;
}
#document.konami .cando ul{
margin:0 -5px;
text-align:center;
}
#document.konami .cando ul > li{
box-sizing:border-box;
display:inline-block;
vertical-align:top;
margin:0 5px;
padding:20px;
width:185px;
height:185px;
background:no-repeat 0 0;
color:#ffffff;
text-align:left;
}
#document.konami .cando ul > li.program{
background-image:url(../../img/konami/index_bg_cando.gif);
}
#document.konami .cando ul > li.gym{
background-image:url(../../img/konami/index_bg_cando_02.gif);
}
#document.konami .cando ul > li.pool{
background-image:url(../../img/konami/index_bg_cando_03.gif);
}
#document.konami .cando ul > li.bath{
background-image:url(../../img/konami/index_bg_cando_04.gif);
}
#document.konami .cando ul > li .name{
display:block;
margin-top:8px;
font-weight:bold;
font-size:2rem;
}
#document.konami .tableHeading{
margin:0 0 15px;
font-size:1.8rem;
}
#document.konami .priceBox{
display:flex;
justify-content:space-between;
align-items:center;
margin:0 0 20px;
border-radius:6px;
padding:20px 40px;
min-height:75px;
background:#f9f9f9;
text-align:center;
}
#document.konami .priceBox > .heading{
margin:0;
flex:1;
color:#333333;
font-size:2.4rem;
line-height:1.2;
text-align:center;
}
#document.konami .priceBox > .heading > span{
font-weight:normal;
font-size:1.6rem;
}
#document.konami .priceBox > .price{
margin:0;
flex:1;
}
#document.konami .priceBox > .price > span{
display:block;
color:#cc0322;
font-weight:bold;
font-size:2.4rem;
line-height:1.2;
}
#document.konami .priceBox > .price > span > span{
display:inline-block;
vertical-align:bottom;
margin-right:10px;
font-size:3rem;
}
#document.konami .stepBox > .step{
margin-bottom:30px;
border-radius:6px;
padding:40px;
background:#fffcf5;
}
#document.konami .stepBox > .step > *:last-child{
margin-bottom:0 !important;
}
#document.konami .stepBox > .step:nth-of-type(n+2){
position:relative;
}
#document.konami .stepBox > .step:nth-of-type(n+2)::before{
position:absolute;
top:-30px;
left:50%;
width:15px;
height:30px;
content:"";
background:url(../../img/konami/index_bg_arrow.png) no-repeat 0 0;
transform:translateX(-50%);
}
#document.konami .stepBox > .step > .heading{
margin:0 0 25px;
font-size:2rem;
}
#document.konami .stepBox > .step > .heading > .step{
display:inline-block;
vertical-align:middle;
border:2px solid #fac437;
border-radius:4px;
margin:0 16px 0 0;
padding:6px 0;
width:52px;
color:#fac437;
font-size:1.4rem;
text-align:center;
line-height:1;
}
#document.konami .stepBox > .step > .heading > .step > span{
display:block;
font-weight:bold;
font-size:2.6rem;
}
#document.konami .stepBox > .step .m_button{
margin-right:-5px;
margin-left:-5px;
}
#document.konami .stepBox > .step .m_button > li{
margin:0 5px;
}
#document.konami .stepBox > .step .m_button span{
background:none;
}
#document.konami .stepBox > .step .m_button span::before{
content:none;
}
#document.konami .stepBox > .step .m_button a{
display:table;
padding:0;
width:340px;
height:50px;
}
#document.konami .stepBox > .step .m_button a::before{
content:none;
}
#document.konami .stepBox > .step .m_button a > span{
display:table-cell;
vertical-align:middle;
}
#document.konami .stepBox > .step .m_button a > span > span{
position:relative;
display:inline-block;
line-height:1.2;
color:#000000;
font-weight:bold;
}
#document.konami .stepBox > .step .m_button a > span > span::before{
position:absolute;
top:50%;
left:0;
content:"";
width:6px;
height:6px;
border:solid #000000;
border-width:2px 2px 0 0;
}
#document.konami .stepBox > .step .m_button a > span > span::after{
position:absolute;
top:50%;
right:0;
width:10px;
height:10px;
margin-left:10px;
content:"";
background:url(../../img/konami/index_ico_blank.gif) no-repeat 0 0;
transform:translateY(-50%);
}
#document.konami .stepBox .numberList > li::before{
font-weight:bold;
}
#document.konami .stepBox .box{
margin:0 0 24px;
border:1px solid #fac437;
border-radius:6px;
padding:15px 70px;
text-align:center;
background:#ffffff;
}
#document.konami .stepBox .box > *:last-child{
margin-bottom:0 !important;
}
#document.konami .stepBox .box .contact{
margin-bottom:10px;
font-weight:bold;
font-size:1.6rem;
line-height:1.4;
}
#document.konami .stepBox .box .contact > .number{
display:inline-block;
vertical-align:middle;
font-size:3.2rem;
color:#cc0322;
}
#document.konami .stepBox .box .contact > .businesstime{
display:block;
text-align:center;
font-size:1.4rem;
}
#document.konami .stepBox .box .contact > .businesstime > span{
font-weight:normal;
display:inline-block;
vertical-align:middle;
text-align:left;
line-height:1.5;
}
#document.konami .stepBox .box .caution{
margin:20px 0 10px;
padding:8px 15px;
background:#f9f9f9;
font-weight:bold;
text-align:center;
}
#document.konami .stepBox .message{
border:2px solid #fac437;
border-radius:6px;
padding:8px 70px;
background:#ffffff;
color:#fac437;
font-weight:bold;
font-size:1.8rem;
text-align:center;
}
#document.konami .stepBox + .m_box .m_icoHeading + p{
margin-bottom:10px;
}
/* news
--------------------------------------------------------------------------------------------------- */
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

    version: 1.0
    created: 2021/01/07
    update : -

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
#newsBody {
	width: 900px;
	margin: 0 auto;
}
a.pdf::after{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:-7px;
line-height:1;
background-image:url("../../img/common/common_img_sprite.png");
background-position:-142px -106px;
width:24px;
height:24px;
margin-left:10px;
content:"";
}